:root{--navy:#0b2438;--blue:#174a70;--blue2:#236a9a;--orange:#d86d2b;--bg:#f3f6f8;--card:#fff;--card-soft:#f8fafc;--text:#142839;--muted:#617487;--line:#d9e2e8;--line-strong:#c8d5de;--focus:rgba(35,106,154,.22);--good:#176b3a;--bad:#9b2323;--warn:#8a5b08;--shadow:0 8px 24px rgba(11,36,56,.07);--shadow-soft:0 3px 12px rgba(11,36,56,.055);--radius:14px;--radius-sm:10px}
*{box-sizing:border-box}html{height:100%;background:var(--bg);scrollbar-gutter:stable}body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--blue2);text-underline-offset:2px}button,a,input,select,textarea,summary{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:8px 12px;background:var(--navy);color:#fff;box-shadow:0 4px 16px rgba(5,24,39,.16)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{display:block;width:40px;height:40px;flex:0 0 40px;object-fit:contain;border-radius:10px;background:#fff;padding:2px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#fff;color:var(--navy);font-weight:950}.brand>div{min-width:0}.brand strong{display:block;font-size:.95rem;letter-spacing:.005em}.brand small{display:block;color:#d7e6ef;margin-top:1px;font-size:.74rem}.top-actions{display:flex;align-items:center;gap:6px;min-width:0}.icon-button,.ai-launcher{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff}.icon-button{width:44px;height:44px;border-radius:10px;font-size:1.08rem}.icon-button:hover,.ai-launcher:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.45)}.badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid transparent;border-radius:999px;font-size:.72rem;font-weight:850;line-height:1}.badge.online{background:#e4f4e9;color:var(--good);border-color:#cce8d5}.badge.offline{background:#fdeaea;color:var(--bad);border-color:#f5d3d3}.badge.neutral{background:#eaf1f6;color:#29465e;border-color:#d8e4ec}.badge.warn{background:#fff3ce;color:var(--warn);border-color:#f0dfaa}
.business-bar{position:sticky;top:58px;z-index:45;display:flex;gap:8px;align-items:center;min-height:46px;padding:6px 12px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(11,36,56,.03);backdrop-filter:blur(12px)}.business-bar select{min-width:220px;max-width:430px}.business-bar span{margin-left:auto;color:var(--muted);font-size:.8rem}.business-bar button{min-height:44px;padding:7px 13px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:850}.business-bar button:hover{background:var(--blue2)}.app-shell{display:grid;grid-template-columns:196px minmax(0,1fr);min-height:calc(100vh - 104px)}.main-nav{position:sticky;top:104px;align-self:start;height:calc(100vh - 104px);overflow:auto;padding:12px 8px;background:#fff;border-right:1px solid var(--line)}.main-nav button{display:flex;align-items:center;gap:9px;width:100%;min-height:46px;margin:2px 0;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#203d52;font-weight:780;text-align:left}.main-nav button:hover{background:#f2f6f9;border-color:#e5edf2}.main-nav button.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 5px 14px rgba(23,74,112,.18)}.nav-icon{width:22px;text-align:center;opacity:.92}main{min-width:0;padding:20px 22px 96px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 15px}.page-head>div:first-child{min-width:0}.page-head h1{margin:0;color:var(--navy);font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.08;letter-spacing:-.02em}.page-head p{margin:5px 0 0;color:var(--muted);max-width:760px;font-size:.92rem;line-height:1.45}.page-tools{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.card{grid-column:span 12;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:15px;box-shadow:var(--shadow)}.card h2,.card h3{margin:0 0 9px;color:var(--navy);line-height:1.22}.card h2{font-size:1.12rem}.card h3{font-size:1rem}.span12{grid-column:1/-1}.span3{grid-column:span 3}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span9{grid-column:span 9}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stat{padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card-soft)}.stat strong{display:block;font-size:1.42rem;line-height:1.1;color:var(--navy);font-variant-numeric:tabular-nums}.stat span{display:block;margin-top:3px;font-size:.76rem;color:var(--muted);font-weight:800}button.stat{font:inherit;color:inherit;text-align:left;cursor:pointer}button.stat:hover{border-color:var(--line-strong)}.notice{padding:10px 12px;border:1px solid #dbe7ef;border-radius:10px;background:#eef5fa;color:var(--navy);line-height:1.4}.notice.good{background:#e8f6ec;border-color:#d1ead9;color:var(--good)}.notice.warn{background:#fff5d8;border-color:#f0e0af;color:var(--warn)}.notice.bad{background:#fdecec;border-color:#f3d4d4;color:var(--bad)}.muted{color:var(--muted);line-height:1.45}.small{font-size:.82rem}.empty{padding:22px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:#fbfcfd;text-align:center;color:var(--muted);line-height:1.45}
label{display:block;margin:9px 0 5px;font-size:.8rem;font-weight:850;color:var(--navy)}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:10px;padding:9px 11px;background:#fff;color:var(--text);outline:0}input:hover,select:hover,textarea:hover{border-color:#aebfcb}input:focus,select:focus,textarea:focus{border-color:var(--blue2);box-shadow:0 0 0 3px var(--focus)}textarea{min-height:92px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.actions button,.primary,.secondary,.danger,.link-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 13px;border-radius:10px;font-weight:850;text-decoration:none}.primary,.actions button{border:1px solid var(--blue);background:var(--blue);color:#fff}.primary:hover,.actions button:hover{background:var(--blue2);border-color:var(--blue2)}.secondary{border:1px solid var(--line-strong)!important;background:#f4f7f9!important;color:var(--navy)!important}.secondary:hover{background:#e9f0f4!important;border-color:#b7c7d2!important}.danger{border:1px solid var(--bad);background:var(--bad);color:#fff}.success{border:1px solid var(--good)!important;background:var(--good)!important;color:#fff!important}.warning{border:1px solid #a56c08!important;background:#a56c08!important;color:#fff!important}
.list{display:grid;gap:7px}.row{padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fcfdfe}.row:hover{border-color:#ccd9e1;background:#fff}.row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.row strong{color:var(--navy)}.row small{display:block;margin-top:4px;color:var(--muted);line-height:1.4}.row-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.row-actions button{min-height:44px;padding:6px 9px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--navy);font-size:.76rem;font-weight:820}.row-actions button:hover{background:#f2f6f9;border-color:#adbfcb}.pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid #d7e3eb;border-radius:999px;background:#edf3f7;color:#29465e;font-size:.68rem;font-weight:850;white-space:nowrap}.pill.pending{background:#fff3ce;border-color:#f0dfaa;color:var(--warn)}.pill.good{background:#e4f4e9;border-color:#cce8d5;color:var(--good)}.pill.bad{background:#fdeaea;border-color:#f5d3d3;color:var(--bad)}
.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.quick-grid button{min-height:66px;border:1px solid #dce5eb;border-radius:var(--radius-sm);background:#fff;color:var(--navy);font-weight:850;box-shadow:var(--shadow-soft)}border-color:#b9cbd7;background:#fbfdfe;box-shadow:var(--shadow)}.thread-layout{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,.62fr);gap:12px}.thread-list{max-height:620px;overflow:auto}.message-list{display:flex;flex-direction:column;gap:8px;max-height:470px;overflow:auto;padding:6px}.message{max-width:82%;padding:10px 12px;border-radius:var(--radius);background:#eaf1f6}.message.mine{align-self:flex-end;background:#dceefa}.message small{display:block;margin-top:5px;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding-bottom:1px}.tabs button{white-space:nowrap;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:7px 11px;background:#fff;color:var(--navy);font-weight:820;min-height:44px;flex:1 1 auto}.tabs button:hover{background:#f4f7f9}.tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}.quote-line{display:grid;grid-template-columns:minmax(0,2fr) .7fr .7fr .8fr auto;gap:7px;align-items:end}.quote-line>button{min-height:44px}.calendar-list .row{border-left:4px solid var(--blue)}.provider{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-preview{white-space:pre-wrap;padding:13px;border-radius:var(--radius-sm);background:#f8fafc;border:1px solid var(--line)}.ai-chat{display:flex;flex-direction:column;gap:8px;min-height:260px;max-height:480px;overflow:auto}.ai-bubble,.message{padding:11px 13px;border-radius:var(--radius);background:#eef5fa}.ai-bubble.user{margin-left:12%;background:#e8f0f6}.ai-bubble.assistant{margin-right:8%;background:#fff;border:1px solid var(--line)}.recommendation{border-left:4px solid var(--orange)}.toast{position:fixed;right:16px;bottom:18px;z-index:100;max-width:430px;padding:11px 13px;border-radius:var(--radius-sm);background:var(--navy);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.22);pointer-events:none}.toast.bad{background:var(--bad)}.hidden{display:none!important}.bridge-frame{position:fixed;width:1px;height:1px;left:-9999px;border:0}dialog{max-width:650px;width:calc(100% - 28px);border:1px solid rgba(11,36,56,.08);border-radius:16px;padding:19px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.30)}dialog::backdrop{background:rgba(4,18,30,.52);backdrop-filter:blur(2px)}.welcome{max-width:760px;margin:70px auto;text-align:center}.voice-listening{animation:pulse 1.1s infinite}@keyframes pulse{50%{transform:scale(1.06);background:var(--orange)}}
body .h38-profit-card{border-color:var(--line);background:linear-gradient(180deg,#fff,#f9fbfc);box-shadow:var(--shadow)}body .h38-profit-kicker{font-size:.67rem;font-weight:900;letter-spacing:.09em;color:var(--blue);opacity:.85}body .h38-profit-grid{gap:8px;margin:10px 0}body .h38-profit-metric{padding:10px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card-soft)}body .h38-profit-metric strong{font-size:1rem;line-height:1.15;font-variant-numeric:tabular-nums}body .h38-profit-metric small{font-size:.72rem;color:var(--muted);opacity:1}body .h38-profit-note{font-size:.8rem;color:var(--muted);opacity:1;line-height:1.42}body .h38-profit-alert{padding:9px 10px;border:1px solid #f0e0af;border-radius:10px;background:#fff5d8;margin:8px 0}body .h38-profit-alert.h38-profit-ok{border-color:#d1ead9;background:#e8f6ec}body .h38-profit-controls{gap:8px;margin-top:9px}body .h38-profit-controls label{font-size:.75rem}body .h38-health-grid{gap:8px}body .h38-health-card{padding:10px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card-soft)}body .h38-health-score{font-size:1.18rem;line-height:1.15}body .h38-profit-list{gap:7px}body .h38-profit-row{padding:10px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fcfdfe}body .h38-plan-grid{gap:8px}body .h38-plan-step{padding:10px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card-soft)}body .h38-plan-step h3{margin:5px 0 4px;font-size:1rem}body .h38-profit-mini{margin:10px 0;padding:10px 11px;border:1px solid #dbe6ec;border-radius:var(--radius-sm);background:#f4f8fa}
@media(max-width:1050px){.span3,.span4{grid-column:span 6}.span5,.span6,.span7,.span8,.span9{grid-column:span 12}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{padding:7px 8px}.brand{flex:1 1 auto;overflow:hidden}.brand>div{overflow:hidden}.brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{flex:0 0 auto}.brand small{display:none}.badge{display:none}.business-bar{top:56px;padding:6px 9px;display:grid;grid-template-columns:1fr auto}.business-bar span{grid-column:1/-1;margin:0}.app-shell{display:block}.main-nav{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:60;height:auto;display:flex;overflow-x:auto;padding:6px;background:#fff;border-top:1px solid var(--line);border-right:0;box-shadow:0 -5px 18px rgba(11,36,56,.10)}.main-nav button{flex:1 1 0;min-width:68px;display:grid;place-items:center;gap:1px;min-height:54px;margin:0;padding:8px 4px;font-size:.65rem;line-height:1.08;text-align:center;white-space:normal}.nav-icon{font-size:1.1rem}.main-nav button.active{background:#e8f0f6;border-color:#d9e5ed;color:var(--navy);box-shadow:none}main{padding:13px 10px 92px}.page-head{display:block;margin-bottom:11px}.page-head h1{font-size:1.4rem}.page-head p{font-size:.84rem}.page-tools{margin-top:8px;justify-content:flex-start}.grid{gap:9px}.card{padding:12px;border-radius:var(--radius);box-shadow:var(--shadow-soft)}.span3,.span4,.span5,.span6,.span7,.span8,.span9{grid-column:span 12}.two,.three,.four,.quote-line{grid-template-columns:1fr}.thread-layout{grid-template-columns:1fr}.thread-list{max-height:220px}.actions>*{flex:1 1 100%}.row-top{align-items:flex-start}.toast{left:10px;right:10px;bottom:78px;pointer-events:none}.stats{grid-template-columns:1fr 1fr}body .h38-profit-grid,body .h38-health-grid,body .h38-plan-grid,body .h38-profit-controls{grid-template-columns:1fr 1fr;gap:7px}body .h38-profit-card{box-shadow:var(--shadow-soft)}body .h38-profit-metric,body .h38-health-card,body .h38-plan-step{padding:9px 10px}}
@media(max-width:480px){body .h38-profit-grid,body .h38-health-grid,body .h38-plan-grid,body .h38-profit-controls{grid-template-columns:1fr}}
@media(max-width:420px){.brand strong{font-size:.82rem}.brand-logo{width:36px;height:36px;flex-basis:36px}.top-actions{gap:4px}.icon-button{width:44px;height:44px}.ai-launcher{min-height:36px;padding-left:8px;padding-right:8px}.main-nav button{min-width:64px;font-size:.62rem}.stats{grid-template-columns:1fr 1fr}.stat{padding:10px}.stat strong{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.quick-grid button:hover{transform:none}}
/* v2.0 polish: tabular numbers for money/quantities (prevents layout shift) */
.money,.quote-total,#quoteTotal,.stat strong,.h38-ready-metrics strong{font-variant-numeric:tabular-nums}
/* v2.0 polish: required field indicator */
label:has(+ input[required])::after,label:has(+ select[required])::after,label:has(+ textarea[required])::after{content:" *";color:var(--bad);font-weight:800}

/* v2.0 polish: loading skeleton shimmer */
.skeleton{position:relative;overflow:hidden;background:#e8eef3;border-radius:var(--radius-sm);min-height:20px}
.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.4s infinite}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.skeleton-row{display:grid;gap:8px;padding:12px}
.skeleton-row .skeleton{height:16px}
.skeleton-row .skeleton:first-child{width:60%;height:20px}

/* === V2.0 VISUAL POLISH SWEEP (2026-10-05) === */
/* Fixes from audit: ~/workspace/goals/training-video-remake/hidden_files/visual-polish-issues.md */

/* Fix 14: Snap a receipt - button aligns with dropdown, not centered on label */
.h38-life-receipt-capture button{align-self:end}

/* Fix 15: Stat card consistency - ensure .h38-field3-metric matches .stat visual pattern */
/* Both now use number-on-top via DOM order (no CSS order hack needed for new code) */

/* Fix 16: Online badge - add padding so it doesn't jam against card edge */
.h38-field3-card > div:first-child{padding-right:8px}

/* Fix 23: Module Visibility - prevent label/toggle overlap */
.owner-controls-module-row .row-top strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.owner-controls-module-row .row-top{gap:12px;align-items:center}

/* Fix 18: Advanced upload button - style native button to match design system */
.h38-advanced-upload-btn,.h38-upload-advanced button[type="button"]{min-height:44px;padding:10px 18px;border:1px solid var(--line-strong);border-radius:999px;background:var(--navy);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer}
.h38-advanced-upload-btn:hover,.h38-upload-advanced button[type="button"]:hover{background:#1a3a52}

/* Fix 21: File input buttons - style to match design system */
.h38-styled-file-input{position:relative;display:inline-block;min-height:44px}
.h38-styled-file-input input[type="file"]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}
.h38-styled-file-input .file-input-label{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--navy);font-size:.85rem;font-weight:600;cursor:pointer}
/* Fallback: style native file input button where supported */
input[type="file"]::file-selector-button{min-height:36px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:8px;background:#f2f6f9;color:var(--navy);font-size:.82rem;font-weight:600;cursor:pointer;margin-right:10px}
input[type="file"]::file-selector-button:hover{background:#e8eef3}

/* Fix 17, 19: Card width consistency - ensure grid spans don't cause ragged edges */
.customer-360-details-card{grid-column:span 12}
.h38-release-center-card{grid-column:span 12}

/* General: Prevent flex item overflow in row-top layouts */
.row-top > strong{flex:1;min-width:0}
.row-top .switch{flex-shrink:0;margin-left:auto}

/* === H38 VOICE COMMANDS (v2.0) === */
/* Hands-free field actions: big mic, listening state, confirmation */
.h38-voice-bar{display:flex;gap:12px;align-items:center;padding:4px 0}
.h38-voice-mic{flex:0 0 auto;width:64px;height:64px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:.8rem;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(11,36,56,.25)}
.h38-voice-mic:hover{background:#1a3a52}
.h38-voice-mic.h38-voice-listening{background:#c0392b;animation:pulse 1.1s infinite}
.h38-voice-main{flex:1;min-width:0}
.h38-voice-status{font-weight:700;font-size:.92rem}
.h38-voice-transcript{font-size:.85rem;color:var(--muted,#5b6b7a);margin-top:2px;min-height:1.2em}
.h38-voice-transcript.h38-voice-final{color:var(--navy);font-weight:600}
.h38-voice-type-row{display:flex;gap:8px;margin-top:10px}
.h38-voice-type-row input{flex:1;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;font-size:.9rem}
.h38-voice-confirm{margin-top:10px}
.h38-voice-confirm-card{border:1px solid var(--line-strong);border-radius:12px;padding:12px;background:#f7fafc}
.h38-voice-confirm-action{font-size:1.05rem;font-weight:800;margin:6px 0 10px}
.h38-voice-hint{margin-top:10px;margin-bottom:0}
.h38-driving-voice{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
@media(max-width:760px){
  .h38-voice-mic{width:72px;height:72px;font-size:.85rem}
  .h38-voice-type-row{flex-direction:column}
  .h38-voice-type-row button{min-height:44px}
}

/* Offline mode: conflict resolution + readiness panel */
.h38-offline-panel .h38-conflict-diffs{margin-top:8px;display:grid;gap:6px}
.h38-offline-panel .h38-conflict-diffs .row{border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px;background:#fff}
.h38-offline-panel .h38-conflict-diffs .row small{display:block;margin-top:4px;color:var(--muted,#5b6b7a)}
.h38-conflict-merge{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.h38-conflict-merge small{width:100%}

/* === V2.0 VERIFICATION FIXES (2026-10-05) === */
/* Daily Digest: own grid above the main Today grid so platform layers that
   prepend into .grid can never bury it, and the phone-first layer (which
   hides .grid) leaves it visible on mobile. */
.h38-digest-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-bottom:12px}
.h38-digest-grid:empty{display:none}
/* Mobile header: keep the sync/queue status visible — a field worker on a
   phone must see offline/unsynced state. (#networkBadge/#gatewayBadge stay
   hidden on mobile per the deliberate office-polish space decision; the
   sync badge already reports "Offline — saved locally".) */
@media(max-width:760px){
  #syncBadge{display:inline-flex!important;font-size:.68rem;min-height:26px;padding:2px 8px;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Visual sweep 2026-10-07: tablet header must not crush icon targets or clip Ask Kit. */
@media(min-width:761px) and (max-width:1100px){
  .topbar{gap:8px;padding-left:10px;padding-right:10px}
  .topbar .brand{flex:1 1 auto;min-width:0}
  .topbar .brand strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:250px;overflow:hidden;white-space:normal;line-height:1.12}
  .topbar .brand small{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .top-actions{flex:0 0 auto;justify-content:flex-end;min-width:0}
  .topbar .top-actions>*{flex-shrink:0}
  .topbar .top-actions .icon-button{flex:0 0 44px!important;width:44px!important;min-width:44px!important}
  .topbar .top-actions .badge{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar #h38InstallOfficeButton{padding-left:9px;padding-right:9px;white-space:nowrap}
  .topbar #askKitButton{flex:0 0 auto;white-space:nowrap}
}
@media(min-width:761px) and (max-width:880px){
  .topbar .top-actions .badge{display:none}
}
/* Polish pass 2 (2026-10-12): at tablet widths the header actions overflowed
   their flex box and painted over the brand name. Keep the sync badge (the
   deliberate visibility decision) and drop the two status badges that the
   business bar below already repeats; drop Install in the tightest sub-band. */
@media(min-width:881px) and (max-width:1100px){
  .topbar .top-actions #networkBadge,.topbar .top-actions #gatewayBadge{display:none}
}
@media(min-width:761px) and (max-width:900px){
  .topbar #h38InstallOfficeButton{display:none}
}

/* Settings App views: actions get full-size tap targets (Visual Sweep Run 2, finding B). */
.app-view-open{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--navy);font-weight:820;font-size:.82rem;text-decoration:none;white-space:nowrap;flex:0 0 auto}
.app-view-open:hover{background:#f2f6f9;border-color:#adbfcb}

/* Polish pass 3 (2026-10-12): phone tap targets. Passes 1-2 raised the header,
   bottom nav and primary actions to 44px, but module content still rendered
   many controls just under: job status select 43px, schedule save 40px,
   creation actions 40px, hero actions 42px, install links 42px. On phones
   only (<=760px, the same breakpoint the rest of this sheet uses) give every
   button/select in the workspace a 44px minimum height. Tablet and desktop
   are untouched. Two sibling fixes live at their canonical owners:
   row-actions/tabs buttons (capped 42px !important) in
   mobile-runtime-stability.js, and the business switcher's 12.8px font
   (focus-zoom risk) in office-account-identity.js. */
@media(max-width:760px){
  body.h38-auth-authorized #mainContent button,
  body.h38-auth-authorized #mainContent select{min-height:44px}
  body.h38-auth-authorized .h38-install-platform-link{min-height:44px}
}