/* Globall Cloud — Mobile Excellence System · 2026-10-03 */
:root{--m-bg:#061428;--m-surface:#0d2039;--m-surface-2:#102a44;--m-line:rgba(145,203,220,.18);--m-text:#f4fbfd;--m-muted:#91aabd;--m-cyan:#58e5ef;--m-mint:#78e6aa;--m-amber:#ffd27a;--m-radius:20px}
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-width:320px;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}img,svg,video,canvas,iframe{max-width:100%;height:auto}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}
@media(max-width:760px){
  body{font-size:14px;line-height:1.7;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  h1,h2,h3,p{overflow-wrap:anywhere}
  input,select,textarea{font-size:16px!important}
  .gc-btn,.btn{min-height:48px}
  .gc-container{width:min(calc(100% - 24px),680px)!important}
  /* Public homepage */
  body:has(.gc-home) .gc-announcement{min-height:30px;font-size:9px;padding:5px 12px}
  body:has(.gc-home) .gc-announcement-inner{gap:8px;justify-content:center}
  body:has(.gc-home) .gc-announcement-inner>span:first-child{max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body:has(.gc-home) .gc-nav{position:sticky;top:0;z-index:300;background:rgba(6,20,40,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  body:has(.gc-home) .gc-nav-inner{min-height:62px;padding:8px 12px!important}
  body:has(.gc-home) .gc-brand{min-width:0;gap:8px}
  body:has(.gc-home) .gc-brand img{width:34px!important;height:34px!important}
  body:has(.gc-home) .gc-brand b{font-size:15px;white-space:nowrap}
  body:has(.gc-home) .gc-brand small{font-size:8px}
  body:has(.gc-home) .gc-nav-actions{gap:5px}
  body:has(.gc-home) .gc-nav-actions .gc-socials,body:has(.gc-home) .gc-nav-actions .gc-staff,body:has(.gc-home) .gc-nav-actions .gc-register-link{display:none!important}
  body:has(.gc-home) .gc-nav-actions .gc-btn-primary{padding:8px 11px!important;min-height:40px!important;font-size:11px!important}
  body:has(.gc-home) .gc-menu{display:inline-flex!important;width:40px;height:40px!important;align-items:center;justify-content:center;border-radius:12px!important}
  body:has(.gc-home) .gc-hero-rebuild{padding:26px 0 24px}
  body:has(.gc-home) .gc-hero-grid{gap:20px}
  body:has(.gc-home) .gc-hero-copy h1{font-size:clamp(32px,9.5vw,46px)!important;line-height:1.18!important;margin:12px 0!important;max-width:15ch}
  body:has(.gc-home) .gc-hero-copy>p{font-size:13px!important;line-height:1.9!important;margin-bottom:0}
  body:has(.gc-home) .gc-hero-visual{order:-1}
  body:has(.gc-home) .gc-map-shell{min-height:270px!important;border-radius:20px!important}
  body:has(.gc-home) .gc-map-fleet{grid-template-columns:repeat(3,1fr)!important;gap:5px!important;padding:7px!important}
  body:has(.gc-home) .gc-map-fleet b{font-size:9px!important}.gc-map-fleet small{font-size:8px!important}
  body:has(.gc-home) .gc-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:16px!important}
  body:has(.gc-home) .gc-actions .gc-btn{width:100%;min-height:48px!important;padding-inline:9px!important;font-size:12px!important}
  body:has(.gc-home) .gc-hero-track{margin-top:12px!important;padding:9px!important;border-radius:16px!important}
  body:has(.gc-home) .gc-hero-track-label{font-size:10px!important}.gc-hero-track-label strong{font-size:12px!important}
  body:has(.gc-home) .gc-hero-track input{min-height:48px!important;font-size:14px!important}.gc-hero-track button{min-height:48px!important;font-size:12px!important}
  body:has(.gc-home) .gc-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}
  body:has(.gc-home) .gc-trust-card{min-height:92px!important;border-radius:15px!important}
  body:has(.gc-home) .gc-trust-card.gc-transport-card img{height:92px!important}
  body:has(.gc-home) .gc-trust-card>div{padding:11px!important}.gc-trust-card strong{font-size:18px!important}.gc-trust-card span{font-size:9px!important}
  body:has(.gc-home) .gc-transport-studio,body:has(.gc-home) .gc-app-dashboard-preview,body:has(.gc-home) .gc-intelligence{margin-top:20px!important}
  body:has(.gc-home) .gc-studio-head{display:block!important}.gc-studio-signal{display:inline-flex!important;margin-top:10px;font-size:9px!important}
  body:has(.gc-home) .gc-studio-tabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px!important}
  body:has(.gc-home) .gc-studio-tab{min-height:72px!important;padding:8px 5px!important;border-radius:13px!important}.gc-studio-tab-no,.gc-studio-tab>strong{display:none!important}.gc-studio-tab-icon{font-size:17px!important}.gc-studio-tab b{font-size:10px!important}.gc-studio-tab small{font-size:8px!important}
  body:has(.gc-home) .gc-studio-stage{grid-template-columns:1fr!important;padding:16px!important;border-radius:20px!important}.gc-studio-visual{min-height:220px!important;order:-1}.gc-studio-content h3{font-size:21px!important}.gc-studio-content p{font-size:12px!important;line-height:1.85!important}
  body:has(.gc-home) .gc-studio-stats{gap:5px!important}.gc-studio-stats strong{font-size:19px!important}.gc-studio-stats small{font-size:8px!important}
  body:has(.gc-home) .gc-intelligence{padding:16px!important;border-radius:20px!important}.gc-intelligence-head{display:block!important}.gc-intelligence-head h2{font-size:24px!important}.gc-intelligence-head p{font-size:12px!important;line-height:1.8!important}.gc-intelligence-online{margin-top:10px!important;max-width:100%!important;justify-content:flex-start!important}
  body:has(.gc-home) .gc-intelligence-grid{grid-template-columns:1fr!important;gap:10px!important}.gc-intelligence-metrics{grid-template-columns:repeat(2,1fr)!important}.gc-intelligence-metric{min-height:112px!important;padding:13px!important}.gc-intelligence-metric strong{font-size:23px!important}.gc-intelligence-metric span{font-size:9px!important}.gc-intelligence-metric small{font-size:8px!important}
  body:has(.gc-home) .gc-footer{padding-bottom:88px!important}
  /* Customer dashboard */
  body:has(.portal-tabs) .top{top:0}.topin{padding:8px 12px!important;min-height:60px!important}.top .actions{gap:5px!important}.top .actions .btn:not(.primary),.top .actions #logoutBtn{display:none!important}.top .actions .btn.primary{padding:8px 12px!important;font-size:11px!important}
  body:has(.portal-tabs) .wrap{padding:12px!important}.portal-tabs{top:60px!important;margin-inline:-12px!important;padding:8px 12px!important}
  body:has(.portal-tabs) .hero{margin:14px 0 10px!important}.hero>.card{padding:18px!important;border-radius:20px!important}.hero h1{font-size:30px!important;line-height:1.25!important}.hero p{font-size:12px!important;line-height:1.85!important}
  body:has(.portal-tabs) .portal-next-action{padding:15px!important;border-radius:18px!important;margin-bottom:10px!important}.portal-next-action h2{font-size:18px!important}.portal-next-action p{font-size:11px!important}.portal-next-action .btn{width:100%!important}
  body:has(.portal-tabs) .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.kpi{min-height:96px!important;padding:13px!important;border-radius:16px!important}.kpi b{font-size:21px!important}.kpi .muted{font-size:10px!important}
  body:has(.portal-tabs) .grid3{grid-template-columns:1fr!important;gap:10px!important}.card{padding:15px!important;border-radius:18px!important}.card h2{font-size:17px!important}.section-head h2{font-size:16px!important}.section-head .pill{font-size:9px!important}
  body:has(.portal-tabs) .field-grid{grid-template-columns:1fr!important}.field{min-height:48px!important}.field-wrap label{font-size:11px!important}.actions .btn{width:100%!important}
  /* Tracking */
  body:has(.gc-track-shell){background:radial-gradient(circle at 80% -10%,rgba(38,116,145,.22),transparent 36%),#061321!important}
  body:has(.gc-track-shell) .gc-track-shell{width:calc(100% - 24px)!important;padding:12px 0 88px!important}
  body:has(.gc-track-shell) .gc-track-nav{padding:6px 0 14px!important;gap:8px!important}.gc-track-nav .gc-brand img{width:34px!important;height:34px!important}.gc-track-nav .gc-brand{gap:8px!important;font-size:14px!important}.gc-track-nav .gc-brand small{font-size:8px!important}.gc-back-link{font-size:11px!important;white-space:nowrap}
  body:has(.gc-track-shell) .gc-track-hero{display:flex!important;flex-direction:column!important;gap:16px!important;padding:28px 0 22px!important;align-items:stretch!important}.gc-track-hero h1{font-size:clamp(31px,9vw,42px)!important;line-height:1.2!important;margin:10px 0!important}.gc-track-hero p{font-size:13px!important;line-height:1.85!important}
  body:has(.gc-track-shell) .gc-track-panel{padding:17px!important;border-radius:20px!important}.gc-track-panel h2{font-size:20px!important}.gc-track-panel p{font-size:12px!important}.gc-track-form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.gc-track-form input,.gc-track-form button{width:100%!important;min-height:50px!important;border-radius:12px!important}.gc-code-help{font-size:10px!important;line-height:1.8!important}.gc-health{font-size:10px!important}
  body:has(.gc-track-shell) .gc-track-sections{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}.gc-track-section{padding-top:18px!important}.gc-track-section h2{font-size:17px!important;margin-bottom:10px!important}.gc-placeholder{font-size:12px!important;padding:24px 10px!important}.gc-notification-button{width:100%!important;min-height:48px!important;border-radius:12px!important}
  body:has(.gc-track-shell) #liveMapContainer{min-height:230px!important;border-radius:16px!important;overflow:hidden}.gc-toast{inset-inline:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;max-width:none!important}
  /* Auth pages */
  body:has(#loginForm),body:has(#registerForm){display:block!important;padding:16px 0 calc(28px + env(safe-area-inset-bottom))!important;background:radial-gradient(circle at 80% -10%,rgba(38,116,145,.22),transparent 36%),#061321!important}
  body:has(#loginForm) .box,body:has(#registerForm) .box{width:calc(100% - 24px)!important;margin:0 auto!important;padding:20px!important;border-radius:20px!important;box-shadow:0 18px 50px rgba(0,0,0,.2)!important}
  body:has(#loginForm) h1,body:has(#registerForm) h1{font-size:26px!important;line-height:1.3!important;margin-top:10px!important}body:has(#loginForm) p,body:has(#registerForm) p{font-size:12px!important;line-height:1.85!important}
  body:has(#loginForm) .field,body:has(#registerForm) .field{min-height:50px!important;margin-top:6px!important;border-radius:13px!important}body:has(#loginForm) .btn,body:has(#registerForm) .btn{min-height:52px!important;margin-top:5px!important;border-radius:14px!important}
  body:has(#registerForm) .links{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;text-align:center!important}.notice{font-size:11px!important;line-height:1.8!important}.result{padding:15px!important}.result strong{font-size:25px!important}
  /* Staff OS / admin */
  body:has(.gc-shell) .gc-main{min-width:0!important}.gc-shell,.gc-main,.gc-side,.view{min-width:0!important;max-width:100%!important}.gc-side{width:min(86vw,340px)!important}.topbar{min-height:58px!important;padding:8px 12px!important}.top-actions .btn:not(#refreshBtn){display:none!important}.top-title strong{font-size:14px!important}.top-title span{font-size:9px!important}.view{padding:12px!important}.gc-shell .card,.gc-shell .panel{border-radius:17px!important}.gc-shell .btn{min-height:46px!important}.gc-shell input,.gc-shell select,.gc-shell textarea{font-size:16px!important;min-height:46px!important}.gc-shell table{min-width:620px!important}.gc-shell .table-wrap{overflow-x:auto!important;max-width:100%!important}
}
@media(max-width:390px){
  body:has(.gc-home) .gc-container{width:calc(100% - 20px)!important}.gc-hero-copy h1{font-size:31px!important}.gc-trust-card{min-height:84px!important}.gc-trust-card.gc-transport-card img{height:84px!important}.gc-trust-card strong{font-size:16px!important}.gc-trust-card span{font-size:8px!important}
  body:has(.portal-tabs) .wrap{padding:10px!important}.portal-tabs{margin-inline:-10px!important;padding-inline:10px!important}.kpi{padding:11px!important}.kpi b{font-size:19px!important}
  body:has(.gc-track-shell) .gc-track-shell{width:calc(100% - 20px)!important}.gc-back-link{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(max-width:760px){.portal-mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;left:8px;right:8px;bottom:calc(6px + env(safe-area-inset-bottom));z-index:500;height:66px;padding:6px;border:1px solid rgba(145,203,220,.22);border-radius:20px;background:rgba(4,16,29,.94);box-shadow:0 18px 55px rgba(0,0,0,.42);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.portal-mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;border-radius:14px;color:#91aabd;text-decoration:none;font:800 9px/1.2 Vazirmatn,system-ui,sans-serif}.portal-mobile-dock a:first-child,.portal-mobile-dock a:hover{background:rgba(88,229,239,.1);color:#75e8ef}.portal-mobile-dock a.primary{background:var(--m-cyan);color:#06222a;font-size:18px}.portal-mobile-dock a span{font-size:8px}.portal-mobile-dock a.primary span{font-size:8px}}