:root{--hub-line:rgba(255,255,255,.13);--hub-muted:#a5adbc;--hub-bg:rgba(18,23,34,.9)}
.hub-shell{max-width:1400px;margin:0 auto;padding:115px 24px 80px;position:relative;z-index:1;color:#eef0f6}
.hub-customer{max-width:920px}.hub-hero{padding:0 0 28px}.hub-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);margin:10px 0 12px;letter-spacing:-.04em}.hub-hero p:not(.eyebrow){color:var(--hub-muted)}
.hub-card{background:var(--hub-bg);border:1px solid var(--hub-line);border-radius:22px;padding:26px;margin:0 0 20px;min-width:0}
.hub-card h2{margin:0 0 10px}.hub-card h3{font-size:1.15rem;margin:28px 0 12px}
.hub-card p{line-height:1.55}.hub-inline,.hub-stack{display:flex;gap:12px}.hub-stack{flex-direction:column}.hub-inline{align-items:end;flex-wrap:wrap}.hub-inline label{flex:1;min-width:210px}.hub-card label{display:block;font-size:.85rem;font-weight:650;color:#dbe1e9}.hub-card input,.hub-card select,.hub-card textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;color:#f6f7fa;background:#0c111c;border:1px solid #4a5261;border-radius:10px;min-width:0;font:inherit}.hub-card input:focus,.hub-card select:focus,.hub-card textarea:focus{outline:2px solid #88adff;outline-offset:2px}.hub-card button:disabled{opacity:.45;cursor:wait}.hub-inline .btn{min-height:45px}
.hub-error{color:#ff9292!important}.hub-good{color:#a7f8bb!important}.hub-message{min-height:1.3em;font-size:.92rem}.hub-muted,.hub-card small{color:var(--hub-muted);font-size:.83rem}.hub-user{display:flex;align-items:center;justify-content:space-between;padding:8px 0 18px;gap:10px}.hidden{display:none!important}.hub-layout{display:grid;grid-template-columns:minmax(280px,410px) minmax(0,1fr);gap:20px;align-items:start}.hub-left{position:sticky;top:90px}.hub-search{display:grid;gap:8px;grid-template-columns:1fr 1fr}.hub-search input{grid-column:1 / -1;margin:0}.hub-search select{margin:0}.hub-search .btn{height:42px}.hub-results{display:flex;flex-direction:column;gap:8px;max-height:610px;overflow-y:auto;margin-top:14px}.hub-case{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;border:1px solid var(--hub-line);padding:12px 14px;border-radius:12px;background:#171d2b;color:#fff;cursor:pointer}.hub-case:hover,.hub-case:focus{background:#252f44}.hub-case span{font-size:.95rem}.hub-pages{display:flex;justify-content:space-between;align-items:center;padding-top:12px}.hub-link{background:none;border:0;color:#b6c8ff;text-decoration:underline;cursor:pointer;font:inherit;font-size:.9rem;padding:3px}.hub-box{padding:15px;background:#121a2a;border:1px solid var(--hub-line);border-radius:14px}.hub-properties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-kv{display:flex;flex-direction:column;gap:3px;word-break:break-word;border:1px solid var(--hub-line);border-radius:9px;padding:9px}.hub-kv span,.hub-current span{color:var(--hub-muted);font-size:.76rem}.hub-kv strong{font-size:.93rem;white-space:pre-wrap}.hub-event,.hub-file,.hub-quote{border:1px solid var(--hub-line);border-radius:12px;padding:12px;overflow-wrap:anywhere}.hub-event{display:flex;flex-direction:column;gap:6px}.hub-event strong{font-size:.93rem;font-weight:550}.hub-file{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.hub-file>div{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.hub-file small{overflow-wrap:anywhere}.hub-current{background:#131e30;border:1px solid #445572;border-radius:12px;padding:16px;margin:20px 0}.hub-current strong{display:block;font-size:1.35rem;margin:7px 0}.hub-quote{background:#151f31;padding:18px;margin:20px 0}.hub-quote h3{font-size:2rem}.hub-label{font-size:.8rem;letter-spacing:.13em;color:#a6baff}.hub-check{display:flex!important;align-items:flex-start;gap:8px;margin:15px 0}.hub-check input{width:auto;margin-top:3px}
@media(max-width:950px){.hub-layout{grid-template-columns:1fr}.hub-left{position:static}.hub-shell{padding:105px 15px 60px}.hub-card{padding:18px}.hub-properties{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.hub-inline{display:block}.hub-inline .btn{margin-top:12px;width:100%}.hub-properties{grid-template-columns:1fr}.hub-search{grid-template-columns:1fr}.hub-search input{grid-column:auto}.hub-file{align-items:flex-start}}

.hub-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:550px){.hub-two{grid-template-columns:1fr}}

/* Fast-entry admin: large, explicit controls. Status chips only select; Save commits changes. */
.hub-quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.hub-chip{cursor:pointer;font:inherit;font-size:.82rem;line-height:1.2;min-height:38px;padding:9px 12px;border:1px solid #536078;border-radius:999px;color:#dce7f9;background:#151c2a}
.hub-chip:hover,.hub-chip:focus-visible{outline:2px solid #87aefe;outline-offset:2px}
.hub-chip-active{border-color:#8eb8ff;background:#213758;color:#fff}
.hub-fold{margin:22px 0;border:1px solid var(--hub-line);border-radius:14px;background:#0e1523;overflow:hidden}
.hub-fold>summary{padding:16px;cursor:pointer;list-style-position:inside;font-size:1.05rem;font-weight:700;letter-spacing:.005em;color:#eaf0ff}
.hub-fold[open]>summary{border-bottom:1px solid var(--hub-line)}
.hub-fold>form,.hub-fold>p,.hub-fold>div:not(.hub-quick-filters),.hub-fold>button{margin:12px 15px 16px}
.hub-fold>form.hub-box{background:#151d2c}
.hub-action-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.hub-action-row .hub-link{min-height:37px}
@media(max-width:550px){.hub-fold>summary{padding:14px}.hub-chip{font-size:.8rem}.hub-action-row{align-items:stretch}.hub-action-row .hub-chip{flex:1}}

/* Camera/photo IMEI reader (never sends images to server). */
.hub-imei-tools{border:1px solid var(--hub-line);background:#121c2b;border-radius:12px;padding:14px;margin-bottom:10px}
.hub-imei-tools .hub-muted{margin:10px 0 0}
.hub-imei-panel{margin-top:12px;border-top:1px solid var(--hub-line);padding-top:12px}
.hub-imei-panel[hidden],#imeiCameraStop[hidden]{display:none}
#imeiCameraVideo{width:100%;max-width:540px;max-height:340px;object-fit:cover;display:block;border-radius:12px;background:#05070a}
#imeiCameraVideo[hidden]{display:none}
#imeiScanStatus{margin:10px 0;line-height:1.5}
#imeiScanChoices .hub-chip{overflow-wrap:anywhere;max-width:100%}

/* Printed code OCR: explicit opt-in camera/clipboard; readable on narrow screens. */
.hub-imei-tools h4{font-size:1rem;margin:0 0 6px}
.hub-paste-zone{padding:18px;border:1px dashed #7186a9;border-radius:12px;min-height:64px;cursor:text;background:#111e30;color:#dce7f9;margin:12px 0;overflow-wrap:anywhere}
.hub-paste-zone:focus-visible{outline:3px solid #9bc5ff;outline-offset:2px}
.hub-imei-tools #ocrTarget{width:100%}
.hub-imei-tools #ocrPanel{margin:14px 0}
.hub-imei-tools #ocrVideo{width:100%;max-height:360px;object-fit:contain;background:#020613;border-radius:12px}
.hub-imei-tools #ocrChoices{margin-top:9px;word-break:break-all}

/* Screenshot OCR review remains legible on phones. */
#deviceScreenshotTools .hub-inline-confirm{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.4;margin:7px 0}
#deviceScreenshotTools .hub-inline-confirm input{width:20px;min-width:20px;margin:1px 0 0}
#deviceScanReview[hidden],#deviceScanMismatch[hidden]{display:none}
#deviceScanStatus{min-height:20px;margin:12px 0;font-size:.88rem}