/* G276 - Customer Portal branding from the authorized WEVIX Monitor Delivery
   standalone logo and WEVIX navy/gold/white palette. Customer-only scope. */
.customer-autopilot-shell .customer-topbar {
    background: #0f2742 !important;
    color: #fff !important;
    border-bottom: 1px solid #28415a !important;
    box-shadow: none !important;
}
.customer-autopilot-shell .customer-topbar .portal-brand,
.customer-autopilot-shell .customer-topbar .portal-brand span {
    color: #fff !important;
}
.customer-autopilot-shell .customer-topbar .portal-brand span { opacity: .84; }
.customer-autopilot-shell .customer-topbar .portal-menu-button,
.customer-autopilot-shell .customer-topbar .portal-menu-button .mud-icon-root {
    color: #fff !important;
}
.customer-autopilot-shell .customer-topbar .customer-mode-pill {
    background: #ecf7f0 !important;
    border: 1px solid #d0eadb !important;
    color: #167451 !important;
}
.customer-autopilot-shell .customer-topbar .portal-user {
    background: #fff !important;
    border: 1px solid #dae2ec !important;
    color: #143653 !important;
}
.customer-autopilot-shell .customer-topbar .portal-logout {
    color: #fff !important;
    background: transparent !important;
    border: 1px solid #8fa3b8 !important;
}
.customer-autopilot-shell .customer-sidebar,
.customer-autopilot-shell .customer-sidebar .mud-drawer-content {
    background: #fff !important;
    color: #0f2742 !important;
}
.customer-autopilot-shell .customer-sidebar {
    border-right: 1px solid #dce4ed !important;
}
.customer-autopilot-shell .customer-sidebar .portal-side-head {
    background: #fff !important;
    border-bottom: 1px solid #e1e7ee !important;
    color: #0f2742 !important;
}
.customer-autopilot-shell .customer-sidebar .portal-side-head b,
.customer-autopilot-shell .customer-sidebar .portal-side-head small {
    color: #0f2742 !important;
}
.customer-autopilot-shell .customer-sidebar .portal-side-head small {
    opacity: .78;
}
.customer-autopilot-shell .customer-brand-logo {
    display: block;
    width: 46px;
    height: 46px;
    object-fit: contain;
    flex: 0 0 46px;
}
.customer-autopilot-shell .customer-sidebar .portal-nav-label {
    color: #7c8ba0 !important;
}
.customer-autopilot-shell .customer-sidebar .mud-nav-link {
    color: #0f2742 !important;
    background: transparent !important;
    border: 1px solid transparent;
}
.customer-autopilot-shell .customer-sidebar .mud-nav-link-icon,
.customer-autopilot-shell .customer-sidebar .mud-nav-link-text {
    color: #0f2742 !important;
}
.customer-autopilot-shell .customer-sidebar .mud-nav-link:hover {
    background: #f2f6fc !important;
}
.customer-autopilot-shell .customer-sidebar .mud-nav-link.active {
    border: 1px solid #6e9af6 !important;
    border-left: 3px solid #d4af37 !important;
    background: #eaf1ff !important;
    box-shadow: none !important;
}
.customer-autopilot-shell .customer-sidebar .mud-nav-link.active .mud-nav-link-text,
.customer-autopilot-shell .customer-sidebar .mud-nav-link.active .mud-nav-link-icon {
    color: #0b3871 !important;
}
.customer-autopilot-shell .customer-sidebar .portal-side-foot {
    background: #fff !important;
    border-top: 1px solid #e1e7ee !important;
    color: #0f2742 !important;
}
.customer-autopilot-shell .customer-sidebar .portal-side-foot b { color: #0f2742 !important; }
.customer-autopilot-shell .customer-sidebar .portal-side-foot small { color: #708197 !important; }
.customer-autopilot-shell .customer-portal-content {
    background: #f5f6f7;
}
.customer-autopilot-shell .customer-product-card:hover,
.customer-autopilot-shell .customer-quote-product:hover {
    border-color: #c9a95a;
}
@media (max-width: 600px) {
    .customer-autopilot-shell .customer-brand-logo {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
}
/* G277: MudBlazor base portal has a later !important topbar rule.
   Extra scope wins the cascade while staying inside Customer Portal. */
.mud-layout.customer-autopilot-shell .mud-appbar.portal-topbar.customer-topbar {
    background: #0f2742 !important;
    background-color: #0f2742 !important;
    color: #fff !important;
}
.mud-layout.customer-autopilot-shell .mud-drawer.portal-sidebar.customer-sidebar {
    background-color: #fff !important;
}
/* Keep visible keyboard focus, remove the programmatic navigation halo on h1. */
.customer-autopilot-shell h1:focus:not(:focus-visible) { outline: none; }

/* G278: FocusOnNavigate focuses a heading, not an action. Keep focus rings on interactive controls. */
.mud-layout.customer-autopilot-shell .portal-content.customer-portal-content h1:focus { outline: 0 !important; box-shadow: none !important; }

/* G279: selected QA product + step-by-step commercial flow. No public/global styles. */
.customer-autopilot-shell .qa-order-selected{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:16px 0 12px;padding:16px 18px;border:1px solid #dce5ef;border-radius:13px;
  background:#f8fbff;
}
.customer-autopilot-shell .qa-order-selected h3{margin:4px 0 5px;color:#0f2742;font-size:1.04rem;line-height:1.35}
.customer-autopilot-shell .qa-order-selected p{margin:0;font-size:.78rem}
.customer-autopilot-shell .qa-order-eyebrow{letter-spacing:.12em;font-weight:800;color:#8c6c14;font-size:.64rem}
.customer-autopilot-shell .qa-order-price{color:#0f2742;font-size:1.2rem;white-space:nowrap}
.customer-autopilot-shell .qa-order-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 18px}
.customer-autopilot-shell .qa-step{padding:9px 7px;text-align:center;border:1px solid #e1e7ed;background:#f7f9fb;border-radius:8px;color:#697c91;font-weight:700;font-size:.7rem}
.customer-autopilot-shell .qa-step.current{background:#e8f1ff;color:#164d94;border-color:#bbd4f3}
.customer-autopilot-shell .qa-step.complete{background:#edf7f0;color:#247344;border-color:#bce3c9}
.customer-autopilot-shell .qa-order-actions{gap:9px;align-items:center;flex-wrap:wrap}
.customer-autopilot-shell .qa-order-actions>div{flex:1 1 100%;min-width:0}
.customer-autopilot-shell .qa-order-actions button{flex:1 1 176px;min-height:40px}
.customer-autopilot-shell .qa-order-payment-note{padding:11px 13px;border-radius:8px;background:#fff9e9;border:1px solid #f0dbad;color:#70531b;font-size:.75rem;line-height:1.6;margin:12px 0}
.customer-autopilot-shell .qa-order-checkout{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;padding:12px;border:1px solid #bad6e7;border-radius:10px;background:#f4fbff}
.customer-autopilot-shell .qa-order-checkout>div{flex:1 1 230px;min-width:0}
.customer-autopilot-shell .qa-order-checkout p{margin:3px 0 0;font-size:.76rem}
@media(max-width:720px){
  .customer-autopilot-shell .qa-order-selected{align-items:flex-start;flex-direction:column;padding:13px}
  .customer-autopilot-shell .qa-order-progress{grid-template-columns:repeat(2,minmax(0,1fr))}
  .customer-autopilot-shell .qa-order-actions button{flex:1 1 100%}
}

/* G280: simple Customer Dashboard workflow. Scoped to this page; public/AdminSys unchanged. */
.customer-autopilot-shell .customer-simple-dashboard{display:flex;flex-direction:column;gap:14px;color:#112d4c}
.customer-autopilot-shell .customer-simple-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 0 4px}
.customer-autopilot-shell .customer-simple-header h1{font-size:clamp(24px,2.2vw,30px);line-height:1.16;letter-spacing:-.025em;margin:4px 0 6px;color:#0f2742}
.customer-autopilot-shell .customer-simple-header p{font-size:13px;line-height:1.5;color:#60748a;margin:0;max-width:660px}
.customer-autopilot-shell .customer-simple-header-actions{display:flex;gap:9px;align-items:center;flex:0 0 auto;flex-wrap:wrap}
.customer-autopilot-shell .customer-simple-header-actions a{font-size:13px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;text-decoration:none}
.customer-autopilot-shell .customer-simple-next{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;background:#eef5fc;border:1px solid #cdddef;border-left:4px solid #c69e42;border-radius:13px}
.customer-autopilot-shell .customer-simple-next.attention{background:#fffaf0;border-color:#eedfbe}
.customer-autopilot-shell .customer-simple-next.healthy{background:#eef8f2;border-color:#cae9d7}
.customer-autopilot-shell .customer-simple-next.muted{background:#f5f7fa;border-color:#dce4ec}
.customer-autopilot-shell .customer-simple-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#8a6b20}
.customer-autopilot-shell .customer-simple-next h2{font-size:18px;line-height:1.25;margin:4px 0;color:#0f2742}
.customer-autopilot-shell .customer-simple-next p{font-size:12px;line-height:1.5;color:#5c7186;margin:0}
.customer-autopilot-shell .customer-simple-next-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:10px;background:#2364b3;color:white!important;text-decoration:none;border-radius:8px;padding:10px 14px;font-weight:750;font-size:12.5px;min-height:39px}
.customer-autopilot-shell .customer-simple-next-button:focus-visible,.customer-autopilot-shell .customer-simple-product-action:focus-visible{outline:3px solid #d4af37;outline-offset:3px}
.customer-autopilot-shell .customer-simple-process{padding:12px 15px;background:#fff;border:1px solid #e0e7ef;border-radius:12px}
.customer-autopilot-shell .customer-simple-process-title{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.customer-autopilot-shell .customer-simple-process-title strong{font-size:14px}
.customer-autopilot-shell .customer-simple-process-title span{font-size:11px;color:#6b8092}
.customer-autopilot-shell .customer-simple-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0}
.customer-autopilot-shell .customer-simple-steps li{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 9px;background:#f7f9fc;border:1px solid #e2e9f0;border-radius:8px;color:#63768b;font-size:11.5px}
.customer-autopilot-shell .customer-simple-steps li span{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#dfe7ef;color:#425c79;font-weight:800}
.customer-autopilot-shell .customer-simple-steps li b{font-size:11.5px;line-height:1.2}
.customer-autopilot-shell .customer-simple-steps li.done{background:#edf7f0;color:#26734b;border-color:#cce5d3}
.customer-autopilot-shell .customer-simple-steps li.done span{background:#26734b;color:#fff}
.customer-autopilot-shell .customer-simple-steps li.locked{opacity:.67}
.customer-autopilot-shell .customer-simple-process-note{margin:8px 0 0;font-size:10.5px;line-height:1.35;color:#7e6b4c}
.customer-autopilot-shell .customer-simple-products{margin:0;padding:14px 15px 12px;border:1px solid #e0e7ef;border-radius:12px;background:#fff}
.customer-autopilot-shell .customer-simple-products .portal-section-title{margin-bottom:10px}
.customer-autopilot-shell .customer-simple-products .portal-section-title h2{font-size:20px}
.customer-autopilot-shell .customer-simple-products .customer-product-card{padding:10px;gap:6px;border-radius:10px;background:#fbfcfe;box-shadow:none}
.customer-autopilot-shell .customer-simple-products .customer-product-card h3{font-size:13px;min-height:32px}
.customer-autopilot-shell .customer-simple-products .customer-product-price{font-size:16px}
.customer-autopilot-shell .customer-simple-product-action{display:flex;align-items:center;justify-content:center;min-height:33px;padding:7px 6px;background:#2467b8;color:#fff!important;border-radius:7px;font-size:11.5px;font-weight:750;text-decoration:none;text-align:center;margin-top:auto}
.customer-autopilot-shell .customer-simple-product-action:hover{background:#174d8d;color:white}
.customer-autopilot-shell .customer-simple-product-hold{display:flex;justify-content:center;align-items:center;min-height:33px;padding:6px;background:#eef2f6;color:#75869a;border-radius:7px;font-size:10.5px;margin-top:auto}
.customer-autopilot-shell .customer-simple-products .customer-product-trials{gap:5px;margin-top:0}
.customer-autopilot-shell .customer-simple-products .customer-product-trials button{min-height:27px;font-size:9.5px;padding:4px 2px;opacity:.75}
.customer-autopilot-shell .customer-simple-products .customer-catalog-note{margin:8px 0 0}
.customer-autopilot-shell .customer-simple-bottom{display:grid;grid-template-columns:2fr 1fr;gap:14px}
.customer-autopilot-shell .customer-simple-account,.customer-autopilot-shell .customer-simple-help{padding:15px;border:1px solid #e0e7ef;border-radius:12px;background:#fff;min-width:0}
.customer-autopilot-shell .customer-simple-bottom-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.customer-autopilot-shell .customer-simple-bottom h2{font-size:16px;color:#0f2742;margin:0}
.customer-autopilot-shell .customer-simple-bottom a{font-size:12px;color:#2467b8;font-weight:700;text-decoration:none}
.customer-autopilot-shell .customer-simple-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.customer-autopilot-shell .customer-simple-stats a{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid #e4ebf1;border-radius:8px;background:#f8fafc}
.customer-autopilot-shell .customer-simple-stats small{font-size:11px;color:#60758a;font-weight:700}
.customer-autopilot-shell .customer-simple-stats strong{font-size:21px;color:#0f2742}
.customer-autopilot-shell .customer-simple-stats span{font-size:10px;color:#2467b8}
.customer-autopilot-shell .customer-simple-help p{font-size:12px;line-height:1.5;color:#63778b;margin:9px 0}
.customer-autopilot-shell .customer-simple-help a{display:block;margin-top:8px}
@media(max-width:1050px){.customer-autopilot-shell .customer-simple-header{align-items:flex-start;flex-direction:column}.customer-autopilot-shell .customer-simple-bottom{grid-template-columns:1fr}}
@media(max-width:700px){.customer-autopilot-shell .customer-simple-dashboard{gap:12px}.customer-autopilot-shell .customer-simple-header h1{font-size:25px}.customer-autopilot-shell .customer-simple-next{align-items:stretch;flex-direction:column;gap:10px;padding:13px}.customer-autopilot-shell .customer-simple-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-autopilot-shell .customer-simple-process-title{display:block}.customer-autopilot-shell .customer-simple-process-title span{display:block;margin-top:4px}.customer-autopilot-shell .customer-simple-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-autopilot-shell .customer-simple-products{padding:12px}.customer-autopilot-shell .customer-simple-products .customer-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-autopilot-shell .customer-simple-products .portal-section-title{align-items:flex-start;flex-direction:column}}
@media(max-width:385px){.customer-autopilot-shell .customer-simple-products .customer-products-grid{grid-template-columns:1fr}}