/* Globall Cloud — unified production surface · 2026-10-03
   This is the final precedence layer. It intentionally contains only route-scoped
   guardrails and responsive corrections; backend and component behavior remain unchanged. */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%}
button,input,select,textarea{max-width:100%;font:inherit}

/* Public homepage: keep the hero readable and prevent legacy grid children from forcing overflow. */
body:has(.gc-home) .gc-hero-grid,body:has(.gc-home) .gc-hero-rebuild,body:has(.gc-home) .gc-container,body:has(.gc-home) main{min-width:0;max-width:100%}
body:has(.gc-home) .gc-hero-copy,body:has(.gc-home) .gc-hero-visual{min-width:0}
body:has(.gc-home) .gc-hero-copy h1{overflow-wrap:normal;word-break:normal;writing-mode:horizontal-tb}
body:has(.gc-home) .gc-map-shell img{display:block;max-width:100%}

/* Tracking: the page has historically inherited generic .hero/.container rules. */
body:has(.gc-track-shell){min-width:0;background:#061321;color:#f3f7fb;font-family:Vazirmatn,system-ui,sans-serif}
body:has(.gc-track-shell) .gc-track-shell{width:min(1120px,calc(100% - 32px));min-width:0;margin-inline:auto}
body:has(.gc-track-shell) .gc-track-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);min-width:0;align-items:center}
body:has(.gc-track-shell) .gc-track-hero>div,body:has(.gc-track-shell) .gc-track-panel,body:has(.gc-track-shell) .gc-track-sections,body:has(.gc-track-shell) .gc-track-section{min-width:0}
body:has(.gc-track-shell) .gc-track-hero h1{display:block!important;max-width:100%;writing-mode:horizontal-tb!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important;line-height:1.2!important;letter-spacing:-.03em}
body:has(.gc-track-shell) .gc-track-hero p{max-width:100%;overflow-wrap:anywhere}
body:has(.gc-track-shell) .gc-track-panel{width:100%;overflow:hidden;border-radius:24px}
body:has(.gc-track-shell) .gc-track-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
body:has(.gc-track-shell) .gc-track-form input,body:has(.gc-track-shell) .gc-track-form button{min-width:0;min-height:50px;border-radius:12px}
body:has(.gc-track-shell) #liveMapContainer,body:has(.gc-track-shell) #trackingDetailsContainer{width:100%;min-width:0;overflow:hidden;border-radius:18px}

/* Customer app: stable desktop and compact mobile rhythm. */
body.gc-customer-app{min-width:0}
body.gc-customer-app .app-layout,body.gc-customer-app .app-main{min-width:0}
body.gc-customer-app .surface-card,body.gc-customer-app .metric-card,body.gc-customer-app .command-card{min-width:0}
body.gc-customer-app .field,body.gc-customer-app .textarea{max-width:100%;min-width:0}
body.gc-customer-app .record-list,.shipment-list{min-width:0;overflow-wrap:anywhere}

/* Auth cards: consistent with the customer app instead of older one-line inline styles. */
body:has(#loginForm),body:has(#registerForm){min-width:320px;overflow-x:hidden}
body:has(#loginForm) .box,body:has(#registerForm) .box{max-width:calc(100% - 28px);min-width:0}

/* Staff: preserve the real shell while preventing blank/collapsed mobile surfaces. */
body:has(#loginEmail){min-width:320px;overflow-x:hidden}
body:has(#loginEmail) #app{min-height:100dvh}

@media (max-width:900px){
  body:has(.gc-track-shell) .gc-track-hero{grid-template-columns:1fr;gap:24px;padding-block:40px 30px}
  body:has(.gc-track-shell) .gc-track-hero h1{font-size:clamp(34px,8vw,54px)!important}
  body:has(.gc-track-shell) .gc-track-sections{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  body:has(.gc-home) .gc-hero-grid{display:flex!important;flex-direction:column!important}
  body:has(.gc-home) .gc-hero-visual{order:-1;width:100%}
  body:has(.gc-home) .gc-hero-copy h1{font-size:clamp(31px,9.5vw,46px)!important;line-height:1.18!important}
  body:has(.gc-home) .gc-actions{grid-template-columns:1fr 1fr!important}
  body:has(.gc-track-shell) .gc-track-shell{width:calc(100% - 24px);padding-bottom:80px}
  body:has(.gc-track-shell) .gc-track-nav{align-items:flex-start;padding-bottom:16px}
  body:has(.gc-track-shell) .gc-brand{min-width:0}
  body:has(.gc-track-shell) .gc-brand span{min-width:0;overflow-wrap:anywhere}
  body:has(.gc-track-shell) .gc-back-link{font-size:11px;white-space:nowrap}
  body:has(.gc-track-shell) .gc-track-hero{display:flex!important;flex-direction:column;align-items:stretch;gap:18px;padding-block:28px 22px}
  body:has(.gc-track-shell) .gc-track-hero h1{font-size:clamp(32px,10vw,46px)!important;max-width:100%;margin-block:10px 14px}
  body:has(.gc-track-shell) .gc-track-hero p{font-size:13px;line-height:1.9}
  body:has(.gc-track-shell) .gc-track-panel{padding:18px;border-radius:20px}
  body:has(.gc-track-shell) .gc-track-form{grid-template-columns:1fr;gap:9px}
  body:has(.gc-track-shell) .gc-track-form input,body:has(.gc-track-shell) .gc-track-form button{width:100%;min-height:52px}
  body:has(.gc-track-shell) .gc-track-sections{display:grid;grid-template-columns:1fr;gap:20px}
  body:has(.gc-track-shell) .gc-track-section h2{font-size:18px}
  body:has(.gc-track-shell) #liveMapContainer{min-height:230px}
  body.gc-customer-app{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  body.gc-customer-app .app-layout{display:block;padding:14px 12px 34px}
  body.gc-customer-app .app-sidebar{display:none}
  body.gc-customer-app .workspace-toolbar{align-items:flex-start;flex-direction:column;gap:10px}
  body.gc-customer-app .workspace-controls{width:100%;display:grid;grid-template-columns:1fr 1fr}
  body.gc-customer-app .command-card{grid-template-columns:1fr;padding:20px;border-radius:20px}
  body.gc-customer-app .metric-grid{grid-template-columns:1fr 1fr;gap:8px}
  body.gc-customer-app .split-grid,body.gc-customer-app .commercial-grid,body.gc-customer-app .records-grid,body.gc-customer-app .support-grid{grid-template-columns:1fr}
  body.gc-customer-app .rate-tool,body.gc-customer-app .quote-form,body.gc-customer-app .request-form{grid-template-columns:1fr}
  body.gc-customer-app .field-wrap.full,body.gc-customer-app .full{grid-column:auto}
  body:has(#loginForm) .box,body:has(#registerForm) .box{width:calc(100% - 24px);padding:20px;border-radius:20px}
  body:has(#loginForm) .field,body:has(#registerForm) .field{min-height:50px}
}
@media (max-width:390px){
  body:has(.gc-home) .gc-actions{grid-template-columns:1fr!important}
  body.gc-customer-app .metric-grid{grid-template-columns:1fr 1fr}
  body:has(.gc-track-shell) .gc-track-shell{width:calc(100% - 20px)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* GLOBALL CLOUD SIGNATURE SYSTEM · 2026-10-05 */
:root{--gc-ink:#061322;--gc-navy:#081c31;--gc-navy-2:#0d2945;--gc-gold:#e2ad4b;--gc-gold-hi:#ffe19a;--gc-gold-soft:rgba(226,173,75,.16);--gc-cyan:#66e2ea;--gc-mint:#77e4b1;--gc-line:rgba(161,202,221,.17);--gc-line-strong:rgba(226,173,75,.34);--gc-shadow:0 24px 70px rgba(1,10,20,.24);--gc-ease:cubic-bezier(.23,1,.32,1)}
body:has(.gc-home),body.gc-customer-app,body:has(.gc-shell),body:has(.gc-track-shell){background-color:var(--gc-ink);background-image:radial-gradient(circle at 12% -8%,rgba(226,173,75,.11),transparent 28%),radial-gradient(circle at 90% 8%,rgba(76,193,212,.10),transparent 30%)}
.gc-btn,.btn,button,a{transition:transform .18s var(--gc-ease),border-color .18s var(--gc-ease),background .18s var(--gc-ease),box-shadow .18s var(--gc-ease),color .18s var(--gc-ease)}
.gc-btn:active,.btn:active,button:active{transform:scale(.97)}
.gc-btn-primary,.btn.primary{background:linear-gradient(135deg,var(--gc-gold-hi),var(--gc-gold) 58%,#b87325);color:#171006;border-color:rgba(255,225,154,.64);box-shadow:0 12px 30px rgba(226,173,75,.18)}
.gc-btn-primary:hover,.btn.primary:hover{box-shadow:0 16px 38px rgba(226,173,75,.3);transform:translateY(-2px)}
.gc-btn-soft,.btn:not(.primary):not(.danger){border-color:var(--gc-line-strong)}
body:has(.gc-home) .gc-nav{background:rgba(5,18,32,.86);border-bottom:1px solid rgba(226,173,75,.16);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px)}
body:has(.gc-home) .gc-nav-inner{min-height:74px}body:has(.gc-home) .gc-nav a:hover{color:var(--gc-gold-hi)}
body:has(.gc-home) .gc-hero-rebuild{position:relative;isolation:isolate;background:linear-gradient(135deg,#061322 0%,#092541 52%,#101b2e 100%);overflow:hidden}
body:has(.gc-home) .gc-hero-rebuild:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,black,transparent 80%)}
body:has(.gc-home) .gc-eyebrow{color:var(--gc-gold-hi);letter-spacing:.12em}body:has(.gc-home) .gc-hero-rebuild h1{max-width:12ch;text-wrap:balance;letter-spacing:-.055em}body:has(.gc-home) .gc-hero-rebuild h1 em,body:has(.gc-home) .gc-section-head h2 em{color:var(--gc-gold-hi);font-style:normal}
body:has(.gc-home) .gc-hero-track,.gc-track-panel{border:1px solid var(--gc-line-strong);background:linear-gradient(145deg,rgba(13,41,69,.92),rgba(4,17,31,.94));box-shadow:var(--gc-shadow)}
body:has(.gc-home) .gc-hero-track:focus-within,.gc-track-panel:focus-within{border-color:rgba(255,225,154,.72);box-shadow:0 0 0 4px rgba(226,173,75,.1),var(--gc-shadow)}
body:has(.gc-home) .gc-route-card,body:has(.gc-home) .gc-trust-card,body:has(.gc-home) .gc-platform-card,body:has(.gc-home) .gc-service-card{border-color:var(--gc-line);box-shadow:0 14px 38px rgba(0,0,0,.12)}
body:has(.gc-home) .gc-route-card:hover,body:has(.gc-home) .gc-trust-card:hover,body:has(.gc-home) .gc-platform-card:hover,body:has(.gc-home) .gc-service-card:hover{border-color:var(--gc-line-strong);transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,.2)}
body:has(.gc-home) .gc-icon-box,body:has(.gc-home) .gc-action-icon{background:var(--gc-gold-soft);color:var(--gc-gold-hi);border-color:var(--gc-line-strong)}
body:has(.gc-home) .gc-intelligence{border:1px solid var(--gc-line);background:linear-gradient(145deg,rgba(11,38,64,.9),rgba(4,17,31,.94));box-shadow:var(--gc-shadow)}
body:has(.gc-home) .gc-intelligence-online[data-state="ready"]{color:var(--gc-mint);border-color:rgba(119,228,177,.3)}
body:has(.gc-home) .gc-corridor-tab.active,body:has(.gc-home) .gc-studio-tab.active{background:linear-gradient(145deg,rgba(226,173,75,.22),rgba(226,173,75,.07));border-color:var(--gc-line-strong);color:var(--gc-gold-hi);box-shadow:inset 0 1px rgba(255,225,154,.16)}
body:has(.gc-home) .gc-intelligence-metric strong,body:has(.gc-home) .gc-studio-stat strong{color:var(--gc-gold-hi)}body:has(.gc-home) .gc-footer{border-top:1px solid var(--gc-line);background:#04101d}
body.gc-customer-app .top,body:has(.portal-tabs) .top{background:rgba(5,18,32,.9);border-bottom:1px solid rgba(226,173,75,.18);backdrop-filter:blur(18px)}
body.gc-customer-app .portal-tabs a.active,body:has(.portal-tabs) .portal-tabs a.active{color:var(--gc-gold-hi);background:var(--gc-gold-soft);border-color:var(--gc-line-strong);box-shadow:inset 0 -2px var(--gc-gold)}
body.gc-customer-app .card,body.gc-customer-app .surface-card,body.gc-customer-app .command-card,body:has(.portal-tabs) .card{border-color:var(--gc-line);background:linear-gradient(145deg,rgba(13,36,59,.88),rgba(6,20,35,.94));box-shadow:0 16px 42px rgba(0,0,0,.16)}
body.gc-customer-app .card:hover,body.gc-customer-app .surface-card:hover{border-color:var(--gc-line-strong)}body.gc-customer-app .metric-card strong,body.gc-customer-app .command-card h1,body.gc-customer-app .command-card h2{color:var(--gc-gold-hi)}
body.gc-customer-app .field,body:has(.portal-tabs) .field{background:rgba(2,12,23,.55);border-color:var(--gc-line);color:#f5fbff}body.gc-customer-app .field:focus,body:has(.portal-tabs) .field:focus{border-color:var(--gc-gold);box-shadow:0 0 0 4px rgba(226,173,75,.1);outline:0}
body.gc-customer-app .portal-mobile-dock{border-color:var(--gc-line-strong);background:rgba(4,16,29,.96);box-shadow:0 22px 70px rgba(0,0,0,.46)}body.gc-customer-app .portal-mobile-dock a.active,body.gc-customer-app .portal-mobile-dock a:hover{color:var(--gc-gold-hi);background:var(--gc-gold-soft)}body.gc-customer-app .portal-mobile-dock a.primary{background:linear-gradient(145deg,var(--gc-gold-hi),var(--gc-gold));color:#1a1004}
body:has(.gc-shell) .gc-side{border-color:var(--gc-line);background:linear-gradient(180deg,rgba(11,37,62,.96),rgba(4,15,28,.98));box-shadow:var(--gc-shadow)}body:has(.gc-shell) .nav-btn.active,body:has(.gc-shell) .nav-item.active{background:linear-gradient(135deg,rgba(226,173,75,.2),rgba(81,205,221,.08));border-color:var(--gc-line-strong);color:#fff;box-shadow:inset 3px 0 var(--gc-gold)}body:has(.gc-shell) .nav-icon,body:has(.gc-shell) .nav-item span{color:var(--gc-gold-hi)}
body:has(.gc-shell) .topbar{background:rgba(5,18,32,.78);border-bottom-color:var(--gc-line);backdrop-filter:blur(16px)}body:has(.gc-shell) .status[data-health="ready"]{color:var(--gc-mint);border-color:rgba(119,228,177,.32)}
body:has(.gc-shell) .card,body:has(.gc-shell) .panel,body:has(.gc-shell) .customer-control-hero{border-color:var(--gc-line);background:linear-gradient(145deg,rgba(12,36,59,.86),rgba(5,18,31,.94));box-shadow:0 16px 42px rgba(0,0,0,.14)}body:has(.gc-shell) .card:hover,body:has(.gc-shell) .customer-control-hero:hover{border-color:var(--gc-line-strong)}body:has(.gc-shell) .eyebrow{color:var(--gc-gold-hi)}body:has(.gc-shell) .kpi strong,body:has(.gc-shell) .customer-control-kpi strong{color:var(--gc-gold-hi)}
body:has(.gc-shell) .table thead th{color:var(--gc-gold-hi);border-bottom-color:var(--gc-line-strong)}body:has(.gc-shell) .table tbody tr:hover{background:rgba(226,173,75,.06)}body:has(.gc-shell) .modal-backdrop{background:rgba(1,7,15,.72);backdrop-filter:blur(10px)}body:has(.gc-shell) .modal{border-color:var(--gc-line-strong);background:linear-gradient(145deg,#0d2945,#061523);box-shadow:0 28px 100px rgba(0,0,0,.52)}body:has(.gc-shell) .field:focus{border-color:var(--gc-gold);box-shadow:0 0 0 4px rgba(226,173,75,.1);outline:0}
body:has(#loginGate) .gate-card,body:has(#loginEmail) .login-card{border-color:var(--gc-line-strong);background:linear-gradient(145deg,rgba(13,41,69,.96),rgba(4,15,28,.98));box-shadow:0 30px 100px rgba(0,0,0,.42)}
@media(max-width:760px){body:has(.gc-home) .gc-nav-inner{min-height:62px}body:has(.gc-home) .gc-hero-rebuild{background:linear-gradient(180deg,#071729,#061322)}body:has(.gc-home) .gc-hero-rebuild:after{background-size:28px 28px;opacity:.16}body:has(.gc-home) .gc-hero-rebuild h1{font-size:clamp(32px,9.5vw,47px)}body:has(.gc-home) .gc-intelligence{padding:18px!important;border-radius:22px}body.gc-customer-app .card,body:has(.portal-tabs) .card{box-shadow:0 10px 28px rgba(0,0,0,.18)}body:has(.gc-shell) .gc-side{box-shadow:0 18px 60px rgba(0,0,0,.32)}}
@media(prefers-reduced-motion:reduce){body:has(.gc-home) .gc-route-card:hover,body:has(.gc-home) .gc-trust-card:hover,body:has(.gc-home) .gc-platform-card:hover,body:has(.gc-home) .gc-service-card:hover{transform:none}}

/* Legacy route aliases: these pages predate the newer shell class names. */
body:has(.gc-account-strip) .top{background:rgba(5,18,32,.9);border-bottom:1px solid rgba(226,173,75,.18);backdrop-filter:blur(18px)}
body:has(.gc-account-strip) .card{border-color:var(--gc-line);background:linear-gradient(145deg,rgba(13,36,59,.88),rgba(6,20,35,.94));box-shadow:0 16px 42px rgba(0,0,0,.16)}
body:has(.gc-account-strip) .card:hover{border-color:var(--gc-line-strong)}body:has(.gc-account-strip) .kpi b,body:has(.gc-account-strip) h1,body:has(.gc-account-strip) h2{color:var(--gc-gold-hi)}body:has(.gc-account-strip) .field:focus{border-color:var(--gc-gold);box-shadow:0 0 0 4px rgba(226,173,75,.1);outline:0}
body:has(.shell) .sidebar{border-color:var(--gc-line-strong);background:linear-gradient(180deg,rgba(11,37,62,.96),rgba(4,15,28,.98));box-shadow:var(--gc-shadow)}body:has(.shell) .nav-item.active{background:linear-gradient(135deg,rgba(226,173,75,.2),rgba(81,205,221,.08));border-color:var(--gc-line-strong);box-shadow:inset 3px 0 var(--gc-gold)}body:has(.shell) .nav-item span{color:var(--gc-gold-hi)}body:has(.shell) .topbar{border-color:var(--gc-line-strong)}body:has(.shell) .view{border-color:var(--gc-line-strong);background:linear-gradient(145deg,rgba(12,36,59,.9),rgba(5,18,31,.96))}body:has(.shell) .metric strong,body:has(.shell) .kicker{color:var(--gc-gold-hi)}

/* Customer dashboard signature finish · 2026-10-05 */
body.gc-customer-app{background:#061322!important;color:#f5fbff!important;background-image:radial-gradient(circle at 15% -5%,rgba(226,173,75,.13),transparent 28%),radial-gradient(circle at 95% 10%,rgba(76,193,212,.12),transparent 32%)!important}
body.gc-customer-app .app-header{background:rgba(4,16,29,.94)!important;border-bottom:1px solid rgba(226,173,75,.2)!important;box-shadow:0 12px 35px rgba(0,0,0,.2)!important;backdrop-filter:blur(18px)!important}
body.gc-customer-app .app-brand strong,body.gc-customer-app .workspace-toolbar h1,body.gc-customer-app .command-copy h2,body.gc-customer-app .section-heading h2{color:#ffe19a!important}
body.gc-customer-app .app-brand img{border:1px solid rgba(255,225,154,.5)!important;box-shadow:0 0 0 5px rgba(226,173,75,.08),0 12px 28px rgba(0,0,0,.25)!important;border-radius:14px!important}
body.gc-customer-app .app-header-link,body.gc-customer-app .app-header-button{border-color:rgba(226,173,75,.3)!important;color:#ffe19a!important;background:rgba(226,173,75,.08)!important}
body.gc-customer-app .app-sidebar{background:linear-gradient(180deg,rgba(11,37,62,.97),rgba(4,15,28,.99))!important;border-color:rgba(226,173,75,.22)!important;box-shadow:0 24px 70px rgba(0,0,0,.25)!important}
body.gc-customer-app .app-side-nav a{border-color:transparent!important;color:#9bb2c5!important}body.gc-customer-app .app-side-nav a.active{background:linear-gradient(135deg,rgba(226,173,75,.2),rgba(81,205,221,.08))!important;border-color:rgba(226,173,75,.38)!important;color:#fff!important;box-shadow:inset -3px 0 #e2ad4b!important}body.gc-customer-app .app-side-nav a span:first-child{color:#ffe19a!important}
body.gc-customer-app .command-card,body.gc-customer-app .metric-card,body.gc-customer-app .surface-card,body.gc-customer-app .portal-status{background:linear-gradient(145deg,rgba(13,41,69,.92),rgba(5,18,31,.96))!important;border-color:rgba(161,202,221,.2)!important;box-shadow:0 18px 48px rgba(0,0,0,.2)!important}
body.gc-customer-app .command-card:hover,body.gc-customer-app .surface-card:hover,body.gc-customer-app .metric-card:hover{border-color:rgba(226,173,75,.42)!important}
body.gc-customer-app .eyebrow,body.gc-customer-app .metric-card strong,body.gc-customer-app .pill{color:#ffe19a!important}body.gc-customer-app .metric-icon{background:rgba(226,173,75,.14)!important;border-color:rgba(226,173,75,.34)!important;color:#ffe19a!important}
body.gc-customer-app .field{background:rgba(2,12,23,.72)!important;border-color:rgba(161,202,221,.2)!important;color:#f5fbff!important}body.gc-customer-app .field:focus{border-color:#e2ad4b!important;box-shadow:0 0 0 4px rgba(226,173,75,.11)!important;outline:0!important}
body.gc-customer-app .mobile-dock{background:rgba(3,15,27,.97)!important;border:1px solid rgba(226,173,75,.34)!important;border-radius:22px!important;box-shadow:0 22px 70px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.06)!important;backdrop-filter:blur(20px)!important}
body.gc-customer-app .mobile-dock a{color:#9bb2c5!important;border-radius:15px!important}body.gc-customer-app .mobile-dock a.active{background:rgba(226,173,75,.13)!important;color:#ffe19a!important;border-color:rgba(226,173,75,.35)!important}body.gc-customer-app .mobile-dock a.dock-primary{background:transparent!important;color:#ffe19a!important;box-shadow:none!important}body.gc-customer-app .mobile-dock svg{stroke:currentColor!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media(max-width:760px){body.gc-customer-app .app-main{padding-top:12px!important}body.gc-customer-app .app-header-inner{min-height:66px!important}body.gc-customer-app .command-card{border-radius:24px!important}body.gc-customer-app .mobile-dock{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;padding:6px!important}body.gc-customer-app .mobile-dock a{min-height:54px!important;font-size:9px!important}body.gc-customer-app .mobile-dock svg{width:23px!important;height:23px!important}}

/* Mobile excellence pass · 2026-10-05 */
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body.gc-customer-app .app-layout{padding:10px 8px calc(88px + env(safe-area-inset-bottom))!important}
  body.gc-customer-app .app-header-inner{padding-inline:10px!important;gap:8px!important}
  body.gc-customer-app .app-brand{min-width:0!important;gap:8px!important}
  body.gc-customer-app .app-brand strong{font-size:15px!important;white-space:nowrap!important}
  body.gc-customer-app .app-brand small{display:none!important}
  body.gc-customer-app .app-header-actions{gap:5px!important}
  body.gc-customer-app .app-header-actions>a,body.gc-customer-app .app-header-actions>button{min-width:40px!important;width:40px!important;height:40px!important;padding:0!important;justify-content:center!important}
  body.gc-customer-app .app-header-actions>a>span:last-child,body.gc-customer-app .app-header-actions>button>span:last-child{display:none!important}
  body.gc-customer-app .workspace-toolbar{padding-inline:3px!important}
  body.gc-customer-app .workspace-toolbar h1{font-size:clamp(24px,7vw,30px)!important;line-height:1.25!important}
  body.gc-customer-app .workspace-toolbar p{font-size:12px!important;line-height:1.75!important}
  body.gc-customer-app .workspace-controls{gap:6px!important}
  body.gc-customer-app .command-card{padding:16px!important;gap:16px!important;overflow:hidden!important}
  body.gc-customer-app .command-copy h2{font-size:21px!important;line-height:1.45!important}
  body.gc-customer-app .command-copy p{font-size:12px!important;line-height:1.8!important}
  body.gc-customer-app .command-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  body.gc-customer-app .command-actions>*{width:100%!important;min-height:44px!important;justify-content:center!important}
  body.gc-customer-app .command-visual{padding:12px!important;border-radius:18px!important}
  body.gc-customer-app .metric-card{min-height:82px!important;padding:10px!important;gap:8px!important}
  body.gc-customer-app .metric-card strong{font-size:19px!important}
  body.gc-customer-app .section-heading{gap:8px!important;align-items:flex-start!important}
  body.gc-customer-app .section-heading h2{font-size:20px!important}
  body.gc-customer-app .section-heading p{font-size:11px!important;line-height:1.7!important}
  body.gc-customer-app .text-action{white-space:nowrap!important;font-size:10px!important}
  body.gc-customer-app .surface-card,body.gc-customer-app .request-form{padding:13px!important;border-radius:18px!important}
  body.gc-customer-app .field-wrap label{font-size:11px!important}
  body.gc-customer-app .field{min-height:46px!important;font-size:14px!important}
  body.gc-customer-app .mobile-dock{z-index:3000!important}
  body:has(.gc-home) .gc-container{width:100%!important;max-width:100%!important}
  body:has(.gc-home) .gc-nav-inner{padding-inline:10px!important;gap:8px!important}
  body:has(.gc-home) .gc-brand span small{display:none!important}
  body:has(.gc-home) .gc-brand b{font-size:15px!important}
  body:has(.gc-home) .gc-nav-actions{gap:5px!important}
  body:has(.gc-home) .gc-nav-actions .gc-staff,body:has(.gc-home) .gc-nav-actions .gc-btn{display:none!important}
  body:has(.gc-home) .gc-menu{display:grid!important;place-items:center!important;width:42px!important;height:42px!important}
  body:has(.gc-home) .gc-hero-rebuild{padding-inline:10px!important}
  body:has(.gc-home) .gc-hero-copy{padding-inline:2px!important}
  body:has(.gc-home) .gc-hero-track{grid-template-columns:1fr!important;gap:8px!important}
  body:has(.gc-home) .gc-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body:has(.gc-home) .gc-trust-card{min-width:0!important;padding:8px!important}
}
@media (max-width:390px){
  body.gc-customer-app .metric-grid{gap:6px!important}
  body.gc-customer-app .metric-card{padding:8px!important;min-height:76px!important}
  body.gc-customer-app .metric-card small{font-size:8px!important}
  body:has(.gc-home) .gc-trust{grid-template-columns:1fr!important}
  body:has(.gc-home) .gc-hero-copy h1{font-size:clamp(29px,9.2vw,38px)!important}
}

/* Mobile dashboard status rhythm correction */
@media (max-width:760px){
  body.gc-customer-app .portal-status{min-height:0!important;margin:8px 0!important;padding:12px 14px!important;border-radius:16px!important;line-height:1.75!important}
  body.gc-customer-app .portal-status:empty{display:none!important}
  body.gc-customer-app .portal-status h1,body.gc-customer-app .portal-status h2,body.gc-customer-app .portal-status h3{margin:0 0 4px!important;font-size:16px!important}
  body.gc-customer-app .portal-status p{margin:0!important;font-size:11px!important}
}