/* GarageOS production hybrid mode
   Preserves the smooth runtime baseline while bringing back a stronger premium look
   using lightweight CSS only. No pointer tracking, no tilt, no fullscreen FX canvas. */

:root{
  --glass-1-filter:none;
  --glass-2-filter:blur(10px) saturate(132%);
  --glass-3-filter:blur(13px) saturate(138%);
  --glass-4-filter:blur(16px) saturate(145%);
  --apple-blur:14px;
  --glass-blur:blur(13px) saturate(138%);
}

html, body{ scroll-behavior:auto !important; }

/* Premium static background */
.landing-bg-grid{ display:block !important; opacity:.78 !important; }
.landing-bg-noise{ display:block !important; opacity:.03 !important; }
.landing-bg-spot{ display:block !important; opacity:.58 !important; transition:none !important; }
.landing-blob,
#fxGrid,#fxNoise,#fxSpot,#fxBlobs,#fxProgress,#_gp{ display:none !important; }

html[data-glass] body::before,
html[data-glass] body::after{ content:none !important; display:none !important; }

.topbar,
.sidebar,
.menu,
.modalbox,
.hero,
.overlay-card,
.gos-chat-panel,
.gos-chat-messages,
.gos-chat-composer,
.gos-chat-fab,
.admin-topbar,
.admin-sidebar{
  backdrop-filter:blur(14px) saturate(142%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(142%) !important;
  background:
    radial-gradient(140% 120% at 0% 0%, rgba(255,255,255,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.04)) !important;
  box-shadow:0 12px 32px rgba(2,6,23,.26), inset 0 1px 0 rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.12) !important;
}

.card,
.card.inner,
.hero-card,
.kpi,
.item,
.envelope,
.fxDoc,
.tool-card,
.filepill,
.topbar-vehicle-pill,
.selectpill,
.pill{
  position:relative;
  overflow:hidden;
  backdrop-filter:blur(13px) saturate(138%) !important;
  -webkit-backdrop-filter:blur(13px) saturate(138%) !important;
  background:
    radial-gradient(140% 120% at 0% 0%, rgba(255,255,255,.08), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.028)) !important;
  box-shadow:0 14px 32px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.12) !important;
}

.hero{
  position:relative;
  overflow:hidden;
  backdrop-filter:blur(14px) saturate(142%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(142%) !important;
  background:
    radial-gradient(140% 120% at 0% 0%, rgba(255,255,255,.075), transparent 42%),
    linear-gradient(135deg, rgba(129,140,248,.11), rgba(56,189,248,.07), rgba(255,255,255,.03)) !important;
  box-shadow:0 16px 36px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.13) !important;
}

.btn,
.iconbtn,
.chip,
.tab,
.navitem,
.menuit,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea{
  backdrop-filter:blur(5px) saturate(122%) !important;
  -webkit-backdrop-filter:blur(5px) saturate(122%) !important;
  box-shadow:0 7px 18px rgba(2,6,23,.16), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.card,
.hero-card,
.kpi,
.item,
.tool-card,
.fxDoc,
.filepill,
.topbar-vehicle-pill,
.navitem,
.btn,
.iconbtn,
.chip,
.tab{
  transition:
    transform .17s ease,
    box-shadow .17s ease,
    border-color .17s ease,
    background-color .17s ease,
    color .17s ease,
    opacity .17s ease !important;
  will-change:auto !important;
}

.card::after,
.hero-card::after,
.kpi::after,
.item::after,
.tool-card::after,
.fxDoc::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.08), transparent 38%);
  opacity:.28;
}

.card:hover,
.hero-card:hover,
.kpi:hover,
.item:hover,
.tool-card:hover,
.fxDoc:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 16px 38px rgba(2,6,23,.28), inset 0 1px 0 rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.18) !important;
}

.filepill:hover,
.topbar-vehicle-pill:hover,
.navitem:hover,
.btn:hover,
.iconbtn:hover,
.chip:hover,
.tab:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 11px 26px rgba(2,6,23,.21), inset 0 1px 0 rgba(255,255,255,.065) !important;
  border-color:rgba(255,255,255,.16) !important;
}

.btn:active,
.iconbtn:active,
.navitem:active{ transform:scale(.985) !important; }

.card::before,
.hero-card::before,
.tool-card::before,
.kpi::before,
.item::before,
.gos-chat-panel::before{
  opacity:0 !important;
  animation:none !important;
  transition:opacity .17s ease !important;
}
.card:hover::before,
.hero-card:hover::before,
.tool-card:hover::before,
.kpi:hover::before,
.item:hover::before{ opacity:.5 !important; }

[class*="blob"]{ filter:none !important; }

.topbar,
.sidebar,
.menu,
.filepill,
.topbar-vehicle-pill,
.card,
.hero-card,
.modalbox,
.overlay-card,
.kpi,
.item,
.envelope,
.fxDoc,
.tool-card,
.gos-chat-panel,
.gos-chat-messages,
.gos-chat-composer,
.gos-chat-fab,
.btn,
.iconbtn,
.chip,
.tab,
.navitem,
.menuit,
input,
select,
textarea{ will-change:auto !important; }


/* v7.1 glass restore: stronger card blur without bringing back heavy runtime */
.card.inner{ background: radial-gradient(130% 110% at 0% 0%, rgba(255,255,255,.075), transparent 42%), linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important; }
.card:hover,.hero-card:hover,.kpi:hover,.item:hover,.tool-card:hover,.fxDoc:hover{ box-shadow:0 18px 42px rgba(2,6,23,.28), inset 0 1px 0 rgba(255,255,255,.1) !important; }
.hero::after{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(180deg, rgba(255,255,255,.06), transparent 35%); opacity:.34; }


/* v10 — landing-glass literal override for index cards */
.card,
.card.inner,
.hero-card,
.kpi,
.item,
.envelope,
.fxDoc,
.tool-card,
.hero{
  position: relative !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
  overflow: hidden !important;
  isolation: auto !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.card.inner{ overflow: visible !important; }

.card::before,
.hero-card::before,
.kpi::before,
.item::before,
.tool-card::before,
.fxDoc::before,
.hero::before{
  content: "" !important;
  position: absolute !important;
  inset: -60% !important;
  border-radius: inherit !important;
  background:
    radial-gradient(closest-side at 30% 30%, rgba(124,58,237,.20), transparent 55%),
    radial-gradient(closest-side at 75% 35%, rgba(34,211,238,.14), transparent 55%),
    radial-gradient(closest-side at 60% 80%, rgba(249,115,22,.10), transparent 55%) !important;
  transform: rotate(15deg) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  filter: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.card::after,
.hero-card::after,
.kpi::after,
.item::after,
.tool-card::after,
.fxDoc::after,
.hero::after{
  content: none !important;
}

.card > *,
.hero-card > *,
.kpi > *,
.item > *,
.tool-card > *,
.fxDoc > *,
.hero > *{
  position: relative;
  z-index: 2;
}

.card:hover,
.hero-card:hover,
.kpi:hover,
.item:hover,
.tool-card:hover,
.fxDoc:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07) !important;
}