/* V0 landing-style app theme: graphite / steel / silver, soft SaaS panels, Inter */
:root{
  --bg:var(--lbg);
  --bg2:var(--lbg2);
  --panel:var(--lpanel);
  --panel2:var(--lpanel2);
  --grid:var(--lline-soft);
  --line:var(--lline);
  --line2:var(--lline2);
  --white:var(--link);
  --soft:var(--lsoft);
  --dim:var(--ldim);
  --faint:var(--lfaint);
  --blue:var(--lblue);
  --blue-dim:var(--lblue-soft);
  --green:var(--lgreen);
  --amber:var(--lacc2);
  --red:var(--lred);
  --txt:var(--lsoft);
  --txt-bright:var(--link);
  --mono:var(--lsans);
  --sans:var(--lsans);
  --v0-radius-lg:24px;
  --v0-radius-md:16px;
  --v0-radius-sm:12px;
  --v0-shadow:0 1px 2px rgba(15,23,42,.05),0 16px 42px rgba(15,23,42,.12);
}

html,body{
  background:var(--lbg);
  color:var(--lsoft);
  font-family:var(--lsans);
  letter-spacing:-.018em;
}

/* Stessa base della landing: Inter con la sua crenatura, non letter-spacing 0
   (era il residuo di quando l'app girava in monospace). */
#stagePre,#stageHub,#stageApp{
  background:var(--lbg);
  color:var(--lsoft);
  font-family:var(--lsans);
  letter-spacing:-.018em;
}

#stagePre .blink,
#stageHub .blink,
#stageApp .blink{
  animation:none;
}

#stageApp .mono,
#stageApp .cmdline,
#stageApp .prompt,
#stageApp .eyebrow,
#stageApp .winbar,
#stageApp button,
#stageApp input,
#stageApp select,
#stageApp textarea,
#stageHub .winbar,
#stageHub button,
#stageHub input,
#stageHub select,
#stageHub textarea,
#stagePre button{
  font-family:var(--sans) !important;
  letter-spacing:0;
}

#stageApp .prompt::before,
#stageHub .prompt::before,
#stageHub #wipe .wt .cmd::before,
#stageHub .sv-head .eyebrow::before,
#stageApp .sec-head h2::before,
#stageApp .svc-card h3::before,
#stageApp .card h3::before,
#stageApp .addon-eyebrow::before,
#stageApp .pg-head .eyebrow::before{
  content:none !important;
}

#stageApp .winbar .dots,
#stageHub .winbar .dots,
#stageApp .ntf-term-bar .dots,
#stageHub .authbox .winbar .dots,
#stageHub .onbbox .winbar .dots{
  display:none;
}

/* Shared buttons / controls */
#stageApp .btn,
#stageApp .dbc-go,
#stageApp .cfg-go,
#stageApp .ao-go,
#stageApp .ntf-btn,
#stageApp .tlk-cta,
#stageApp .ib-apply,
#stageApp .fp-contact,
#stageApp .emp .contact,
#stageApp .ws-toggle,
#stageApp .ws-newtpl,
#stageHub .statfoot .up,
#stageHub .svc-big .cta,
#stageHub .authpad .full,
#stageHub .authpad .li-auth,
#stageHub .onb-next,
#stageHub .svc-go,
#enterGate .eg-btn,
#stagePre #skip{
  border-radius:999px !important;
  font-weight:600;
  border-color:transparent;
  box-shadow:none;
}

#stageApp .btn.primary,
#stageApp .dbc-go,
#stageApp .cfg-go,
#stageApp .ao-go,
#stageApp .ntf-btn.primary,
#stageApp .tlk-cta,
#stageApp .ib-apply,
#stageApp .fp-contact,
#stageHub .statfoot .up,
#stageHub .svc-big .cta,
#stageHub .authpad .full,
#stageHub .authpad .li-auth,
#stageHub .onb-next,
#stageHub .svc-go,
#enterGate .eg-btn{
  background:var(--blue) !important;
  border-color:var(--blue) !important;
  color:var(--link) !important;
}

#stageApp .btn.primary:hover,
#stageApp .dbc-go:hover,
#stageApp .cfg-go:hover,
#stageApp .ao-go:hover,
#stageApp .ntf-btn.primary:hover,
#stageApp .tlk-cta:hover,
#stageHub .statfoot .up:hover,
#stageHub .svc-big .cta:hover,
#stageHub .authpad .li-auth:hover,
#stageHub .onb-next:hover,
#enterGate .eg-btn:hover{
  background:var(--blue-dim) !important;
  border-color:var(--blue-dim) !important;
  color:var(--lon-acc) !important;
  transform:translateY(-1px);
}

#stageApp .btn,
#stageApp .ntf-btn,
#stageApp .ws-toggle,
#stageApp .ws-newtpl,
#stageHub .sv-back,
#stageHub .svc-back,
#stageHub .ip-nav,
#stageHub .ip-slot,
#stageHub .authpad .oauth button,
#stageHub .onb-back,
#stagePre #skip{
  background:transparent !important;
  border:1px solid var(--line2) !important;
  color:var(--white) !important;
}

/* Cards and panels */
#stageApp .svc-card,
#stageApp .steps,
#stageApp .pricing,
#stageApp .price,
#stageApp .dash-work,
#stageApp .filterbar,
#stageApp .card,
#stageApp .firm,
#stageApp .preview,
#stageApp .kpis,
#stageApp .kpi,
#stageApp .ntf-banner,
#stageApp .tlk-grid,
#stageApp .tlk-left,
#stageApp .tlk-term,
#stageApp .tlk-badge,
#stageApp .tlk-feed-row,
#stageApp .tlk-term-lock,
#stageApp .botstat,
#stageApp .dbc-block,
#stageApp .dbc-side,
#stageApp .ws-card,
#stageApp .dbf,
#stageApp .fcard,
#stageApp .firmpage .wrap,
#stageApp .fp-person,
#stageApp .tpl-pick,
#stageApp .ntf-card,
#stageApp .ntf-side,
#stageApp .ntf-modal-card,
#stageApp .ntf-term,
#stageApp #planGate .pg-wrap,
#stageApp .free-card,
#stageApp .cfg-block,
#stageApp .cfg-side,
#stageApp .tier-card,
#stageApp .addon-side,
#stageApp .ao-card,
#stageApp .intel-card,
#stageHub .mod,
#stageHub .authbox,
#stageHub .onbbox,
#stageHub .svc-big,
#stageHub .cv-drop,
#stageHub .cv-tier,
#stageHub .ip-cal,
#stageHub #statsPanel,
#stageHub .funlock-box{
  border-radius:var(--v0-radius-lg) !important;
  background:var(--panel) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--v0-shadow);
}

#stageApp .winbar,
#stageHub .winbar,
#stageApp .ntf-term-bar,
#stageHub .authbox .winbar,
#stageHub .onbbox .winbar{
  background:var(--panel2) !important;
  border-bottom:1px solid var(--line) !important;
  color:var(--dim) !important;
  border-radius:var(--v0-radius-lg) var(--v0-radius-lg) 0 0 !important;
}

#stageApp .hero-grid,
#stageHub #svcGrid-globe,
#stageApp #planGate::before,
#stageApp .addon::before,
#stageHub body::before,
#stageHub body::after,
#stageApp body::before{
  display:none !important;
}

#stageApp .hero h1,
#stageApp .sec-head h2,
#stageApp .dash-head h1,
#stageApp .dbc-h1,
#stageApp .ws-pagetitle,
#stageApp .hero h1 .hl,
#stageApp nav .brand .ac,
#stageApp .eyebrow,
#stageApp .svc-card .tag,
#stageApp .svc-card .open,
#stageApp .steps .n,
#stageApp .quota b,
#stageApp .firm-logo,
#stageApp .emp .er .sen,
#stageApp .dbc-eyebrow,
#stageApp .dbc-bh .ci,
#stageApp .dbc-plan-name,
#stageApp .ws-card-h .ws-ic,
#stageApp .dbf-search .dbf-mag,
#stageApp .fp-link,
#stageHub .hub h1 .nm,
#stageHub #hubBrandTL .ttl .ac,
#stageHub .mod .idx,
#stageHub .mod:hover .go,
#stageHub .svc-big .lh .ix,
#stageHub .sv-head .eyebrow,
#stageHub .authpad .prompt,
#stageHub .onb-eyebrow{
  color:var(--blue) !important;
}

/* Navigation — solo la barra piena: `.app-nav` (pill) e `.account-menu` sono
   <nav> ma non barre, e qui prendevano sfondo, bordo inferiore e blur altrui. */
#stageApp nav:not(.app-nav):not(.account-menu){
  background:color-mix(in srgb,var(--bg) 78%,transparent) !important;
  border-bottom:1px solid var(--line);
  backdrop-filter:saturate(150%) blur(16px);
}

#stageApp nav .inner{
  max-width:1180px;
  margin:0 auto;
  padding:14px 28px;
  height:auto;
}

#stageApp nav .navlinks{
  gap:26px;
}

#stageApp nav .navlinks a{
  border:none !important;
  padding:0;
  font-size:14.5px;
  letter-spacing:0;
}

#stageApp nav .navlinks a.active{
  color:var(--white) !important;
}

/* Forms, chips, filters.
   NB: qui NON ci vanno `#stageApp input` e `#stageHub input` generici. Erano
   un `background:var(--bg2) !important` su ogni campo dell'app e schiacciavano
   anche i campi dell'account, che sulla landing sono pannelli bianchi. */
#stageApp .dbf-search,
#stageApp .trkbar .fb-search input,
#stageApp .filterbar .fb-search input,
#stageApp .selwrap select,
#stageApp .field input,
#stageApp .ofield input,
#stageHub .field input,
#stageHub .ofield input,
#stageHub #ipane-q textarea{
  background:var(--bg2) !important;
  color:var(--white) !important;
  border:1px solid var(--line2) !important;
  border-radius:var(--v0-radius-md) !important;
}

#stageApp .chip,
#stageApp .dbchip,
#stageApp .dbf-sortbtn,
#stageApp .comm-badge,
#stageApp .note-btn,
#stageApp .dd .dd-btn,
#stageApp .st-sel,
#stageHub .ochip,
#stageHub .osel .opt,
#stageHub .addon,
#stageHub .ipd,
#stageHub .ip-slot,
#stageHub .cv-tier,
#stageHub .durop,
#stageApp .durop,
#stageApp .tier-card,
#stageApp .ao-card .ao-check{
  border-radius:999px !important;
  background:var(--bg2) !important;
  border-color:var(--line2) !important;
}

#stageApp .chip.on,
#stageApp .dbchip.on,
#stageApp .dbf-sortbtn.on,
#stageApp .seg button.on,
#stageApp .tier-card.on,
#stageApp .durop.on,
#stageApp .ao-card.on,
#stageHub .ochip.on,
#stageHub .osel .opt.on,
#stageHub .cv-tier.on,
#stageHub .ipd.on,
#stageHub .ip-slot.on{
  background:color-mix(in srgb,var(--blue) 14%,transparent) !important;
  border-color:color-mix(in srgb,var(--blue) 46%,transparent) !important;
  color:var(--white) !important;
}

/* Tables and lists */
#stageApp .trktable,
#stageApp .trk-head,
#stageApp .trk-row,
#stageApp .trk-notes,
#stageApp .firm-top,
#stageApp .emps,
#stageApp .emp,
#stageApp .fcard-foot,
#stageApp .preview .pvh,
#stageApp .toggle-row,
#stageApp .ritem,
#stageApp .dbc-sum,
#stageApp .dbc-price,
#stageApp .cfg-sum,
#stageApp .cfg-price,
#stageApp .ao-sum,
#stageApp .ao-total,
#stageHub .stat,
#stageHub .acct,
#stageHub .feed-row,
#stageHub .hub,
#stagePre .feed-row,
#stagePre .hub{
  border-color:var(--line) !important;
}

#stageApp .trk-row:hover,
#stageApp .firm:hover,
#stageApp .fcard:hover,
#stageHub .mod:hover,
#stageHub .addon:hover{
  background:var(--panel2) !important;
  border-color:var(--line2) !important;
}

#stageApp .price.feat,
#stageApp .free-card,
#stageApp .ntf-banner,
#stageApp .botstat,
#stageHub .svc-big:hover{
  background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 8%,transparent),var(--panel)) !important;
}

#stageApp .price.feat::before,
#stageHub .mod .tag,
#stageHub .cv-rec,
#stageApp .tier-rec{
  background:var(--blue) !important;
  color:var(--link) !important;
  border-radius:999px !important;
}

/* Preloader / gate */
#stagePre #globe,
#stageHub #hubGlobe{
  background:radial-gradient(circle at 50% 44%,var(--lpanel) 0%,var(--lbg) 72%) !important;
}

#stageHub.no-globe #hubGlobe{
  display:none !important;
}

#stagePre #boot,
#enterGate,
#stageHub #auth{
  background:radial-gradient(ellipse at center,rgba(142,156,255,.12) 0%,color-mix(in srgb,var(--lbg) 86%,transparent) 72%) !important;
}

#stageHub #auth{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}

#stageHub #auth .authbox{
  width:min(840px,calc(100vw - 64px)) !important;
  margin:0 auto !important;
  transform:translateY(-12px) !important;
}

#stageHub #auth .authbox .winbar{
  display:none !important;
}

#stageHub #auth .authpad{
  padding:54px 54px 50px !important;
}

#stageHub #auth .authpad .prompt,
#stageHub #auth .authpad h2,
#stageHub #auth .authpad .ah,
#stageHub #auth .authpad .li-points{
  max-width:680px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#stageHub #auth .authpad .li-auth{
  width:min(100%,680px) !important;
  margin:44px auto 34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:20px !important;
}

#stageHub #auth .authpad .foot{
  max-width:680px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#stageHub #onb{
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}

#stageHub #onb.on{
  display:flex !important;
}

#stageHub #onb .onbbox{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:min(980px,calc(100vw - 96px)) !important;
  max-width:none !important;
  margin:0 !important;
  transform:translate(-50%,-52%) !important;
}

#stageHub #onb .winbar{
  display:none !important;
}

#stageHub #onb .onbpad{
  padding:42px 48px 36px !important;
  display:flex !important;
  flex-direction:column !important;
}

#stageHub #onb .onb-top,
#stageHub #onb .onb-bar,
#stageHub #onb .onb-step,
#stageHub #onb .onb-actions,
#stageHub #onb .onb-note{
  width:100% !important;
  max-width:860px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#stageHub #onb .onb-actions{
  margin-top:24px !important;
  display:grid !important;
  grid-template-columns:148px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:center !important;
}

#stageHub #onb .onb-back,
#stageHub #onb .onb-next{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#stageHub #onb .onb-note{
  margin-top:20px !important;
}

#stagePre .olab .tip,
#stagePre .dot,
#stageHub #status .dot,
#stageApp .botstat .bs-dot,
#stageApp .tlk-bdot,
#stageApp .tlk-livedot,
#stageApp .ntf-dot,
#stageApp .live-dot{
  background:var(--blue) !important;
  box-shadow:0 0 0 0 color-mix(in srgb,var(--blue) 55%,transparent) !important;
}

/* Hub/login polish */
#stageHub .modules{
  max-width:960px;
  gap:24px;
}

#stageHub .mod .viz{
  height:168px;
  border-bottom:1px solid var(--line);
  background:var(--bg2) !important;
  border-radius:var(--v0-radius-lg) var(--v0-radius-lg) 0 0 !important;
}

#stageHub .mod .pad{
  padding:26px 28px 28px;
}

#stageHub .mod .winbar .path,
#stageHub .authbox .winbar .path,
#stageHub .onbbox .winbar .path,
#stageHub .svc-mt,
#stageHub .sv-acct,
#stageApp .winbar .path{
  color:var(--dim) !important;
}

#stageHub #svcTab,
#stageHub #statsTab{
  background:var(--panel) !important;
  border:1px solid var(--line) !important;
  border-radius:999px 0 0 999px !important;
  color:var(--soft) !important;
  box-shadow:var(--v0-shadow);
}

#stageHub #svcTab{
  border-radius:0 999px 999px 0 !important;
}

#stageHub .authpad .li-auth{
  background:#0a66c2 !important;
  color:var(--lon-acc) !important;
}

/* Reduce terminal density in app views */
#stageApp .block-h .prompt,
#stageApp .fp-peoplehead .prompt,
#stageApp .dbc-eyebrow .prompt,
#stageApp .addon-eyebrow,
#stageApp .pg-head .eyebrow{
  display:none;
}

#stageApp footer,
#stageApp section.block{
  border-color:var(--line);
}

/* "back to desk" lives inside the nav bar as a pill, clear of the brand */
#appBack{left:16px;top:12px}
#appBack button{
  background:var(--panel) !important;
  color:var(--soft) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--v0-radius-pill,980px) !important;
  font-family:var(--sans) !important;
  padding:8px 16px !important;
  transition:border-color .2s ease,color .2s ease;
}
#appBack button:hover{border-color:var(--blue) !important;color:var(--white) !important}
#stageApp nav .inner{padding-left:118px}

@media(max-width:860px){
  #stageApp nav .navlinks.show{
    background:var(--panel) !important;
    border:1px solid var(--line);
    border-radius:0 0 var(--v0-radius-lg) var(--v0-radius-lg);
    padding:18px 28px;
  }
}

/* --- SaaS cleanup: drop the terminal / CLI chrome site-wide --- */
#stageHub .winbar,#stageApp .winbar{display:none !important}
#stageApp .intel-card .winbar{display:flex !important}
#stageApp .intel-card .winbar .dots,#stageApp .intel-card .winbar .path{display:none !important}
#stageHub .prompt::before,#stageApp .prompt::before,
#stageHub .onb-eyebrow::before,#stageHub .sv-head .eyebrow::before,
#stageApp .pg-head .eyebrow::before,#stageApp .addon-eyebrow::before,
#stageHub #svcDrawer .dh .t::before,
#stageHub #wipe .wt .cmd::before{content:'' !important}
#stageHub .cursor,#stageHub .tw-cur,#stageApp .tw-cur,#stageApp .cur,#stageApp .cursor{display:none !important}

/* App top bar + rounded desk UI */
#appBack{position:fixed !important;left:20px !important;top:9px !important;z-index:650 !important}
#appBack button{
  font-size:12.5px !important;
  padding:9px 15px !important;
  border-radius:999px !important;
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  gap:6px !important;
}
#stageApp nav .inner{
  max-width:none !important;
  margin:0 !important;
  height:64px !important;
  padding-left:158px !important;
  padding-right:28px !important;
  justify-content:flex-end !important;
}
#stageApp nav .brand,
#stageApp nav .navlinks,
#stageApp nav .burger{display:none !important}

#stageApp .kpi-row .botstat{display:none !important}

#stageApp #view-notif .dash-main{
  padding-top:10px !important;
  height:calc(100vh - 84px) !important;
  overflow:hidden !important;
}
#stageApp #trk-dashboard{
  position:relative;
  height:100% !important;
  overflow:hidden !important;
}
#stageApp #trk-dashboard:not([style*="none"]){
  display:flex !important;
  flex-direction:column !important;
}
#stageApp #trk-locked[style*="block"] + #trk-dashboard{
  display:none !important;
}
#stageApp #trk-dashboard > .kpi-row{
  position:fixed !important;
  top:14px !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
  z-index:645 !important;
  margin:0 !important;
  width:100% !important;
  padding:0 28px 0 158px !important;
  justify-content:center !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:16px !important;
  pointer-events:none;
}
#stageApp #trk-dashboard > .kpi-row .kpis{
  grid-column:2 !important;
  margin:0 !important;
  pointer-events:auto;
}
#stageApp #trk-dashboard > .kpi-row .ib-tg{
  grid-column:3 !important;
  justify-self:end !important;
  pointer-events:auto !important;
}

#stageApp .inbox-h{
  justify-content:center !important;
  text-align:center !important;
}

#stageApp .inbox-h .live-dot{
  background:#4fd27e !important;
  box-shadow:0 0 0 0 rgba(79,210,126,.65),0 0 12px rgba(79,210,126,.45) !important;
  animation:livePosPulse 1.35s ease-in-out infinite !important;
}

#stageApp .inbox-h .live-lbl{
  color:#4fd27e !important;
  letter-spacing:.08em !important;
}

@keyframes livePosPulse{
  0%{box-shadow:0 0 0 0 rgba(79,210,126,.55),0 0 12px rgba(79,210,126,.45)}
  70%{box-shadow:0 0 0 8px rgba(79,210,126,0),0 0 16px rgba(79,210,126,.6)}
  100%{box-shadow:0 0 0 0 rgba(79,210,126,0),0 0 12px rgba(79,210,126,.45)}
}
#stageApp #trk-dashboard .trk-split{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  align-items:start !important;
}
#stageApp #trk-dashboard .track-panel{
  display:grid !important;
  grid-template-rows:auto 1fr !important;
  min-height:0 !important;
  height:100% !important;
  overflow:hidden !important;
}
#stageApp #trk-dashboard .inbox-panel{
  height:100% !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  margin-top:0 !important;
}
#stageApp #trk-dashboard .inbox-list{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:4px !important;
  padding-bottom:10px !important;
}
#stageApp #trk-dashboard .trktable{
  min-height:0 !important;
  height:100% !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
#stageApp #trk-dashboard .trk-head{
  flex:0 0 auto !important;
}
#stageApp #trk-dashboard #trkRows{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-bottom:14px !important;
}

#stageApp .filterbar,
#stageApp .kpis,
#stageApp .kpi,
#stageApp .botstat,
#stageApp .inbox-item,
#stageApp .inbox-empty,
#stageApp .trktable,
#stageApp .trk-head,
#stageApp .trk-row,
#stageApp .trk-notes,
#stageApp .note-btn,
#stageApp .intel-btn,
#stageApp .comm-badge,
#stageApp .ib-sec,
#stageApp .trk-row .st-sel,
#stageApp .trkbar .fb-search input,
#stageApp .filterbar .fb-search input,
#stageApp .selwrap select,
#stageApp .dbf,
#stageApp .dbf-search,
#stageApp .dbchip,
#stageApp .dbf-sortbtn,
#stageApp .dbf-city,
#stageApp .dbc-block,
#stageApp .dbc-side,
#stageApp .dbc-go,
#stageApp .db-morebtn,
#stageApp .lg-box,
#stageApp .firm-card,
#stageApp .workspace,
#stageApp .tpl-pick,
#stageApp .rail-card,
#stageApp .ritem .racts button{
  border-radius:14px !important;
}
#stageApp .kpis,
#stageApp .botstat,
#stageApp .note-btn,
#stageApp .comm-badge,
#stageApp .trk-row .st-sel,
#stageApp .dbchip,
#stageApp .dbf-sortbtn,
#stageApp .dbf-city,
#stageApp .dbc-go,
#stageApp .db-morebtn,
#stageApp .ib-apply{
  border-radius:999px !important;
}
#stageApp .trktable,
#stageApp .dbc-side,
#stageApp .dbf,
#stageApp .filterbar{overflow:hidden}

#stageApp .tlk-feed-row{
  border-radius:16px !important;
  border:1px solid rgba(142,156,255,.24) !important;
  background:rgba(142,156,255,.055) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
#stageApp .tlk-grid{border-radius:24px !important;overflow:hidden}
#stageApp .tlk-left{border-radius:24px 0 0 24px !important}
#stageApp .tlk-term{border-radius:0 24px 24px 0 !important;overflow:hidden}
#stageApp .tlk-badge,
#stageApp .tlk-term-lock{border-radius:999px !important}
#stageApp .tlk-step .tlk-n{border-radius:8px !important}
#stageApp .funlock-box{
  border-radius:24px !important;
  overflow:hidden !important;
}
#stageApp .fu-n{
  border-radius:10px !important;
}
#stageApp .fu-btn,
#stageApp .fu-back{
  border-radius:14px !important;
}
#stageApp .fu-go{
  border-radius:999px !important;
}
#stageApp #planGate .pg-wrap.cfg-wrap{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#stageApp #view-notif .trk-locked{
  height:calc(100vh - 112px) !important;
  margin-top:0 !important;
}
#stageApp #view-notif .tlk-grid{
  height:100% !important;
  min-height:0 !important;
}
#stageApp #view-notif .tlk-left{
  padding:36px 40px !important;
}
#stageApp #view-notif .tlk-title{
  margin-bottom:14px !important;
}
#stageApp #view-notif .tlk-sub{
  margin-bottom:24px !important;
}
#stageApp #view-notif .tlk-steps{
  margin-bottom:22px !important;
}
#stageApp #view-notif .tlk-term-body{
  min-height:0 !important;
  padding-bottom:54px !important;
  gap:8px !important;
}
#stageApp #view-notif .tlk-term{
  min-height:0 !important;
}

/* Services: four cards fill the page height with side breathing room */
#stageHub #servicesView{
  overflow:hidden !important;
}
#stageHub #servicesView .sv-wrap{
  width:min(calc(100% - 96px),1360px) !important;
  height:100vh !important;
  min-height:100vh !important;
  padding:72px 0 28px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#stageHub #servicesView .sv-top{
  left:calc((100vw - min(calc(100% - 96px),1360px)) / 2) !important;
  top:18px !important;
}
#stageHub #servicesView .sv-head{
  flex:0 0 auto !important;
}
#stageHub #servicesView .sv-cards{
  flex:1 1 auto !important;
  height:auto !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:22px !important;
}
#stageHub #servicesView .svc-big{
  height:100% !important;
  min-height:0 !important;
}
#stageHub #servicesView .svc-big .bpad{
  height:100% !important;
}

/* live feed: lock overlay removed → reclaim bottom space; LIVE badge green + blinking */
#stageApp #view-notif .tlk-term-body{padding-bottom:20px !important}
#stageApp .tlk-live{color:#4fd27e !important}
#stageApp .tlk-livedot{
  background:#4fd27e !important;
  box-shadow:0 0 7px 1px rgba(79,210,126,.55) !important;
  animation:livblink 1.25s ease-in-out infinite !important;
}
@keyframes livblink{0%,100%{opacity:1}50%{opacity:.2}}

/* inbox: internal scroll, Telegram connector status, discard w/ confirm */
#stageApp #trk-dashboard .inbox-list{max-height:calc(100vh - 208px) !important;overflow-y:auto !important}
#stageApp #trk-dashboard .inbox-list::-webkit-scrollbar{width:8px}
#stageApp #trk-dashboard .inbox-list::-webkit-scrollbar-thumb{background:var(--line2);border-radius:999px}
#stageApp .ib-tg{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-family:var(--sans);
  font-size:12px;
  font-weight:650;
  color:var(--white);
  background:color-mix(in srgb,var(--panel) 88%,transparent);
  border:1px solid var(--line2);
  border-radius:999px;
  padding:8px 14px;
  cursor:pointer;
  white-space:nowrap;
  transition:border-color .2s,color .2s,background .2s,box-shadow .2s;
}
#stageApp .ib-tg:hover{border-color:var(--blue);color:var(--blue)}
#stageApp .ib-tg .ib-tg-ic{color:var(--blue);font-size:13px}
#stageApp .ib-tg .ib-tg-manage{
  margin-left:2px;
  padding-left:9px;
  border-left:1px solid color-mix(in srgb,currentColor 28%,transparent);
  font-size:12px;
  font-weight:600;
  color:var(--dim);
}
#stageApp .ib-tg.connected{
  color:#4fd27e;
  border-color:color-mix(in srgb,#4fd27e 70%,var(--line2));
  background:rgba(79,210,126,.08);
  box-shadow:0 0 18px rgba(79,210,126,.12);
}
#stageApp .ib-tg.connected .ib-tg-ic{color:#4fd27e}
#stageApp .ib-tg.connected .ib-tg-manage{color:var(--lfaint)}
#stageApp .ib-actions{display:flex;align-items:center;gap:8px}
#stageApp .ib-title{display:flex;align-items:center;gap:9px;min-width:0}
#stageApp .ib-loc{
  font-family:var(--sans);
  font-size:11px;
  font-weight:600;
  color:var(--dim);
  white-space:nowrap;
}
#stageApp .ib-discard{font-family:var(--sans);font-size:11px;font-weight:600;color:var(--dim);background:transparent;border:1px solid var(--line2);border-radius:999px;padding:6px 12px;cursor:pointer;transition:border-color .2s,color .2s}
#stageApp .ib-discard:hover{border-color:var(--red);color:var(--red)}
#stageApp .inbox-item{position:relative;overflow:hidden}
#stageApp .inbox-item.confirming{border-color:var(--red) !important}
#stageApp .ib-confirm{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;padding:12px;
  background:color-mix(in srgb,var(--panel) 90%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  border-radius:inherit;opacity:0;transition:opacity .16s ease}
#stageApp .ib-confirm.show{opacity:1}
#stageApp .ib-confirm .ibc-q{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--white)}
#stageApp .ib-confirm .ibc-act{display:flex;gap:8px}
#stageApp .ib-confirm button{font-family:var(--sans);font-size:11px;font-weight:600;border-radius:999px;padding:7px 15px;cursor:pointer;border:1px solid var(--line2)}
#stageApp .ib-confirm .ibc-no{background:transparent;color:var(--white)}
#stageApp .ib-confirm .ibc-no:hover{border-color:var(--blue);color:var(--blue)}
#stageApp .ib-confirm .ibc-yes{background:var(--red);border-color:var(--red);color:var(--lon-acc)}
#stageApp .ib-confirm .ibc-yes:hover{filter:brightness(1.08)}
/* flex-column inbox: never squash cards to fit — scroll instead */
#stageApp .inbox-list > *{flex:0 0 auto}

/* tracker polish: rounded menus, centered Sector/Location, clean internal scrolling */
#stageApp .dd .dd-menu{
  border-radius:18px !important;
  overflow:hidden !important;
}
#stageApp .dd .dd-opt:first-child{
  border-radius:16px 16px 0 0 !important;
}
#stageApp .dd .dd-opt:last-child{
  border-radius:0 0 16px 16px !important;
}
#stageApp .dd.st-dd .dd-btn,
#stageApp .dd .dd-btn{
  border-radius:999px !important;
}
#stageApp .trk-head .c-sec,
#stageApp .trk-row .c-sec{
  justify-self:center !important;
  text-align:center !important;
}
#stageApp .trk-head .c-loc,
#stageApp .trk-row .c-loc{
  justify-self:center !important;
  text-align:center !important;
  transform:translateX(10px);
}
#stageApp #view-notif .tlk-term-body{
  padding-top:24px !important;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent) !important;
  mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent) !important;
}
#stageApp #view-notif .tlk-feed-row:first-child{
  margin-top:2px !important;
}
