:root{--orange:#D96516;--orange2:#ED780B;--deep:#a84310;--peach:#FFE8D2;--cream:#FFF5EA;--bg:#F6F3EF;--ink:#2F3032;--muted:#66717b;--line:#E8DED5;--pale:#EAF4FF;--green:#0C825A;--red:#A63D38;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font-size:14px;line-height:1.48}.shell{max-width:465px;min-height:100dvh;background:#fff;margin:0 auto;box-shadow:0 8px 38px #5b352014}.hero{background:linear-gradient(130deg,var(--orange),var(--orange2));color:#fff;padding:17px 18px 19px}.brandRow{display:flex;align-items:center;justify-content:space-between;gap:8px}.logo{width:174px;max-width:52%;height:56px;object-fit:contain;object-position:left}.role{font-weight:780;font-size:14px;color:white}.welcome{font-size:13px;margin:12px 0 2px;color:#fff3e8}.person{font-size:23px;line-height:1.2;font-weight:850;margin:0}.subhead{font-size:11px;color:#fff0df;margin-top:4px}.nav{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.nav button{border:1px solid #fff6;color:white;background:#ffffff1e;border-radius:9px;padding:8px 12px;font-weight:700;cursor:pointer}.band{padding:10px 17px;background:#FFF0E1;color:#945320;font-weight:720;font-size:11px}.band.warning{background:#fff4de;color:#915516}.band.success{background:#e5f6ed;color:#0b6846}.band.error{background:#fff0ed;color:#A43D32}main{padding:16px 16px 45px}.sectionTitle{font-size:18px;font-weight:820;margin:17px 0 10px}.sectionbar{background:var(--deep);color:white;font-weight:800;font-size:13px;padding:10px 12px;margin:16px 0 8px}.card{border:1px solid var(--line);border-radius:15px;background:white;padding:15px;margin-bottom:12px;box-shadow:0 2px 10px #3b2b1b06}.card.spotlight{border:1.5px solid #EFA76C;background:#FFFCF9}.card h2{margin:0 0 6px;font-size:19px}.small{font-size:11px;color:var(--muted)}.intro{color:#67707a;margin:6px 0 16px}.big{font-size:24px;font-weight:850;letter-spacing:-.02em}.muted{color:var(--muted)}.stack{display:grid;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{border:1px solid #f2e0d0;border-radius:12px;background:#fff2e6;padding:12px 8px;text-align:center}.metric strong{font-size:22px;display:block}.metric span{color:#8a5838;font-size:10px}.pill{border-radius:50px;background:#FBE5CF;color:#8F4D1F;padding:5px 9px;font-size:10px;font-weight:750;white-space:nowrap}.pill.ok{color:#08764d;background:#ddf2e7}.pill.neutral{color:#426da0;background:#e9f2fc}.pill.draft{color:#8a5b12;background:#fff2d5}.button{background:var(--orange);border:none;color:white;min-height:44px;padding:11px 15px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer}.button.secondary{background:#FFF1E3;color:#A54F11;border:1px solid #EECBAD}.button:disabled{opacity:.55;cursor:not-allowed}.full{width:100%}.input{width:100%;border:1px solid #DACFC5;border-radius:9px;padding:11px;font:inherit;min-height:43px}.item{border:1px solid var(--line);border-radius:13px;margin:9px 0;padding:13px;background:#fff;cursor:pointer;text-align:left;width:100%;font:inherit}.item strong{font-size:15px}.item .small{margin-top:3px}.statustxt{font-size:11px;color:#0b7d4e;font-weight:700}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-left:1px solid #ded6ce;border-top:1px solid #ded6ce}.field{border-right:1px solid #ded6ce;border-bottom:1px solid #ded6ce;display:grid;grid-template-columns:44% 56%;min-height:48px}.label{background:var(--peach);padding:8px;font-size:10px;font-weight:800;display:flex;align-items:center;overflow-wrap:anywhere}.value{background:var(--pale);padding:8px;font-size:11px;display:flex;align-items:center;overflow-wrap:anywhere}.notice{padding:11px 12px;border-radius:10px;background:#fff3e7;color:#965a24;margin:12px 0;font-size:12px}.notice.error{background:#fff0ed;color:#a53c33}.empty{border:1px dashed #e1cec0;background:#fff9f3;padding:18px;border-radius:13px;color:#855d3f}.loading{color:#99643d;padding:16px}.footer{font-size:10px;color:#8b7f75;margin:20px 0}.refresh{border:none;background:none;color:#b45817;cursor:pointer;font-weight:800;padding:6px}.back{border:0;background:none;color:#b25718;font-weight:800;cursor:pointer;margin:4px 0 10px;padding:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:370px){main{padding:12px}.logo{width:145px}.person{font-size:20px}.field{grid-template-columns:43% 57%}.label,.value{font-size:9px;padding:6px}.grid3{gap:5px}.metric{padding:9px 4px}}

/* Client-only PDF downloads; same official brand palette and existing mobile sizing. */
.client-downloads h2{margin:0 0 4px;font-size:17px;color:#9f4510}.pdf-buttons{display:grid;gap:9px;margin-top:12px}.pdf-buttons .button{width:100%;text-align:center;min-height:44px}.client-downloads #pdfMessage{margin:9px 0 0}

/* Client-only v1.4 desktop / tablet layout; Driver and Management keep V1.3 CSS. */
.client-page .pdf-open-link{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:10px 17px;min-height:44px;border-radius:10px;background:var(--orange);color:#fff;font-weight:800;text-decoration:none}
.client-page .client-downloads #pdfMessage span{display:block}
@media(min-width:700px){
 .client-page .shell{max-width:960px}
 .client-page .hero{padding:24px 30px}
 .client-page main{padding:26px 30px 64px}
 .client-page .logo{width:205px;height:68px}
 .client-page .person{font-size:28px}
 .client-page .sectionTitle{font-size:21px}
 .client-page .grid3{gap:15px}
 .client-page .grid2{gap:15px}
 .client-page .pdf-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .client-page .pdf-buttons .button{font-size:12px;line-height:1.35;min-height:56px}
 .client-page .field{grid-template-columns:42% 58%;min-height:62px}
 .client-page .label{font-size:12px;padding:10px 12px}
 .client-page .value{font-size:13px;padding:10px 12px}
 .client-page .card{padding:21px}
 .client-page .item{padding:16px}
 .client-page .metric{padding:17px}
}
@media(min-width:700px) and (max-width:820px){.client-page .fieldgrid{grid-template-columns:1fr}.client-page .pdf-buttons{grid-template-columns:1fr 1fr}}
/* Phone clients: one labeled field per row prevents 4 narrow internal columns. */
@media(max-width:699px){
 .client-page .fieldgrid{grid-template-columns:1fr}
 .client-page .field{grid-template-columns:41% 59%;min-height:44px}
 .client-page .label,.client-page .value{font-size:11px;line-height:1.35;padding:8px 10px}
}

/* Client-only v1.5: iPhone Safari native PDF share action; no new-tab blob navigation. */
.client-page .pdf-share-button{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;min-height:48px;width:100%;font-size:14px}
.client-page .pdf-fallback-link{display:inline-flex;margin-top:8px;background:#fff1e3;color:#a54f11;border:1px solid #eecbad;font-size:12px;min-height:42px}

/* Client V1.6: same SANKIE brand, accessible device activation. No role selector. */
.client-device-activation{border:1px solid #EDC4A8}
.client-device-activation .input,#activateArea .input{margin:7px 0 10px;font-size:14px}
.client-device-activation .button,#useInvite{margin-bottom:9px}
.client-page .pdf-fallback-link{display:none}

/* Client V1.7 — one Full Report control, after the final office-data notice. */
.client-page .client-bottom-save{border-top:1px solid #ead7c7;padding-top:18px;margin-top:17px}
.client-page .client-bottom-save .button{display:block;width:100%;min-height:54px;font-size:15px;font-weight:800;letter-spacing:.01em}
.client-page .client-bottom-save .client-save-help{margin:10px 0 4px;text-align:center;color:#8c674f}
.client-page .client-bottom-save #pdfMessage{margin:8px 0 0;line-height:1.5;text-align:center;color:#87684e}