/* ONE pilot: shared card, calmer hierarchy, accessible mobile navigation. */
:root{--muted:#536b72;--blue:#197c8b;--line:#dbe7e9}
body{font-family:'DM Sans',system-ui,sans-serif}
h1,h2,h3,.credential-core h2{font-family:Manrope,system-ui,sans-serif}
button,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #38a6b8;outline-offset:3px}
.nav-group{display:grid;gap:3px;margin-top:13px}
.nav-group>small{color:#abc6cc;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 13px}
.nav-group .nav-item{font-size:.85rem;min-height:44px}
.sidebar-logo{height:90px;margin-bottom:12px}.sidebar-logo img{object-fit:contain}
.sidebar-footer{margin-top:24px}
.navigation-back{min-width:44px;min-height:44px;font-size:1.4rem;padding:4px}
.sync-button{min-height:44px;white-space:nowrap}
.mobile-client-nav{display:none}
.client-only .topbar #quick-action,.client-only .mode-switch{display:none!important}
.client-view{max-width:900px}
.client-welcome h1{font-size:1.65rem}
.client-only .client-welcome{margin-bottom:20px}
.policy-selector{display:grid;gap:7px;margin:0 0 16px;color:var(--muted);font-size:.86rem;font-weight:600}
.policy-selector select,.stack-label input{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;color:var(--ink);width:100%;min-width:0}
.insurance-credential,.digital-card.insurance-credential{display:block;padding:0;border:1px solid #afcdd3;border-radius:20px;background:#fff;color:#14353f;box-shadow:0 10px 30px #0d344412;overflow:hidden;max-width:680px;margin-inline:auto}
.insurance-credential:after{display:none}
.credential-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:#f0f7f8;border-bottom:1px solid #cfdee2}
.credential-top img{width:145px;height:65px;object-fit:contain;mix-blend-mode:multiply}
.credential-top>div{text-align:right;min-width:0}
.credential-top small{display:block;font-size:.62rem;letter-spacing:.13em;color:#526f78;margin-bottom:5px}
.credential-top strong{font-size:1rem;overflow-wrap:anywhere}
.credential-core{padding:24px}
.credential-core .arg-plate{margin:0 0 18px;width:230px;height:78px}
.credential-core .arg-plate strong{font-size:1.8rem}
.credential-core h2{font-size:1.3rem;line-height:1.4;margin:0;font-weight:800}
.credential-kind{margin:0 0 8px;color:#197282;font-size:.82rem;font-weight:800;letter-spacing:.035em}
.credential-core:not(:has(.arg-plate)) h2{margin-bottom:18px}
.policy-type-badge{display:inline-flex;align-items:center;justify-content:center;max-width:190px;padding:8px 11px;border:1px solid #c7e1e5;border-radius:10px;background:#eef8f9;color:#176978;font-size:.76rem;font-weight:800;line-height:1.3;text-align:center}
#edit-policy-form label[hidden]{display:none!important}
.credential-year{margin:4px 0 20px;color:#536b72;font-size:.9rem}
.credential-data{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:0}
.credential-data>div{min-width:0}.credential-data .wide{grid-column:1/-1}
.credential-data dt{font-size:.72rem;color:#536b72;margin-bottom:4px}
.credential-data dd{margin:0;font-size:.98rem;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.credential-data .serial dd{font-family:ui-monospace,Consolas,monospace;font-size:.92rem;letter-spacing:.015em}
.credential-states{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;border-top:1px solid var(--line);padding-top:18px}
.credential-states .status{font-size:.75rem;line-height:1.45;border-radius:8px}
.status.danger{color:#9c2634;background:#fff0f0}
.credential-stamp{margin:13px 0 0;font-size:.72rem;color:#536b72}
.credential-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px 24px;background:#f5f9fa;border-top:1px solid var(--line);align-items:center}
.credential-actions button{min-height:44px}
.credential-actions>span{font-size:.84rem;color:#536b72}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.help-grid button{min-height:54px;white-space:normal;text-align:left;justify-content:flex-start}
.client-actions{gap:10px}.client-actions button{min-height:70px}
#client-account .panel,#client-policies>.panel,.access-panel{padding:24px}
#account-details dt{color:var(--muted);font-size:.8rem;margin-top:14px}
#account-details dd{margin:5px 0;overflow-wrap:anywhere}
.detail-policy-row{gap:16px;align-items:flex-start}
.detail-policy-row h2{font-size:1.2rem}
.detail-policy-row .help-grid{display:flex;flex-wrap:wrap}
.payment-history-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.payment-history-row small{width:100%;color:var(--muted)}
.preview-phone{max-width:520px;margin:auto}
.preview-phone .insurance-credential{margin-block:20px}
.access-panel{margin-bottom:20px}
.access-request{display:grid;gap:12px;padding:18px 0;border-top:1px solid var(--line)}
.access-request input{width:20px;height:20px;vertical-align:middle}
.access-request label{font-size:.9rem;line-height:1.6}
.stack-label{display:grid;gap:7px;margin-top:18px}
.claim-step-heading{grid-column:1/-1!important;margin:16px 0 0!important;padding-top:18px;border-top:1px solid var(--line)}
.claim-step-heading:first-child{margin-top:0!important;padding-top:0;border:0}
.upload-feedback{padding:12px;margin-block:14px;border-radius:10px;background:#edf7f8;color:#234e59;font-size:.9rem}
.support-manage label,.claim-update-fields label,.form-grid label{font-size:.88rem}
.form-grid input,.form-grid select,.form-grid textarea{font-size:1rem}
.claim-upload-tile small,.claim-upload-tile p{font-size:.8rem}
.internal-tag{color:#694a08;background:#fff2d8;border-radius:5px;padding:3px 6px;font-size:.72rem}
.client-only .notification-invite{margin-top:24px}
.client-only #whatsapp-help{font-size:.78rem}
.client-only #client-rating-preview{margin-top:20px}
@media(max-width:760px){
 .client-only main{padding-bottom:90px}
 .client-only .view{padding:22px 16px 34px}
 .client-only .topbar{gap:10px}.client-only .topbar .sync-button{margin-left:auto}
 .mobile-client-nav{position:fixed;z-index:25;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #c9dce0;box-shadow:0 -5px 20px #0d34440a}
 .mobile-client-nav button{min-height:50px;padding:8px 2px;border:0;border-radius:10px;background:transparent;color:#536b72;font-size:.72rem;font-weight:600}
 .mobile-client-nav button.active{background:#e5f3f5;color:#0c5b6b}
 .client-only #whatsapp-help{bottom:calc(82px + env(safe-area-inset-bottom));right:13px}
 .client-only .toast{bottom:155px;left:16px;right:16px}
 .client-only .client-welcome{display:block}.client-only .safe-badge{display:inline-flex;margin-top:12px}
 .client-actions{grid-template-columns:1fr 1fr}
 .credential-top{padding:16px;gap:10px}
 .credential-top img{width:114px;height:50px}
 .credential-top strong{font-size:.85rem}.credential-top small{font-size:.55rem}
 .credential-core{padding:20px}
 .credential-data{gap:14px}
 .credential-data dd{font-size:.9rem}
 .credential-data .serial dd{font-size:.85rem}
 .credential-actions{padding:16px}.credential-actions button{flex:1}
 .help-grid{grid-template-columns:1fr}
 .client-actions strong{font-size:.84rem}.client-actions small{font-size:.72rem}
 .claim-form,.quote-form{padding:18px}
 .panel-heading{padding:18px}
 .client-only #install-mione-banner{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.client-add-documents,.claim-history-disclosure{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.client-add-documents summary,.claim-history-disclosure summary{font-weight:700;cursor:pointer;min-height:44px;padding-block:10px}
.client-add-documents select{display:block;width:100%;margin:8px 0 12px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:1rem}
.client-claim-documents{display:grid;gap:8px}.client-claim-documents a{overflow-wrap:anywhere;white-space:normal;justify-content:flex-start;font-size:.84rem}
@media(max-width:760px){
 .sidebar:not(.open){visibility:hidden}
 .sidebar.open{visibility:visible}
 .client-only #whatsapp-help{width:auto;min-height:48px;padding:7px 12px 7px 7px;justify-content:center}
 .client-only #whatsapp-help strong{display:inline;font-size:.78rem}
 .client-only #client-payment-alert{padding:16px;box-shadow:none;background:#fff6f6;color:#912d3d;border:1px solid #e9c6cc;border-left:4px solid #b6384b;border-radius:12px;gap:10px}
 .client-only #client-payment-alert h2{font-size:1rem;color:#912d3d}
 .client-only #client-payment-alert p{font-size:.85rem;line-height:1.5}
 .client-only #client-payment-alert .payment-alert-icon{display:none}
}