
/* BreakAI SCOUTER mobile command-center skin v1 — mobile only */
@media (max-width:760px){
  :root{
    --sc-bg:#020815;--sc-panel:rgba(4,18,35,.92);--sc-panel2:rgba(6,29,52,.84);
    --sc-line:rgba(89,221,255,.22);--sc-line-strong:rgba(105,235,255,.46);
    --sc-cyan:#59e8ff;--sc-blue:#2e7dff;--sc-text:#edfaff;--sc-muted:#83a8b8;
    --sc-ok:#67e9b6;--sc-warn:#ffd36a;--sc-danger:#ff8295;
  }
  html:has(body[data-page]){background:var(--sc-bg)!important}
  body[data-page]:not([data-page="intro"]){
    min-width:0!important;background:
      radial-gradient(circle at 50% -8%,rgba(49,127,255,.22),transparent 31%),
      radial-gradient(circle at 90% 34%,rgba(76,58,255,.10),transparent 32%),
      linear-gradient(180deg,#020815 0%,#030d1d 42%,#020711 100%)!important;
    color:var(--sc-text)!important;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Sans",sans-serif!important;
    padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }
  body[data-page]:not([data-page="intro"])::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.26;
    background-image:linear-gradient(rgba(93,224,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(93,224,255,.035) 1px,transparent 1px);
    background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 92%);
  }
  body[data-page]:not([data-page="intro"]) .topbar{
    position:sticky!important;top:0;z-index:90!important;background:rgba(2,10,23,.94)!important;
    border-bottom:1px solid rgba(88,220,255,.18)!important;box-shadow:0 10px 32px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(18px)!important;
  }
  body[data-page]:not([data-page="intro"]) .topbar-inner,
  body[data-page]:not([data-page="intro"]) main,
  body[data-page]:not([data-page="intro"]) .radar-global-shell{
    width:100%!important;max-width:none!important;margin:0!important;
  }
  body[data-page]:not([data-page="intro"]) .topbar-inner{padding:12px 12px 10px!important;display:block!important}
  body[data-page]:not([data-page="intro"]) .topbar-inner .eyebrow{color:var(--sc-cyan)!important;font-size:9px!important;letter-spacing:.19em!important}
  body[data-page]:not([data-page="intro"]) .topbar-inner h1{color:#f3fdff!important;font-size:21px!important;line-height:1.15!important}
  body[data-page]:not([data-page="intro"]) .topbar-inner .subtitle{color:#91b6c6!important;font-size:11px!important;line-height:1.5!important;margin-top:5px!important}
  body[data-page]:not([data-page="intro"]) .safety{display:none!important}
  body[data-page]:not([data-page="intro"]) main{position:relative;z-index:2;padding:10px 9px 36px!important}
  body[data-page]:not([data-page="intro"]) .radar-global-shell{
    padding:8px 10px!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;
    background:linear-gradient(180deg,rgba(4,22,39,.85),rgba(2,12,25,.72))!important;
    border-bottom:1px solid rgba(90,222,255,.10)!important;
  }
  body[data-page]:not([data-page="intro"]) .radar-global-shell::-webkit-scrollbar{display:none}
  body[data-page]:not([data-page="intro"]) .radar-global-shell a{
    border:1px solid rgba(90,219,255,.18)!important;background:rgba(6,31,50,.62)!important;
    color:#bfeefa!important;border-radius:999px!important;white-space:nowrap!important;
  }
  body[data-page]:not([data-page="intro"]) .radar-global-shell a[aria-current="page"]{
    color:#fff!important;border-color:rgba(93,236,255,.65)!important;background:linear-gradient(135deg,rgba(11,104,151,.95),rgba(26,85,163,.90))!important;
    box-shadow:0 0 18px rgba(72,223,255,.18)!important;
  }

  body[data-page]:not([data-page="intro"]) .panel,
  body[data-page]:not([data-page="intro"]) .card,
  body[data-page]:not([data-page="intro"]) .comparison-card,
  body[data-page]:not([data-page="intro"]) .notice,
  body[data-page]:not([data-page="intro"]) .summary,
  body[data-page]:not([data-page="intro"]) .radar-dashboard-section,
  body[data-page]:not([data-page="intro"]) .radar-filter-shell,
  body[data-page]:not([data-page="intro"]) .radar-compact-panel,
  body[data-page]:not([data-page="intro"]) .company-stage-panel,
  body[data-page]:not([data-page="intro"]) details{
    color:var(--sc-text)!important;background:linear-gradient(180deg,rgba(6,27,48,.90),rgba(3,14,29,.94))!important;
    border-color:var(--sc-line)!important;box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.018)!important;
    border-radius:16px!important;
  }
  body[data-page]:not([data-page="intro"]) .panel,
  body[data-page]:not([data-page="intro"]) .card,
  body[data-page]:not([data-page="intro"]) .radar-dashboard-section{padding:13px!important}
  body[data-page]:not([data-page="intro"]) h1,
  body[data-page]:not([data-page="intro"]) h2,
  body[data-page]:not([data-page="intro"]) h3,
  body[data-page]:not([data-page="intro"]) h4,
  body[data-page]:not([data-page="intro"]) strong{color:#f0fcff}
  body[data-page]:not([data-page="intro"]) p,
  body[data-page]:not([data-page="intro"]) li,
  body[data-page]:not([data-page="intro"]) dd,
  body[data-page]:not([data-page="intro"]) .compare-value{color:#c5dce5!important}
  body[data-page]:not([data-page="intro"]) .compare-label,
  body[data-page]:not([data-page="intro"]) dt,
  body[data-page]:not([data-page="intro"]) .footer-note,
  body[data-page]:not([data-page="intro"]) .section-title p{color:var(--sc-muted)!important}
  body[data-page]:not([data-page="intro"]) a{color:#8fefff}
  body[data-page]:not([data-page="intro"]) .button,
  body[data-page]:not([data-page="intro"]) button{
    min-height:44px!important;border-radius:12px!important;border:1px solid rgba(98,231,255,.46)!important;
    background:linear-gradient(135deg,#0b769b,#145aa3)!important;color:#f2fdff!important;
    box-shadow:0 7px 20px rgba(7,91,153,.18)!important;font-weight:850!important;
  }
  body[data-page]:not([data-page="intro"]) .button.secondary,
  body[data-page]:not([data-page="intro"]) button.secondary,
  body[data-page]:not([data-page="intro"]) .button.ghost,
  body[data-page]:not([data-page="intro"]) button.ghost{
    background:rgba(5,29,48,.78)!important;color:#c9f3fb!important;border-color:rgba(96,221,255,.22)!important;box-shadow:none!important;
  }
  body[data-page]:not([data-page="intro"]) input,
  body[data-page]:not([data-page="intro"]) select,
  body[data-page]:not([data-page="intro"]) textarea{
    min-height:46px!important;background:#061529!important;color:#eefcff!important;border:1px solid rgba(96,218,255,.27)!important;
    border-radius:12px!important;font-size:16px!important;outline:none!important;
  }
  body[data-page]:not([data-page="intro"]) input:focus,
  body[data-page]:not([data-page="intro"]) select:focus,
  body[data-page]:not([data-page="intro"]) textarea:focus{
    border-color:#65ebff!important;box-shadow:0 0 0 3px rgba(83,226,255,.08),0 0 22px rgba(48,169,255,.10)!important;
  }
  body[data-page]:not([data-page="intro"]) label{color:#a9d0dd!important}
  body[data-page]:not([data-page="intro"]) .filter-grid,
  body[data-page]:not([data-page="intro"]) .filter-grid-primary,
  body[data-page]:not([data-page="intro"]) .filter-grid-conditional,
  body[data-page]:not([data-page="intro"]) .saved-company-inner,
  body[data-page]:not([data-page="intro"]) .pack-grid,
  body[data-page]:not([data-page="intro"]) .summary,
  body[data-page]:not([data-page="intro"]) .summary.wide,
  body[data-page]:not([data-page="intro"]) .portfolio,
  body[data-page]:not([data-page="intro"]) .detail-grid,
  body[data-page]:not([data-page="intro"]) .company-stage-checks,
  body[data-page]:not([data-page="intro"]) .company-stage-snapshot,
  body[data-page]:not([data-page="intro"]) .company-stage-explorer{
    grid-template-columns:1fr!important;
  }
  body[data-page]:not([data-page="intro"]) .toolbar-actions,
  body[data-page]:not([data-page="intro"]) .toolbar-actions .toolbar-apply{width:100%!important;min-width:0!important}
  body[data-page]:not([data-page="intro"]) .metric{border:0!important;border-bottom:1px solid rgba(94,213,245,.10)!important;padding:10px 12px!important}
  body[data-page]:not([data-page="intro"]) .metric:last-child{border-bottom:0!important}
  body[data-page]:not([data-page="intro"]) .comparison-card{
    padding:0 13px!important;border:1px solid rgba(89,216,255,.20)!important;overflow:hidden!important;
  }
  body[data-page]:not([data-page="intro"]) .compare-row{border-color:rgba(95,214,244,.11)!important;padding:10px 0!important}
  body[data-page]:not([data-page="intro"]) .compare-meta{display:flex!important;flex-direction:row!important}
  body[data-page]:not([data-page="intro"]) .badge,
  body[data-page]:not([data-page="intro"]) .status-chip{
    background:rgba(29,183,167,.13)!important;color:#7bf1cf!important;border:1px solid rgba(95,239,207,.16)!important;
  }
  body[data-page]:not([data-page="intro"]) .compare-fit,
  body[data-page]:not([data-page="intro"]) .compare-non-obvious{
    margin:0 -13px!important;padding-left:13px!important;padding-right:13px!important;background:rgba(9,50,70,.48)!important;border-left-color:var(--sc-cyan)!important;
  }
  body[data-page]:not([data-page="intro"]) .money-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  body[data-page]:not([data-page="intro"]) .money-grid div,
  body[data-page]:not([data-page="intro"]) .company-stage-snapshot>div,
  body[data-page]:not([data-page="intro"]) .stage-human-summary>div{
    background:rgba(3,21,38,.78)!important;border-color:rgba(83,198,230,.13)!important;
  }
  body[data-page]:not([data-page="intro"]) .detail-decision-panel{position:static!important;max-height:none!important;overflow:visible!important}
  body[data-page]:not([data-page="intro"]) .data-list{grid-template-columns:1fr!important;gap:2px!important}
  body[data-page]:not([data-page="intro"]) .data-list dt{margin-top:8px!important;font-size:11px!important}
  body[data-page]:not([data-page="intro"]) .data-list dd{padding-bottom:7px!important;border-bottom:1px solid rgba(91,209,238,.08)!important}
  body[data-page]:not([data-page="intro"]) table{
    display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;
    border-radius:12px!important;scrollbar-width:thin;
  }
  body[data-page]:not([data-page="intro"]) th{color:#7eeeff!important;background:rgba(4,27,48,.96)!important}
  body[data-page]:not([data-page="intro"]) td{color:#c4dce5!important;background:rgba(4,17,32,.72)!important;border-color:rgba(85,201,230,.10)!important}
  body[data-page]:not([data-page="intro"]) .notice.warning,
  body[data-page]:not([data-page="intro"]) .stage-checks,
  body[data-page]:not([data-page="intro"]) .stage-window{
    background:rgba(105,75,10,.24)!important;border-color:rgba(255,211,106,.32)!important;color:#ffe4a0!important;
  }
  body[data-page]:not([data-page="intro"]) .footer-note{border-color:rgba(91,207,237,.10)!important;padding:14px 5px 0!important}
  body[data-page]:not([data-page="intro"]) .radar-dashboard-section-header{gap:8px!important;align-items:flex-start!important}
  body[data-page]:not([data-page="intro"]) .radar-dashboard-section-header h2{font-size:17px!important}
  body[data-page]:not([data-page="intro"]) .radar-company-target,
  body[data-page]:not([data-page="intro"]) .radar-company-target form{grid-template-columns:1fr!important}
  body[data-page]:not([data-page="intro"]) .radar-company-target{background:rgba(3,20,37,.72)!important;border-color:rgba(88,216,248,.15)!important;border-radius:14px!important}
}
