/* PIVOTFLOW_UI_CLEAN_UNIFIED_V1_20260830
   One final UI system for the current PivotFlow 2.23.9 static tree.
   Palette is preserved; sizes, typography and spacing are normalized here. */
:root{
  --pf-bg:#050a12;
  --pf-panel:#08131f;
  --pf-panel-2:#06101a;
  --pf-line:#24405a;
  --pf-line-soft:#1a3044;
  --pf-text:#f3f6fb;
  --pf-muted:#8fa1b4;
  --pf-blue:#0E2E95;
  --pf-blue-mid:#081b57;
  --pf-blue-edge:#4d78ef;
  --pf-green:#35d58a;
  --pf-red:#ff5b68;
  --pf-grad:linear-gradient(180deg,#214fce 0%,#0E2E95 52%,#000 100%);
  --pf-grad-soft:linear-gradient(180deg,#173a9d 0%,#0E2E95 54%,#02050b 100%);
  --pf-glow:0 0 0 1px rgba(55,94,211,.16),0 5px 14px rgba(14,46,149,.22),inset 0 1px 0 rgba(255,255,255,.07);
  --pf-r:15px;
  --pf-r-sm:12px;
  --pf-page:8px;
  --pf-gap:8px;
  --pf-card-pad:10px;
}

/* ---- base rhythm ---- */
html{background:var(--pf-bg)!important}
body:not(.adminMode){
  margin:0!important;
  padding-bottom:96px!important;
  background:radial-gradient(80% 38% at 50% -10%,rgba(22,57,126,.13),transparent 62%),var(--pf-bg)!important;
  color:var(--pf-text)!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
body:not(.adminMode) main{max-width:720px!important;margin:0 auto!important}
body:not(.adminMode) .page{padding:var(--pf-page)!important}
body:not(.adminMode) .page>.title:first-child,
body:not(.adminMode) #auto .title,
body:not(.adminMode) #profile>.title{
  margin:0 0 9px!important;
  padding:1px 1px 0!important;
  font-size:17px!important;
  line-height:1.12!important;
  font-weight:520!important;
  letter-spacing:-.015em!important;
  color:var(--pf-text)!important;
}
body:not(.adminMode) .pagehint{font-size:11px!important;line-height:1.32!important;color:var(--pf-muted)!important}
body:not(.adminMode) .panel{
  margin:0 0 8px!important;
  padding:var(--pf-card-pad)!important;
  border:1px solid var(--pf-line-soft)!important;
  border-radius:var(--pf-r)!important;
  background:linear-gradient(180deg,rgba(8,20,33,.98),rgba(6,15,25,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body:not(.adminMode) .panelTitle{
  margin:0 0 8px!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:550!important;
  letter-spacing:-.01em!important;
}
body:not(.adminMode) small,
body:not(.adminMode) .muted{font-weight:400!important}

/* ---- header ---- */
body:not(.adminMode)>header{
  height:50px!important;
  min-height:50px!important;
  padding:0 10px!important;
  border-bottom:1px solid var(--pf-line-soft)!important;
  background:rgba(4,10,18,.96)!important;
  backdrop-filter:blur(10px)!important;
}
body:not(.adminMode)>header>div:first-child{display:flex!important;align-items:baseline!important;gap:4px!important;min-width:0!important}
body:not(.adminMode)>header>div:first-child b{font-size:16px!important;line-height:1!important;font-weight:620!important;letter-spacing:-.015em!important}
body:not(.adminMode)>header>div:first-child .muted{font-size:13px!important;line-height:1!important;color:#8292a6!important}
body:not(.adminMode) .headerActions{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
body:not(.adminMode) #topRealizedBalance{
  margin:0!important;
  padding:4px 7px!important;
  border:1px solid #2d4561!important;
  border-radius:10px!important;
  background:#091421!important;
  color:#eef4fb!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:600!important;
}
body:not(.adminMode) .online{font-size:11px!important;line-height:1!important;color:#eef3f8!important;white-space:nowrap!important}
body:not(.adminMode) #profileTop{
  width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
  margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border:1px solid #5e86ff!important;border-radius:50%!important;
  background:var(--pf-grad)!important;color:#fff!important;
  font-size:18px!important;line-height:1!important;font-weight:500!important;
  box-shadow:var(--pf-glow)!important;
}

/* ---- controls ---- */
body:not(.adminMode) button,
body:not(.adminMode) .linkbtn,
body:not(.adminMode) input,
body:not(.adminMode) select{
  font-family:inherit!important;
}
body:not(.adminMode) button,
body:not(.adminMode) .linkbtn{
  font-size:13px!important;
  line-height:1.05!important;
  font-weight:500!important;
  letter-spacing:-.008em!important;
  border-radius:13px!important;
}
body:not(.adminMode) input,
body:not(.adminMode) select{
  min-height:38px!important;
  padding:8px 10px!important;
  border:1px solid var(--pf-line)!important;
  border-radius:12px!important;
  background:#07111c!important;
  color:var(--pf-text)!important;
  font-size:13px!important;
  font-weight:400!important;
}
body:not(.adminMode) .primary,
body:not(.adminMode) .linkbtn.primary,
body:not(.adminMode) button.primary{
  background:var(--pf-grad)!important;
  background-image:var(--pf-grad)!important;
  border:1px solid var(--pf-blue-edge)!important;
  color:#fff!important;
  box-shadow:var(--pf-glow)!important;
  text-shadow:none!important;
}

/* ---- same top tabs everywhere ---- */
body:not(.adminMode) #signals .tabs,
body:not(.adminMode) #trades .autoTabs,
body:not(.adminMode) .tabs,
body:not(.adminMode) .autoTabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 10px!important;
}
body:not(.adminMode) #signals .tabs button,
body:not(.adminMode) #trades .autoTabs button,
body:not(.adminMode) .tabs button,
body:not(.adminMode) .autoTabs button{
  min-height:40px!important;
  height:40px!important;
  padding:0 10px!important;
  border:1px solid var(--pf-line)!important;
  border-radius:14px!important;
  background:#07121e!important;
  background-image:none!important;
  color:#e9eef5!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:520!important;
}
body:not(.adminMode) #signals .tabs button.sel,
body:not(.adminMode) #trades .autoTabs button.sel,
body:not(.adminMode) .tabs button.sel,
body:not(.adminMode) .autoTabs button.sel{
  background:var(--pf-grad)!important;
  background-image:var(--pf-grad)!important;
  border-color:#5b82f5!important;
  color:#fff!important;
  box-shadow:var(--pf-glow)!important;
}

/* ---- market ---- */
body:not(.adminMode) #market{padding:7px 8px 12px!important}
body:not(.adminMode) #market .market-head{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
  gap:8px!important;padding:1px 0 7px!important;
}
body:not(.adminMode) #market .market-head select{
  height:40px!important;min-height:40px!important;padding:0 34px 0 11px!important;
  border-radius:13px!important;font-size:14px!important;font-weight:550!important;
}
body:not(.adminMode) #market .price{
  min-width:108px!important;
  font:560 24px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:-.04em!important;text-align:right!important;
}
body:not(.adminMode) #market .chartLiveWrap{
  overflow:hidden!important;border:1px solid var(--pf-line-soft)!important;border-radius:14px!important;background:#06101a!important;
}
body:not(.adminMode) #market #chart{height:360px!important;border:0!important;border-radius:14px!important;background:#06101a!important}
body:not(.adminMode) #market .tfbar{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:6px!important;margin:8px 0 9px!important;
}
body:not(.adminMode) #market .tfbar button{
  min-height:36px!important;height:36px!important;padding:0 2px!important;
  border:1px solid var(--pf-line)!important;border-radius:12px!important;
  background:#07121e!important;background-image:none!important;color:#c8d3df!important;
  box-shadow:none!important;font-size:12px!important;font-weight:500!important;
}
body:not(.adminMode) #market .tfbar button.sel{
  background:linear-gradient(180deg,#0E2E95 0%,#000 100%)!important;
  background-image:linear-gradient(180deg,#0E2E95 0%,#000 100%)!important;
  border-color:#5279ec!important;color:#fff!important;box-shadow:0 0 14px rgba(14,46,149,.34)!important;
}
body:not(.adminMode) #market .gptBox{margin:8px 0!important;padding:9px 10px!important;border-radius:13px!important;font-size:12px!important;line-height:1.35!important}

/* ---- signals ---- */
body:not(.adminMode) #signals{padding:7px 8px 12px!important}
body:not(.adminMode) #signals .pagehint{display:none!important}
body:not(.adminMode) #signalsList{display:block!important}
body:not(.adminMode) #signals .signal,
body:not(.adminMode) #signalBox .signal,
body:not(.adminMode) #claimsList .signal{
  position:relative!important;
  margin:0 0 8px!important;
  padding:10px!important;
  overflow:hidden!important;
  border:1px solid var(--pf-line-soft)!important;
  border-left-width:3px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#081522,#06101a)!important;
  box-shadow:none!important;
}
body:not(.adminMode) #signals .signal.long,
body:not(.adminMode) #signalBox .signal.long,
body:not(.adminMode) #claimsList .signal.long{border-left-color:var(--pf-green)!important}
body:not(.adminMode) #signals .signal.short,
body:not(.adminMode) #signalBox .signal.short,
body:not(.adminMode) #claimsList .signal.short{border-left-color:var(--pf-red)!important}
body:not(.adminMode) #signals .signal::before,
body:not(.adminMode) #signalBox .signal::before{display:none!important}
body:not(.adminMode) #signals .sighead,
body:not(.adminMode) #signalBox .sighead,
body:not(.adminMode) #claimsList .sighead{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:9px!important;
  font-weight:400!important;
}
body:not(.adminMode) #signals .sighead>span:first-child,
body:not(.adminMode) #signalBox .sighead>span:first-child,
body:not(.adminMode) #claimsList .sighead>span:first-child{
  min-width:0!important;flex:1 1 auto!important;
  font-size:14px!important;line-height:1.18!important;font-weight:580!important;letter-spacing:-.012em!important;color:#f4f7fb!important;
}
body:not(.adminMode) #signals .sigstatus,
body:not(.adminMode) #signalBox .sigstatus,
body:not(.adminMode) #claimsList .sigstatus{
  flex:0 0 auto!important;margin:1px 0 0 4px!important;
  font-size:10.5px!important;line-height:1.18!important;font-weight:520!important;color:#9ea6ff!important;white-space:nowrap!important;
}
body:not(.adminMode) #signals .signal>small,
body:not(.adminMode) #signalBox .signal>small,
body:not(.adminMode) #claimsList .signal>small{
  margin-top:5px!important;font-size:11px!important;line-height:1.25!important;color:var(--pf-muted)!important;
}
body:not(.adminMode) #signals .levels,
body:not(.adminMode) #signalBox .levels{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;margin-top:8px!important;font-family:inherit!important;font-size:10.5px!important;
}
body:not(.adminMode) #signals .levels div,
body:not(.adminMode) #signalBox .levels div{
  min-width:0!important;padding:8px!important;border:1px solid var(--pf-line-soft)!important;border-radius:11px!important;background:#06101a!important;color:#aab8c6!important;
}
body:not(.adminMode) #signals .levels div b,
body:not(.adminMode) #signalBox .levels div b{
  display:block!important;margin-top:5px!important;color:#fff!important;
  font:560 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:-.025em!important;
}
body:not(.adminMode) #signals .levels div small,
body:not(.adminMode) #signalBox .levels div small{margin-top:5px!important;font-size:10px!important;line-height:1.15!important}
body:not(.adminMode) #signals .actions,
body:not(.adminMode) #signalBox .actions,
body:not(.adminMode) #claimsList .actions,
body:not(.adminMode) .autoTradeCard .actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:8px!important;
}
body:not(.adminMode) #claimsList .actions:has(button:only-child),
body:not(.adminMode) .autoTradeCard .actions:has(button:only-child){grid-template-columns:1fr!important}
body:not(.adminMode) #signals .actions button,
body:not(.adminMode) #signalBox .actions button,
body:not(.adminMode) #claimsList .actions button,
body:not(.adminMode) .autoTradeCard .actions button{
  min-height:37px!important;height:37px!important;padding:0 9px!important;border-radius:12px!important;font-size:12.5px!important;font-weight:520!important;
}
/* Graph buttons are secondary everywhere, by request. */
body:not(.adminMode) button[data-open],
body:not(.adminMode) button[data-claim-chart],
body:not(.adminMode) button[data-auto-chart]{
  background:#07121e!important;background-image:none!important;border:1px solid var(--pf-line)!important;color:#e6edf5!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;
}
body:not(.adminMode) #signals .actions button.primary,
body:not(.adminMode) #signalBox .actions button.primary{
  background:var(--pf-grad)!important;background-image:var(--pf-grad)!important;border-color:#5c83f5!important;color:#fff!important;box-shadow:var(--pf-glow)!important;
}

/* ---- trades + report ---- */
body:not(.adminMode) #trades{padding:7px 8px 12px!important}
body:not(.adminMode) #trades .autoTabs{margin-bottom:9px!important}
body:not(.adminMode) #trades .dealReportCard{
  position:relative!important;margin:0 0 8px!important;padding:10px!important;overflow:hidden!important;
  border:1px solid var(--pf-line-soft)!important;border-radius:16px!important;
  background:linear-gradient(180deg,#081522,#06101a)!important;box-shadow:none!important;
}
body:not(.adminMode) #trades .dealReportCard::before{height:1px!important;width:48%!important;opacity:.45!important}
body:not(.adminMode) #trades .dealReportTop{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 8px!important}
body:not(.adminMode) #trades .dealReportHeading{display:flex!important;align-items:center!important;gap:8px!important}
body:not(.adminMode) #trades .dealReportMark{
  width:30px!important;height:30px!important;padding:7px 6px!important;gap:2px!important;border-radius:10px!important;background:#06101a!important;border:1px solid var(--pf-line-soft)!important;
}
body:not(.adminMode) #trades .dealReportMark i{width:3px!important}
body:not(.adminMode) #trades .dealReportMark i:nth-child(1){height:7px!important}
body:not(.adminMode) #trades .dealReportMark i:nth-child(2){height:11px!important}
body:not(.adminMode) #trades .dealReportMark i:nth-child(3){height:15px!important}
body:not(.adminMode) #trades .dealReportTitle{font-size:15.5px!important;line-height:1.1!important;font-weight:560!important;letter-spacing:-.012em!important}
body:not(.adminMode) #trades .dealReportDownload{
  width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;
  border:1px solid #557cf0!important;border-radius:12px!important;background:var(--pf-grad)!important;background-image:var(--pf-grad)!important;color:#fff!important;box-shadow:var(--pf-glow)!important;
}
body:not(.adminMode) #trades .dealReportDownload svg{width:17px!important;height:17px!important}
body:not(.adminMode) #trades .dealReportHint{margin:0 0 7px!important;font-size:10.5px!important;line-height:1.25!important}
body:not(.adminMode) #trades .dealReportDashboard{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important}
body:not(.adminMode) #trades .dealReportTabs{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;padding:0!important}
body:not(.adminMode) #trades .dealReportTabs button{
  width:100%!important;min-height:34px!important;height:34px!important;padding:0 6px!important;
  border:1px solid var(--pf-line)!important;border-radius:11px!important;background:#07121e!important;background-image:none!important;
  color:#c3cfdb!important;box-shadow:none!important;font-size:11.5px!important;font-weight:500!important;
}
body:not(.adminMode) #trades .dealReportTabs button.sel{
  background:var(--pf-grad-soft)!important;background-image:var(--pf-grad-soft)!important;border-color:#4f75e5!important;color:#fff!important;box-shadow:0 0 11px rgba(14,46,149,.25)!important;
}
body:not(.adminMode) #trades .dealReportMetrics{
  min-width:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  overflow:hidden!important;border:1px solid var(--pf-line-soft)!important;border-radius:13px!important;background:#06101a!important;
}
body:not(.adminMode) #trades .dealReportMetric{
  min-width:0!important;padding:8px 8px 6px!important;border-left:1px solid #173047!important;border-top:0!important;
}
body:not(.adminMode) #trades .dealReportMetric:nth-child(odd){border-left:0!important}
body:not(.adminMode) #trades .dealReportMetric:nth-child(n+3){border-top:1px solid #173047!important}
body:not(.adminMode) #trades .dealReportMetric>span{
  height:auto!important;min-height:13px!important;margin:0 0 3px!important;font-size:10.5px!important;line-height:1.1!important;font-weight:400!important;color:#899aad!important;overflow-wrap:normal!important;
}
body:not(.adminMode) #trades .dealReportMetric>b{
  margin:0!important;font-size:15px!important;line-height:1!important;font-weight:500!important;letter-spacing:-.025em!important;
}
body:not(.adminMode) #trades .dealReportMetric>b.metricLong{font-size:13.2px!important}
body:not(.adminMode) #trades .dealReportMetric>b.metricXL{font-size:11.7px!important}
body:not(.adminMode) #trades .dealReportSpark{height:14px!important;margin-top:5px!important}
body:not(.adminMode) #trades .dealReportSpark polyline{stroke-width:1.4!important}
body:not(.adminMode) #trades .dealReportPeriod{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-height:34px!important;margin:8px 0 0!important;padding-top:7px!important;border-top:1px solid #173047!important;
}
body:not(.adminMode) #trades .dealPeriodArrow{
  width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;
  border:1px solid var(--pf-line)!important;border-radius:11px!important;background:#07121e!important;background-image:none!important;
  color:#f0f4f8!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;font-size:17px!important;line-height:1!important;
}
body:not(.adminMode) #trades .dealPeriodValue{
  min-width:132px!important;height:34px!important;min-height:34px!important;padding:0 12px!important;
  border:1px solid var(--pf-line)!important;border-radius:12px!important;background:#07121e!important;color:#f0f4f8!important;
  font-size:13px!important;line-height:1!important;font-weight:520!important;letter-spacing:-.01em!important;
}
body:not(.adminMode) #trades .dealReportPeriodStatic .dealPeriodValue{min-width:132px!important}
body:not(.adminMode) #claimsList .signal{margin-bottom:7px!important}
body:not(.adminMode) #claimsList .tradeResult{font-size:11.5px!important;font-weight:500!important;margin-top:6px!important}

/* ---- autotrading page ---- */
body:not(.adminMode) #auto{padding:7px 8px 12px!important}
body:not(.adminMode) #auto .autoHero{margin:0 0 8px!important;padding:10px!important;border-radius:15px!important;border:1px solid var(--pf-line-soft)!important;background:linear-gradient(180deg,#081522,#06101a)!important}
body:not(.adminMode) #auto .row{margin:0 0 8px!important;gap:9px!important}
body:not(.adminMode) #auto .row>div>b,
body:not(.adminMode) #autoStrategySummary b{font-size:13.5px!important;line-height:1.15!important;font-weight:550!important}
body:not(.adminMode) #auto .row>div>small,
body:not(.adminMode) #autoStrategySummary small{margin-top:3px!important;font-size:10.5px!important;line-height:1.25!important;color:var(--pf-muted)!important}
body:not(.adminMode) #auto .badge{
  padding:5px 8px!important;border:1px solid #3b516a!important;border-radius:999px!important;background:#07121e!important;color:#b9c6d4!important;font-size:10px!important;font-weight:550!important;white-space:nowrap!important;
}
body:not(.adminMode) #auto .autoStrategyLine{margin:5px 0 0!important;font-size:11px!important;line-height:1.3!important;color:#9eb0c1!important}
body:not(.adminMode) #auto .autoState{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:8px 0!important}
body:not(.adminMode) #auto .autoMetric{padding:8px!important;border:1px solid var(--pf-line-soft)!important;border-radius:11px!important;background:#06101a!important}
body:not(.adminMode) #auto .autoMetric small{margin:0 0 3px!important;font-size:10.5px!important;line-height:1.15!important;color:#8395a8!important}
body:not(.adminMode) #auto .autoMetric b{font-size:15px!important;line-height:1!important;font-weight:540!important}
body:not(.adminMode) #auto #autoToggle{width:100%!important;min-height:38px!important;height:38px!important;margin:1px 0 0!important;padding:0 10px!important;border-radius:12px!important}
body:not(.adminMode) #auto .autoWarn{margin:7px 0 0!important;padding:7px 8px!important;border-radius:11px!important;font-size:10.5px!important;line-height:1.28!important}
body:not(.adminMode) #auto .panel:not(.autoHero){padding:10px!important;margin-bottom:8px!important}
body:not(.adminMode) #auto .autoTradeCard{margin:0 0 7px!important;padding:9px!important;border:1px solid var(--pf-line-soft)!important;border-radius:13px!important;background:#06101a!important}
body:not(.adminMode) #auto .autoTradeHead{gap:8px!important;font-size:12.5px!important;line-height:1.15!important;font-weight:550!important}
body:not(.adminMode) #auto .autoTradeHead small{margin:0!important;font-size:10px!important;font-weight:500!important}
body:not(.adminMode) #auto .autoTradeLevels{margin-top:5px!important;font-size:11px!important;line-height:1.32!important;color:#96a7b8!important}
body:not(.adminMode) #auto .autoTradeRoi{margin-top:4px!important;font-size:11px!important}
body:not(.adminMode) #auto .autoTradeCard .actions{margin-top:7px!important}
body:not(.adminMode) #auto button[data-auto-chart]{min-height:35px!important;height:35px!important;font-size:12px!important}

/* ---- settings/profile, including the runtime accordion structure ---- */
body:not(.adminMode) #profile{padding:7px 8px 12px!important}
body:not(.adminMode) #profile #accessDetail{display:none!important}
body:not(.adminMode) #profile #accessStatusWrap{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0 0 8px!important;
}
body:not(.adminMode) #profile .accessStatusChip{
  position:relative!important;min-height:48px!important;padding:7px 8px 7px 31px!important;
  display:flex!important;align-items:center!important;
  border:1px solid var(--pf-line)!important;border-radius:13px!important;background:#07121e!important;box-shadow:none!important;
}
body:not(.adminMode) #profile .accessStatusChip::before{
  content:'✓'!important;position:absolute!important;left:8px!important;top:50%!important;transform:translateY(-50%)!important;
  width:17px!important;height:17px!important;display:grid!important;place-items:center!important;
  border:1.5px solid #68df98!important;border-radius:50%!important;color:#68df98!important;font-size:10px!important;line-height:1!important;font-weight:600!important;
}
body:not(.adminMode) #profile .accessStatusChip b{font-size:11.5px!important;line-height:1.18!important;font-weight:520!important;letter-spacing:-.006em!important;color:#eef3f8!important}
body:not(.adminMode) #profile #accessPanel.pivotAccessOk,
body:not(.adminMode) #profile #autoAccessPanel.pivotAccessOk{border-color:#1b7353!important;background:#071712!important}
body:not(.adminMode) #profile #accessPanel.pivotAccessBad,
body:not(.adminMode) #profile #autoAccessPanel.pivotAccessBad{border-color:#3d4168!important;background:#0a1020!important}
body:not(.adminMode) #profile>.panel{margin:0 0 7px!important;border-radius:14px!important}
body:not(.adminMode) #profile .settingsAccordion{padding:0!important;overflow:hidden!important}
body:not(.adminMode) #profile .settingsAccordionHeader{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  min-height:42px!important;margin:0!important;padding:0 34px 0 11px!important;
  color:#eef3f8!important;font-size:13.5px!important;line-height:1.15!important;font-weight:520!important;letter-spacing:-.008em!important;
  cursor:pointer!important;user-select:none!important;background:#08131f!important;background-image:none!important;
}
body:not(.adminMode) #profile .settingsAccordionHeader::after{
  content:''!important;position:absolute!important;right:13px!important;top:50%!important;width:6px!important;height:6px!important;
  border-right:1.5px solid #9aa8b8!important;border-bottom:1.5px solid #9aa8b8!important;
  transform:translateY(-65%) rotate(45deg)!important;transition:transform .16s ease!important;
}
body:not(.adminMode) #profile .settingsAccordion.settingsOpen>.settingsAccordionHeader{
  background:linear-gradient(180deg,rgba(20,53,145,.44),rgba(5,16,33,.92))!important;
}
body:not(.adminMode) #profile .settingsAccordion.settingsOpen>.settingsAccordionHeader::after{transform:translateY(-35%) rotate(225deg)!important}
body:not(.adminMode) #profile .settingsAccordionHeader.row{min-height:50px!important;padding-top:6px!important;padding-bottom:6px!important}
body:not(.adminMode) #profile .settingsAccordionHeader.row>div{min-width:0!important;flex:1 1 auto!important}
body:not(.adminMode) #profile .settingsAccordionHeader.row>div b{display:block!important;font-size:13.5px!important;line-height:1.15!important;font-weight:520!important;color:#eef3f8!important}
body:not(.adminMode) #profile .settingsAccordionHeader.row>div>small{display:block!important;max-width:190px!important;margin-top:3px!important;font-size:10px!important;line-height:1.2!important;font-weight:400!important;color:#8294a7!important}
body:not(.adminMode) #profile .settingsAccordionHeader .badge{
  flex:0 0 auto!important;margin:0 2px 0 auto!important;padding:5px 7px!important;border:1px solid #3a5070!important;border-radius:999px!important;background:#081728!important;color:#ced8e5!important;font-size:9.5px!important;line-height:1!important;font-weight:520!important;
}
body:not(.adminMode) #profile .settingsAccordionBody{padding:8px 11px 10px!important;border-top:1px solid rgba(30,55,79,.42)!important;background:#06101a!important}
body:not(.adminMode) #profile .settingsAccordionBody[hidden]{display:none!important}
body:not(.adminMode) #profile .settingsAccordionBody .row{margin:0 0 7px!important;gap:8px!important}
body:not(.adminMode) #profile .settingsAccordionBody .row>div b{font-size:12.5px!important;line-height:1.15!important;font-weight:500!important}
body:not(.adminMode) #profile .settingsAccordionBody .row>div small{margin-top:2px!important;font-size:10px!important;line-height:1.2!important;color:#8193a6!important}
body:not(.adminMode) #profile .settingsAccordionBody .muted{margin:4px 0 7px!important;font-size:10.5px!important;line-height:1.25!important;color:#8496a9!important}
body:not(.adminMode) #profile .settingsAccordionBody label{display:block!important;margin:6px 0 4px!important;font-size:10.5px!important;line-height:1.2!important;color:#8b9caf!important}
body:not(.adminMode) #profile .settingsAccordionBody input,
body:not(.adminMode) #profile .settingsAccordionBody select,
body:not(.adminMode) #profile .settingsAccordionBody button{
  min-height:36px!important;height:auto!important;padding:7px 9px!important;border-radius:11px!important;font-size:12px!important;font-weight:450!important;
}
body:not(.adminMode) #profile .settingsAccordionBody button.primary,
body:not(.adminMode) #profile .settingsAccordionBody .primary,
body:not(.adminMode) #profile #pwaPanel button.primary,
body:not(.adminMode) #profile #sendUid,
body:not(.adminMode) #profile #refLink{
  background:var(--pf-grad)!important;background-image:var(--pf-grad)!important;border-color:#557cf0!important;color:#fff!important;box-shadow:var(--pf-glow)!important;
}
body:not(.adminMode) #profile .settingsAccordionBody .twocol{gap:7px!important}
body:not(.adminMode) #profile #signalCoinsBlock{margin-top:8px!important}
body:not(.adminMode) #profile .autoCoinList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:5px 0 9px!important}
body:not(.adminMode) #profile .autoCoinRow{min-height:36px!important;padding:6px 8px!important;border:1px solid var(--pf-line-soft)!important;border-radius:10px!important;background:#07121e!important;font-size:11.5px!important}
body:not(.adminMode) #profile #pwaPanel{padding:9px 10px!important}
body:not(.adminMode) #profile #pwaPanel .panelTitle{margin-bottom:7px!important;font-size:13px!important;font-weight:520!important}
body:not(.adminMode) #profile #pwaPanel button{width:100%!important;min-height:36px!important;height:36px!important;padding:0 9px!important;font-size:12px!important}
body:not(.adminMode) #profile .panel.legal{padding:9px 10px!important}
body:not(.adminMode) #profile .panel.legal b{display:block!important;margin:0 0 4px!important;font-size:12.5px!important;font-weight:520!important}
body:not(.adminMode) #profile .panel.legal p{margin:0!important}
body:not(.adminMode) #profile .panel.legal p,
body:not(.adminMode) #profile .panel.legal i{font-size:10.5px!important;line-height:1.3!important;color:#8999aa!important}

/* switches: same compact geometry in settings + auto */
body:not(.adminMode) .switch{position:relative!important;width:39px!important;min-width:39px!important;height:22px!important}
body:not(.adminMode) .switch span{border-radius:20px!important}
body:not(.adminMode) .switch span::after{width:16px!important;height:16px!important;left:3px!important;top:3px!important}
body:not(.adminMode) .switch input:checked+span::after{transform:translateX(17px)!important}

/* ---- projects ---- */
body:not(.adminMode) #projects{padding:7px 8px 12px!important}
body:not(.adminMode) #projects .projectFilters,
body:not(.adminMode) #projects .projectAdminFilters{gap:6px!important;padding:0 0 8px!important}
body:not(.adminMode) #projects .projectFilters button,
body:not(.adminMode) #projects .projectAdminFilters button{
  min-height:31px!important;height:31px!important;padding:0 10px!important;border-radius:999px!important;border:1px solid var(--pf-line)!important;
  background:#07121e!important;background-image:none!important;color:#bfcbd8!important;font-size:11px!important;font-weight:500!important;
}
body:not(.adminMode) #projects .projectFilters button.sel,
body:not(.adminMode) #projects .projectAdminFilters button.sel{background:var(--pf-grad-soft)!important;background-image:var(--pf-grad-soft)!important;border-color:#4e75e4!important;color:#fff!important;box-shadow:0 0 10px rgba(14,46,149,.22)!important}
body:not(.adminMode) #projects .projectCard,
body:not(.adminMode) #projects .projectCardCompact{margin:0 0 7px!important;padding:9px 10px!important;border-radius:13px!important;border:1px solid var(--pf-line-soft)!important;background:#07121e!important}
body:not(.adminMode) #projects .projectName,
body:not(.adminMode) #projects .projectCardCompact .projectName{font-size:14px!important;line-height:1.18!important;font-weight:560!important}
body:not(.adminMode) #projects .projectNote,
body:not(.adminMode) #projects .projectCardCompact .projectNote{margin-top:2px!important;font-size:10.5px!important;line-height:1.2!important}
body:not(.adminMode) #projects .projectDescToggle,
body:not(.adminMode) #projects .projectBack{
  min-height:30px!important;height:30px!important;padding:0 9px!important;border-radius:10px!important;background:#06101a!important;background-image:none!important;border:1px solid var(--pf-line)!important;color:#cbd6e1!important;box-shadow:none!important;font-size:11px!important;font-weight:480!important;
}
body:not(.adminMode) #projects .projectMore,
body:not(.adminMode) #projects .projectMoreBright,
body:not(.adminMode) #projects .linkbtn{min-height:32px!important;height:32px!important;padding:0 10px!important;border-radius:10px!important;font-size:11.5px!important;font-weight:520!important}
body:not(.adminMode) #projects .projectMoreBright,
body:not(.adminMode) #projects .linkbtn.primary{background:var(--pf-grad)!important;background-image:var(--pf-grad)!important;border-color:#5279e8!important;color:#fff!important;box-shadow:var(--pf-glow)!important}

/* ---- bottom navigation ---- */
body:not(.adminMode)>nav{
  position:fixed!important;left:5px!important;right:5px!important;bottom:28px!important;width:auto!important;
  height:54px!important;min-height:54px!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  overflow:hidden!important;border:1px solid var(--pf-line-soft)!important;border-radius:14px!important;
  background:rgba(4,10,18,.97)!important;box-shadow:0 8px 22px rgba(0,0,0,.32)!important;z-index:20!important;
}
body:not(.adminMode)>nav button{
  width:auto!important;min-width:0!important;height:54px!important;min-height:54px!important;margin:0!important;padding:4px 1px!important;
  border:0!important;border-right:1px solid rgba(29,50,70,.45)!important;border-radius:0!important;
  background:transparent!important;background-image:none!important;color:#aab7c6!important;box-shadow:none!important;
  font-size:16px!important;line-height:1!important;font-weight:400!important;
}
body:not(.adminMode)>nav button:last-child{border-right:0!important}
body:not(.adminMode)>nav button.active{
  background:var(--pf-grad-soft)!important;background-image:var(--pf-grad-soft)!important;color:#fff!important;box-shadow:inset 0 0 14px rgba(38,74,190,.22)!important;
}
body:not(.adminMode)>nav button span{display:block!important;margin-top:2px!important;font-size:10px!important;line-height:1!important;font-weight:450!important;letter-spacing:-.01em!important;white-space:nowrap!important}
body:not(.adminMode)>footer{padding:8px 6px 2px!important;text-align:center!important;color:#617288!important;font-size:9.5px!important;line-height:1.2!important}

@media(max-width:390px){
  :root{--pf-page:7px}
  body:not(.adminMode) .page>.title:first-child,
  body:not(.adminMode) #auto .title,
  body:not(.adminMode) #profile>.title{font-size:16px!important;margin-bottom:8px!important}
  body:not(.adminMode) #trades .dealReportDashboard{grid-template-columns:78px minmax(0,1fr)!important;gap:7px!important}
  body:not(.adminMode) #trades .dealReportMetric{padding:7px 7px 5px!important}
  body:not(.adminMode) #profile #accessStatusWrap{gap:6px!important}
  body:not(.adminMode) #profile .accessStatusChip{min-height:46px!important;padding-left:29px!important}
  body:not(.adminMode) #profile .settingsAccordionHeader.row>div>small{max-width:170px!important}
  body:not(.adminMode)>header{padding-left:8px!important;padding-right:8px!important}
  body:not(.adminMode) .headerActions{gap:5px!important}
  body:not(.adminMode) #profileTop{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
}