/*
 * FunOn Intelligence / Unified interface v3
 * Compact, calm SaaS workspace for dense ASO data.
 * Styling only: no ranking calculation, source metadata or collector is changed.
 */
:root{
 --canvas:#f5f7fb;--paper:#ffffff;--ink:#202b42;--ink-strong:#111e33;
 --muted:#7c8ba0;--secondary:#627187;--line:#e3e9f1;--soft:#f8faff;
 --blue:#a9b9ff;--blue-strong:#5364db;--blue-bg:#eef1ff;
 --green:#158765;--red:#c9535b;--shadow:0 5px 22px rgba(22,42,75,.045);
 --ctx-border:var(--line);--ctx-text:var(--ink-strong);--ctx-muted:var(--secondary);--ctx-accent:#5364db;
 --ui-side:#101a2e;--ui-side-raised:#17243c;--ui-border-strong:#d9e1ed;
}
html{scroll-behavior:smooth}
body{background:var(--canvas);color:var(--ink);font-size:13px;line-height:1.53}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
 outline:3px solid #92a1fb;outline-offset:2px
}
button:disabled{cursor:not-allowed;opacity:.58}
.app-shell{width:100%;max-width:none;min-height:100vh;min-height:100svh;margin:0;
 background:var(--canvas);grid-template-columns:244px minmax(0,1fr);
 border-radius:0;box-shadow:none;overflow:visible}
.work-area{background:var(--canvas);min-width:0}
.sidebar{position:sticky;top:0;align-self:start;overflow-y:auto;height:100vh;height:100svh;
 padding:26px 16px 18px;background:var(--ui-side);border:0;color:#a9b7cb;scrollbar-width:thin;
 scrollbar-color:#344565 transparent;z-index:15}
.brand{min-height:49px;gap:12px;color:#fff;padding:4px 8px 9px;margin-bottom:2px;
 font-size:21px;font-weight:810;letter-spacing:-.7px}
.brand:hover{color:#fff}
.brand-mark{width:37px;height:37px;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);
 gap:4px;border-radius:11px;background:#4859d6;transform:none;box-shadow:0 7px 17px #0002}
.brand-mark i{background:#fff;border-radius:3px}
.brand-mark i:nth-child(1){opacity:1}.brand-mark i:nth-child(2){opacity:.74}
.brand-mark i:nth-child(3){opacity:.69}.brand-mark i:nth-child(4){opacity:.94}
.brand-period{color:#8290ff}
.brand small{color:#788aa5;letter-spacing:1.25px;font-size:8px;margin-top:5px}
.sidebar-collapse{position:absolute;right:15px;top:34px;width:27px;height:27px;
 display:grid;place-items:center;color:#91a0b9;background:#192841;border:1px solid #344661;
 border-radius:8px;cursor:pointer;font-size:17px}
.sidebar-collapse:hover{background:#2b3e63;color:white}
.side-group-label,.side-nav-caption{font-size:9px;line-height:1.5;letter-spacing:1.12px;
 font-weight:850;color:#7485a2;text-transform:uppercase}
.side-group-label{margin:29px 0 14px 12px}
.side-nav-caption{margin:19px 0 8px 12px;white-space:nowrap}
.side-links{display:flex;flex-direction:column;gap:3px;min-width:0}
.side-links a{height:43px;min-width:0;display:flex;gap:12px;align-items:center;
 padding:0 12px;font-size:12.5px;font-weight:625;color:#aebbd0;white-space:nowrap;
 border:1px solid transparent;border-radius:9px;transition:background .16s,color .16s,border-color .16s}
.side-links a:hover{background:#1d2c46;color:#fff;border-color:#2c405f}
.side-links a.active{background:#25365c;color:#f6f7ff;border-color:#354971;font-weight:760}
.side-links a.active:before{content:'';height:18px;width:3px;border-radius:5px;background:#97a7ff;position:absolute;margin-left:-13px}
.side-links .nav-icon{width:19px;flex:0 0 19px;color:#8195af}
.side-links a.active .nav-icon{color:#aab6ff}
.side-links a svg{width:18px;height:18px}
.nav-current{margin-left:auto;height:6px;width:6px;background:#adbbff;box-shadow:0 0 0 4px #a7b6ff13}
.sidebar-bottom{padding-top:24px}
.side-widget{padding:15px 14px;margin:10px 0 13px;background:var(--ui-side-raised);
 border:1px solid #2a3953;border-radius:11px}
.side-widget-icon{height:28px;width:28px;margin-bottom:9px;border-radius:8px;
 background:#263b67;color:#aabaff;font-size:16px}
.side-widget b{color:#eff3fd;font-size:11.8px;font-weight:750;line-height:1.45}
.side-widget p{color:#95a7c0;font-size:10px;margin:5px 0 10px;line-height:1.65}
.side-widget a{display:flex;justify-content:space-between;background:#223357;
 color:#c6d2ff;border:1px solid #344a7b;padding:9px 11px;border-radius:8px;font-size:10.5px}
.side-widget a:hover{background:#2d4270;color:#fff}
.app-meta{border-top:1px solid #2b3a55;padding-top:15px;gap:10px}
.app-avatar{border-radius:9px;background:#4055cd;color:#fff;width:34px;height:34px}
.app-meta b{color:#e8edff;font-size:11px}
.app-meta small{color:#96a7be;font-size:10px}
.app-ellipsis{color:#71829c}
.topbar{height:66px;padding:0 32px;position:sticky;top:0;z-index:50;
 background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none}
.breadcrumbs{gap:11px;color:#8592a6;font-size:11.5px;font-weight:560}
.breadcrumbs strong{font-size:12px;font-weight:780;color:var(--ink-strong)}
.crumb-icon{color:var(--blue-strong)}
.chevron{color:#c4ccda}
.top-actions{gap:11px}
.top-date{font-size:10.5px;color:#748299;background:var(--soft);padding:7px 11px;border-radius:8px;
 border:1px solid var(--line)}
.small-divider{background:#e1e6f0;height:21px}
.icon-button{background:var(--paper);border:1px solid var(--line);color:#67788f;
 border-radius:9px;height:35px;width:35px}
.icon-button:hover{background:var(--blue-bg);color:var(--blue-strong)}
.user-circle{width:35px;height:35px;border-radius:10px;background:#4554ca;font-size:12px}
.top-help{font-size:11.5px;font-weight:750;color:var(--secondary);display:flex;align-items:center;
 gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}
.top-help:hover{background:var(--blue-bg);color:var(--blue-strong)}
.ctx-bar{top:66px;z-index:42;gap:10px;padding:13px 32px 14px;
 background:var(--paper);border-bottom:1px solid var(--line);color:var(--ink);box-shadow:none}
.ctx-top{min-height:16px}
.ctx-path{gap:7px;color:var(--secondary);font-size:10px;letter-spacing:.01em;font-weight:700}
.ctx-path b{color:var(--ink-strong)}
.ctx-path strong{color:var(--blue-strong)}
.ctx-status{font-size:10px;background:#f1f8f4;border:1px solid #cce6d8;color:#287452;
 font-weight:730;padding:5px 9px;border-radius:7px}
.ctx-status-error{color:#a13c48;background:#fff1f2;border-color:#f2ced2}
.ctx-fields{grid-template-columns:minmax(260px,2.1fr) minmax(130px,.95fr) minmax(122px,.8fr)
 minmax(122px,.78fr) minmax(116px,.74fr);gap:10px}
.ctx-app{gap:11px}
.ctx-avatar{width:43px;height:43px;border-radius:11px;border:1px solid var(--line);
 background:var(--blue-bg);color:var(--blue-strong)}
.ctx-app-field label,.ctx-field{font-size:10px;letter-spacing:.15px;font-weight:780;color:var(--secondary)}
.ctx-app-field select,.ctx-field select{height:43px;border:1px solid var(--ui-border-strong);
 border-radius:9px;background:var(--paper);color:var(--ink-strong);font-size:12px;
 padding:9px 12px;font-weight:700;box-shadow:0 1px 2px #12233b06}
.ctx-app-field select:hover,.ctx-field select:hover{border-color:#9aa8e9}
.ctx-app-field select:focus-visible,.ctx-field select:focus-visible{outline-color:#a2adfa;border-color:#6571e1}
.ctx-footer{padding-left:54px;font-size:10px;color:#8a97aa;line-height:1.4}
.page-layout{grid-template-columns:minmax(0,1fr)!important}
.main-col{max-width:1640px;width:100%;margin:0 auto;padding:30px 36px 50px;min-width:0}
.page-heading{margin:0 0 22px;align-items:center}
.page-heading h1{font-size:28px;letter-spacing:-.75px;font-weight:820}
.page-heading p{color:var(--secondary);font-size:12px}
.eyebrow{letter-spacing:1.15px;color:#6b79c7;font-weight:800;font-size:10px}
.tiny-wave{background:#7181e5}
.title-point{color:#8a95f6}
.action-button{height:38px;border-radius:9px;font-size:11px;font-weight:750;padding:0 13px}
.action-button.ghost{color:var(--secondary);border-color:var(--line);background:var(--paper)}
.action-button.ghost:hover{color:var(--blue-strong);background:var(--blue-bg)}
.action-button.filled{background:#4f60d8;border-color:#4f60d8;color:white}
.action-button.filled:hover{background:#3a4aba}
.view-page{min-width:0}
.section-heading h2{font-size:17px;color:var(--ink-strong);font-weight:800}
.section-heading p{font-size:11.5px;color:var(--secondary)}
/* Cards, progress and tables share one border, radius and type scale. */
.panel,.summary-block,.summary-trust,.kpi-card,.ctx-data-panel,
.ctx-kpis>div,.dh-panel,.dh-card,.kws,.kws-stat,.kws-detail,.km-box,.ars-panel,
.ap-stat,.ap-card,.ap-panel,.competitor-summary-card,.competitor-app-card{
 border:1px solid var(--line);border-radius:12px;background:var(--paper);
 box-shadow:0 2px 9px rgba(22,41,75,.025);color:var(--ink)
}
.ctx-scoped-head{align-items:center;gap:18px;margin-bottom:22px}
.ctx-scoped-head h2{font-size:27px;letter-spacing:-.55px;color:var(--ink-strong);
 font-weight:820;margin:6px 0}
.ctx-scoped-head p{font-size:12.5px;line-height:1.6;color:var(--secondary)}
.ctx-scoped-head a{border:1px solid #d7ddfa;color:#4d5dd5;
 background:var(--paper);border-radius:9px;font-weight:750}
.ctx-scoped-head a:hover{background:var(--blue-bg)}
.ctx-kicker,.ap-kicker,.ars-kicker,.kws-eyebrow{color:#6170c7;letter-spacing:.9px;font-size:10px;font-weight:820}
.ctx-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.ctx-kpis>div{min-height:115px;padding:19px 20px;gap:6px}
.ctx-kpis strong{font-size:29px;font-weight:835;color:var(--ink-strong)}
.ctx-kpis span{font-size:12px;color:var(--ink);font-weight:740}
.ctx-kpis small{font-size:11px;color:var(--secondary)}
.ctx-data-panel{overflow:hidden;margin-bottom:17px}
.ctx-data-panel>h3{font-size:15px;color:var(--ink-strong);font-weight:800;
 background:var(--paper);border-bottom:1px solid var(--line);padding:17px 19px}
.ctx-cat-row{border-bottom:1px solid var(--line);padding:13px 19px;font-size:12px}
.ctx-cat-row strong{color:var(--ink-strong);font-weight:770}
.ctx-cat-row small{color:var(--secondary);font-size:11px}
.ctx-cat-row>b{color:#5263d8;font-weight:820;font-size:16px}
.ctx-cat-row>span{color:var(--secondary);font-size:11px}
.ctx-help{background:var(--soft);color:var(--secondary);padding:11px 18px;font-size:11.5px}
.ctx-empty{color:var(--secondary)}
.ctx-table-wrap th{background:var(--soft);color:var(--secondary);border-color:var(--line);font-size:11px}
.ctx-table-wrap td{border-color:var(--line);font-size:12px}
.ctx-table-wrap td strong{color:var(--ink-strong)}
.ctx-table-wrap td a{color:var(--blue-strong)}
.ctx-plot{background:var(--paper)}
.ctx-cat-button{border:1px solid var(--line);background:var(--paper);color:var(--secondary);border-radius:8px}
.ctx-cat-button.active{background:var(--blue-bg);color:var(--blue-strong);border-color:#c5cbf6}
.ctx-cat-buttons{gap:8px}
/* Dashboard data confidence */
.dh-panel{margin-top:14px;padding:21px 21px 19px}
.dh-heading h3{color:var(--ink-strong);font-weight:810;font-size:18px}
.dh-heading p{color:var(--secondary);font-size:11.5px}
.dh-grid{gap:11px}
.dh-card{background:var(--soft);border-color:var(--line);padding:17px 16px}
.dh-big{font-weight:830;color:var(--ink-strong);font-size:25px}
.dh-description{color:var(--ink);font-size:11.5px}
.dh-age{color:var(--secondary);font-size:10px}
.dh-link,.dh-heading>a{color:var(--blue-strong)}
.dh-caution{background:var(--soft);color:var(--secondary)}
/* Keyword command area and sortable table */
.kws{padding:23px 23px 19px;border-radius:13px}
.kws-heading h2{font-weight:825;color:var(--ink-strong);font-size:23px}
.kws-heading p{color:var(--secondary);font-size:11.5px}
.kws-button{min-height:39px;border-radius:9px;font-size:11.5px}
.kws-button.primary,.ap-primary,.km-title>button,.km-compose button{background:#5262dc!important;
 border-color:#5262dc!important;color:#fff}
.kws-button.primary:hover,.ap-primary:hover,.km-title>button:hover,.km-compose button:hover{
 background:#4052c7!important;border-color:#4052c7!important}
.kws-button.secondary{color:var(--secondary);background:var(--paper);border-color:var(--line)}
.kws-source{background:var(--soft);border-color:var(--line);color:var(--secondary);font-size:11px}
.kws-source-label{color:var(--ink-strong);font-size:11px}
.kws-source b{color:var(--ink-strong)}
.kws-stats{gap:10px}
.kws-stat{padding:15px 17px;min-height:105px;border-radius:10px}
.kws-stat b{font-size:25px;font-weight:835;color:var(--ink-strong)}
.kws-stat span{font-size:11.5px;font-weight:780}
.kws-stat small{font-size:10px;color:var(--secondary)}
.kws-controls{gap:10px;margin-bottom:13px}
.kws-search{border-color:var(--line);min-height:40px;background:var(--paper)}
.kws-search input{font-size:12px;color:var(--ink)}
.kws-pills{background:var(--soft);border-color:var(--line);padding:3px}
.kws-pills button{border-radius:7px;font-size:11px}
.kws-pills button.active{background:var(--paper);color:var(--blue-strong)}
.kws-selects label{color:var(--secondary)}
.kws-selects select{background:var(--paper);border:1px solid var(--line);color:var(--ink);height:39px}
.kws-table-shell{border-color:var(--line);border-radius:10px;max-height:690px;overflow:auto}
.kws-table th{position:sticky;top:0;z-index:2;padding:14px 13px;letter-spacing:.2px;
 background:var(--soft);color:#69768d;font-size:10.5px;border-color:var(--line)}
.kws-table th:first-child{z-index:4;top:0;background:var(--soft)}
.kws-table td{padding:13px 13px;border-color:var(--line);font-size:11.5px}
.kws-table th:first-child,.kws-table td:first-child{box-shadow:1px 0 0 var(--line)}
.kws-table tbody tr:hover td,.kws-table tbody tr:hover td:first-child{background:#f6f7ff}
.kws-table tbody tr.selected td,.kws-table tbody tr.selected td:first-child{background:#eef1ff}
.kws-keyword{font-weight:770;font-size:12px;color:var(--ink-strong)}
.kws-keyword:hover{color:var(--blue-strong)}
.kws-table td small{color:var(--secondary)}
.kws-position.actual{color:var(--ink-strong)}
.kws-position.unknown,.kws-no-chart,.kws-muted{color:#8793a6}
.kws-spark{color:#596cdc}
.kws-delta.up{color:#158765}
.kws-delta.down{color:#c9535b}
.kws-signal{color:var(--ink-strong)}
.kws-foot{color:var(--secondary)}
.kws-foot button{border:1px solid var(--line);background:var(--paper);color:var(--blue-strong)}
.kws-detail{border-radius:12px}
.kws-detail-header h3,.kws-detail-rank strong{color:var(--ink-strong)}
.kws-chart{color:#5365d9}
.kws-compare-note{border-left-color:#a5aef2;background:var(--soft)}
.kws-history th{background:var(--soft)}
.kws-history td,.kws-history th{border-color:var(--line)}
.kws-disclaimer{border-color:var(--line);background:var(--soft)}
/* Keyword editor */
.km-box{padding:20px 22px;border-radius:12px}
.km-title b{color:var(--ink-strong);font-weight:800;font-size:14px}
.km-title p,.km-help{color:var(--secondary)}
.km-content{border-top-color:var(--line)}
.km-listbar input,.km-compose textarea,.km-auth-row input{border-color:var(--line);background:var(--paper);color:var(--ink)}
.km-segment{background:var(--soft);border-color:var(--line)}
.km-segment button.selected{background:var(--paper);color:var(--blue-strong)}
/* Research, app portfolio, and remaining legacy panels */
.ars-intro h2,.ap-heading h2{color:var(--ink-strong);font-weight:825;letter-spacing:-.55px}
.ars-intro p,.ap-heading p{font-size:12px;color:var(--secondary)}
.ars-panel{border-color:var(--line);border-radius:12px}
.ars-source-note{background:var(--soft);border:1px solid var(--line);border-radius:11px}
.ars-top10,.ars-demand-panel,.ars-top-apps,.ars-ideas{border-color:var(--line);border-radius:12px}
.ap-stat b{color:var(--ink-strong);font-weight:825}
.ap-stat-featured{background:var(--blue-bg);border-color:#d7ddf7}
.ap-stat span{font-size:11.5px;color:var(--ink)}
.ap-stat small{color:var(--secondary)}
.ap-tabs,.ars-tabs{background:var(--soft)}
.ap-tabs button.selected{color:var(--blue-strong)}
.kpi-card{min-height:134px}
.kpi-value{color:var(--ink-strong);font-weight:820}
.chart-panel{border-radius:12px}
.page-footer{color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding-top:16px}
/* Layout at medium widths */
@media(max-width:1370px){
 .app-shell{grid-template-columns:226px minmax(0,1fr)}
 .sidebar{padding:24px 12px 16px}
 .main-col{padding:26px 24px 40px}
 .topbar{padding:0 24px}
 .ctx-bar{padding:13px 24px}
 .ctx-fields{grid-template-columns:minmax(215px,1.8fr) repeat(4,minmax(98px,1fr));gap:9px}
}
@media(max-width:1180px){
 .ctx-fields{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(110px,1fr))}
 .ctx-app{grid-column:1/-1}
 .ctx-footer{padding-left:0}
 .main-col{padding:24px 20px 40px}
 .side-widget{padding:12px}
}
@media(max-width:900px){
 .app-shell{grid-template-columns:minmax(0,1fr)}
 .sidebar{display:none}
 .topbar{position:relative;top:auto;height:60px;padding:0 20px}
 .ctx-bar{position:relative;top:auto;padding:12px 20px 14px}
 .main-col{padding:21px 20px 96px}
 .top-help{display:none}
 .ctx-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
 .ctx-app{grid-column:1/-1}
 .ctx-footer{padding-left:0}
 .mobile-bottom{display:flex;background:rgba(255,255,255,.97);border-top:1px solid var(--line);
  box-shadow:0 -6px 24px #132d530d}
 .mobile-bottom>a.active,.mobile-bottom>button.active{color:#5364db}
}
@media(max-width:650px){
 .topbar{padding:0 16px;height:56px}
 .main-col{padding:17px 12px 96px}
 .ctx-bar{padding:10px 12px 13px;gap:9px}
 .ctx-path{font-size:9.8px;gap:4px}
 .ctx-status{font-size:9px;max-width:125px}
 .ctx-fields{gap:7px}
 .ctx-app{gap:8px}
 .ctx-avatar{width:40px;height:40px}
 .ctx-app-field select,.ctx-field select{height:41px;font-size:11px}
 .ctx-footer{font-size:9.5px;display:block}
 .ctx-footer>span{display:block;text-align:left!important;margin-top:3px}
 .page-heading h1,.ctx-scoped-head h2{font-size:23px}
 .ctx-scoped-head{align-items:flex-start}
 .ctx-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .ctx-kpis>div{min-height:105px;padding:13px}
 .ctx-kpis strong{font-size:24px}
 .ctx-data-panel{margin-bottom:12px}
 .ctx-data-panel>h3{padding:13px}
 .ctx-cat-row{padding:12px 13px}
 .dh-panel{padding:14px}
 .kws{padding:15px 12px}
 .kws-stats{gap:7px}
 .kws-stat{min-height:100px;padding:12px}
 .kws-stat b{font-size:22px}
 .kws-table-shell{max-height:550px}
 .km-box{padding:15px}
 .top-date{display:none}
 .sidebar-collapse{display:none}
}
@media(min-width:901px){
 body.nav-collapsed .app-shell{grid-template-columns:76px minmax(0,1fr)}
 body.nav-collapsed .sidebar{padding:26px 9px}
 body.nav-collapsed .brand{justify-content:center;padding:4px 0;margin-bottom:34px}
 body.nav-collapsed .brand>span:last-child,
 body.nav-collapsed .sidebar-bottom,.nav-collapsed .side-group-label,
 body.nav-collapsed .side-nav-caption,.nav-collapsed .nav-current,
 body.nav-collapsed .side-links a>span:not(.nav-icon){display:none}
 body.nav-collapsed .side-links a{justify-content:center;padding:0;width:52px;gap:0}
 body.nav-collapsed .sidebar-collapse{top:81px;right:23px;transform:rotate(180deg)}
 body.nav-collapsed .side-links{gap:5px}
 body.nav-collapsed .side-links a.active:before{display:none}
}
body.dark{
 --canvas:#101724;--paper:#172335;--ink:#e0e8f5;--ink-strong:#f5f7fd;--muted:#a1afc1;
 --secondary:#a8b5c7;--line:#2d3c52;--soft:#1d2c41;--blue-strong:#abb5ff;--blue-bg:#26345a;
 --ui-border-strong:#43536a;color:var(--ink)
}
body.dark .work-area,body.dark .app-shell{background:var(--canvas)}
body.dark .sidebar{background:#0b1527}
body.dark .topbar,body.dark .ctx-bar{background:var(--paper);border-color:var(--line)}
body.dark .top-date,body.dark .ctx-status{background:var(--soft);border-color:var(--line);color:#b8c9df}
body.dark .top-help,body.dark .kws-button.secondary,body.dark .action-button.ghost{
 background:var(--paper);border-color:var(--line);color:var(--ink)}
body.dark .side-links a.active{background:#25365c;color:#fff}
body.dark .ctx-app-field select,body.dark .ctx-field select,
body.dark .kws-selects select,body.dark .kws-search,body.dark .kws-pills,
body.dark .kws-table th,body.dark .kws-table th:first-child,
body.dark .kws-table td:first-child,body.dark .kws-history th,body.dark .kws-detail,
body.dark .kws-stat,body.dark .km-box{background:var(--paper);color:var(--ink)}
body.dark .kws-table tbody tr:hover td,body.dark .kws-table tbody tr:hover td:first-child{background:#26364b}
body.dark .kws-table tbody tr.selected td,body.dark .kws-table tbody tr.selected td:first-child{background:#2b3b5d}
body.dark .kws-source,body.dark .kws-disclaimer,body.dark .kws-compare-note{background:var(--soft)}
body.dark .kws-position.actual,body.dark .kws-keyword,body.dark .ctx-scoped-head h2,
body.dark .ctx-data-panel>h3,body.dark .ctx-kpis strong,body.dark .kws-heading h2,
body.dark .kws-stat b,body.dark .kws-detail-header h3,body.dark .ars-intro h2,
body.dark .ap-heading h2,body.dark .ap-stat b{color:var(--ink-strong)}
body.dark .ctx-cat-button{background:var(--paper);color:var(--ink);border-color:var(--line)}
body.dark .ctx-cat-button.active{background:var(--blue-bg);color:var(--blue-strong)}
body.dark .dh-card{background:var(--soft)}
body.dark .ctx-table-wrap th{background:var(--soft)}
body.dark .mobile-bottom{background:#172335}
@media(prefers-reduced-motion:reduce){.side-links a,.kws-button,.action-button{transition:none!important}}


/* Global instant-search entry point in the persistent toolbar. */
.global-search{min-height:35px;min-width:160px;display:flex;justify-content:space-between;
 align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);
 border-radius:9px;background:var(--soft);color:var(--secondary);font-size:11.5px;
 font-weight:700;white-space:nowrap;cursor:pointer}
.global-search:hover{background:var(--blue-bg);color:var(--blue-strong);border-color:#c6cef6}
.global-search kbd{font:700 10px/1.35 inherit;color:#8592a8;background:var(--paper);
 border:1px solid var(--line);border-radius:5px;padding:3px 5px}
@media(max-width:1100px){.global-search{min-width:36px;padding:8px;justify-content:center}
 .global-search>span,.global-search kbd{display:none}}
@media(max-width:650px){.global-search{height:34px;min-width:34px}}
body.dark .global-search{background:var(--soft);color:var(--ink);border-color:var(--line)}
body.dark .global-search kbd{background:var(--paper);color:var(--secondary)}