/* Approved desktop visual system. Deliberately scoped to desktop app pages.
   No styles in this file apply at 760px or below, or to printed documents. */
@media screen and (min-width: 761px) {
  .app-shell {
    --bg: #f4f7ff;
    --surface: #fff;
    --surface-2: #f7f9ff;
    --ink: #172747;
    --muted: #526582;
    --line: #dce5f5;
    --green: #315fe9;
    --mint: #e9efff;
    --info: #315fe9;
    --info-soft: #e9efff;
    --shadow-xs: 0 2px 6px #263b7109, 0 10px 24px #263b7108;
    --shadow-sm: 0 12px 30px #263b7118;
    --shadow-md: 0 22px 60px #263b712a;
    color: var(--ink);
    background: radial-gradient(circle at 88% 0, #e9edff 0, transparent 390px), #f4f7ff;
    font-weight: 650;
  }

  .app-shell > header {
    width: 238px;
    padding: 22px 14px 16px;
    gap: 13px;
    background: linear-gradient(180deg, #fff 0%, #f8faff 100%);
    border-right: 1px solid #dce5f5;
    box-shadow: 8px 0 28px #234a9a0a;
  }
  .app-shell.theme-navy > header {
    background: linear-gradient(180deg, #fff 0%, #f8faff 100%);
    border-right: 1px solid #dce5f5;
    color: #172747;
  }
  .app-shell > main {
    margin-left: 238px;
    padding: 30px clamp(24px, 2.5vw, 46px) 56px;
    max-width: none;
  }
  .app-shell.theme-navy > main { padding: 30px clamp(24px, 2.5vw, 46px) 56px; }
  .app-shell > main > .page,
  .app-shell > main > .pk-page { max-width: 1560px; }

  .sidebar-product { padding: 0 8px 5px; gap: 10px; }
  .sidebar-product .app-logo { width: 42px; height: 42px; border-radius: 13px; }
  .sidebar-product strong { font-size: 15px; letter-spacing: -.035em; color: #16264a; }
  .sidebar-product small { font-size: 10px; letter-spacing: .07em; color: #667998; }
  .brand {
    padding: 12px;
    border-radius: 15px;
    border: 1px solid #dbe4f5;
    background: #fff;
    box-shadow: 0 5px 16px #233b750d;
  }
  .brand b { font-size: 13px; font-weight: 800; color: #1b2c50; }
  .brand small { font-size: 11px; font-weight: 650; color: #5c6e89; }
  .desktop-nav { gap: 2px; padding-right: 3px; }
  .desktop-nav .nav-section {
    padding: 15px 12px 7px;
    color: #687a99;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .11em;
  }
  .desktop-nav a {
    min-height: 40px;
    padding: 6px 9px;
    gap: 10px;
    border-radius: 11px;
    color: #34496d;
    font-size: 12.5px;
    font-weight: 800;
  }
  .desktop-nav a:hover { background: #eef3ff; color: #244ed3; transform: translateX(2px); }
  .desktop-nav a.active {
    color: #1b48ca;
    background: linear-gradient(100deg, #dce8ff, #ecebff);
    box-shadow: inset 0 0 0 1px #d0dcff, 0 5px 14px #4767d316;
  }
  .desktop-nav a.active::before { display: none; }
  .app-shell.theme-navy .desktop-nav a {
    padding: 6px 9px;
    color: #34496d;
    font-size: 12.5px;
    border-radius: 11px;
  }
  .app-shell.theme-navy .desktop-nav a:hover { background: #eef3ff; color: #244ed3; }
  .app-shell.theme-navy .desktop-nav a.active {
    color: #1b48ca;
    background: linear-gradient(100deg, #dce8ff, #ecebff);
    box-shadow: inset 0 0 0 1px #d0dcff, 0 5px 14px #4767d316;
  }
  .desktop-nav .nav-label { font-weight: 800; }
  .desktop-nav .nav-icon-wrap {
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: linear-gradient(135deg, #e0ebff, #f0e8ff);
    box-shadow: inset 0 0 0 1px #ffffffb8;
  }
  .desktop-nav a:nth-of-type(3n+2) .nav-icon-wrap { background: linear-gradient(135deg, #ddf7f1, #e5efff); }
  .desktop-nav a:nth-of-type(3n) .nav-icon-wrap { background: linear-gradient(135deg, #fff0d8, #ffe8ed); }
  .desktop-nav a.active .nav-icon-wrap { background: #fff; box-shadow: 0 2px 8px #4867d82b; }
  .desktop-nav .nav-icon { display: none; }
  .desktop-nav .nav-icon-wrap::before { content: '✨'; font-family: 'Segoe UI Emoji','Apple Color Emoji',sans-serif; font-size: 17px; line-height: 1; }
  .desktop-nav .nav-home .nav-icon-wrap::before { content: '🏠'; }
  .desktop-nav .nav-attendance .nav-icon-wrap::before,
  .desktop-nav .nav-absen .nav-icon-wrap::before { content: '🕘'; }
  .desktop-nav .nav-quotation .nav-icon-wrap::before { content: '📋'; }
  .desktop-nav .nav-customers .nav-icon-wrap::before { content: '👥'; }
  .desktop-nav .nav-products .nav-icon-wrap::before { content: '📦'; }
  .desktop-nav .nav-stock-mut .nav-icon-wrap::before,
  .desktop-nav .nav-stock-review .nav-icon-wrap::before { content: '🗂️'; }
  .desktop-nav .nav-prospects .nav-icon-wrap::before { content: '🎯'; }
  .desktop-nav .nav-visits .nav-icon-wrap::before { content: '📍'; }
  .desktop-nav .nav-fin-tx .nav-icon-wrap::before { content: '💳'; }
  .desktop-nav .nav-fin-acc .nav-icon-wrap::before { content: '🏦'; }
  .desktop-nav .nav-fin-rep .nav-icon-wrap::before,
  .desktop-nav .nav-report .nav-icon-wrap::before,
  .desktop-nav .nav-sales-report .nav-icon-wrap::before { content: '📊'; }
  .desktop-nav .nav-fin-open .nav-icon-wrap::before { content: '💼'; }
  .desktop-nav .nav-tax-tx .nav-icon-wrap::before,
  .desktop-nav .nav-tax .nav-icon-wrap::before,
  .desktop-nav .nav-tax-rep .nav-icon-wrap::before { content: '🧮'; }
  .desktop-nav .nav-field .nav-icon-wrap::before { content: '🦺'; }
  .desktop-nav .nav-expense .nav-icon-wrap::before { content: '💸'; }
  .desktop-nav .nav-tech-service .nav-icon-wrap::before,
  .desktop-nav .nav-kasir-service .nav-icon-wrap::before { content: '🔧'; }
  .desktop-nav .nav-kasir-sales .nav-icon-wrap::before { content: '🛒'; }
  .desktop-nav .nav-more .nav-icon-wrap::before { content: '🧩'; }
  .desktop-nav a[href='/jobs'] .nav-icon-wrap::before { content: '📌'; }
  .desktop-nav a[href='/kalender'] .nav-icon-wrap::before { content: '🗓️'; }
  .desktop-nav a[href='/wifi-analyzer'] .nav-icon-wrap::before { content: '📶'; }
  .desktop-nav a[href='/topologi'] .nav-icon-wrap::before { content: '🕸️'; }
  .desktop-nav a[href='/catatan'] .nav-icon-wrap::before { content: '📝'; }
  .desktop-nav a[href='/tim'] .nav-icon-wrap::before { content: '👨‍👩‍👧‍👦'; }
  .user { padding-top: 13px; border-top: 1px solid #e2e9f7; }
  .user .icon-btn { border: 1px solid #d9e3f5; background: #fff; color: #315ad4; }
  .app-shell.theme-navy .user { border-top-color: #e2e9f7; }
  .app-shell.theme-navy .user .icon-btn { background: #fff; border: 1px solid #d9e3f5; color: #315ad4; }
  .app-shell.theme-navy .sidebar-product strong, .app-shell.theme-navy .brand b { color: #16264a; }
  .app-shell.theme-navy .sidebar-product small, .app-shell.theme-navy .brand small,
  .app-shell.theme-navy .nav-section { color: #687a99; }
  .app-shell.theme-navy .brand { background: #fff; border-color: #dbe4f5; }

  .page h1, .pk-h1, .pbar h1, .rh-hello h1, .jl-title h1 {
    color: #142443;
    font-family: Manrope, sans-serif;
    font-size: clamp(25px, 2.3vw, 31px);
    font-weight: 850;
    letter-spacing: -.045em;
    line-height: 1.2;
  }
  .pk-head .pk-h1 { font-size: 27px !important; }
  .page h2, .pk-page h2, .rh-sec h2, .panel h2, .kb-cap, .pw-secrow b { color: #1a2d50; font-weight: 800; }
  .page p, .pk-sub, .rh-hello p, .qt-muted, .pk-id { color: #4f6382; font-weight: 650; }
  .pk-sub { font-size: 13px; }
  .pk-flbl, .field, label, dt { color: #405579; font-weight: 750; }

  .panel, .pk-card, .rh-tile, .rh-mini, .rh-strip, .qd-card, .qd-head,
  .qr, .stat-tile, .job-card, .unit-card {
    border: 1px solid #dce5f5;
    box-shadow: 0 3px 9px #253f7609, 0 10px 26px #253f7608;
  }
  .panel, .pk-card { border-radius: 18px; }
  .panel { padding: 22px 24px; }
  .pk-card { padding: 21px 24px; }
  .pk-head {
    background: linear-gradient(110deg, #fff 46%, #eff3ff 100%);
    border-color: #d5e0f6;
  }
  .pk-tile { background: linear-gradient(135deg, #e0eaff, #ece6ff); }
  .hero-card, .fin-balance {
    background: linear-gradient(120deg, #174bc9 0%, #3b62e8 58%, #6557df 100%);
    box-shadow: 0 16px 34px #375ed72b;
  }
  .rh-hello, .page-head, .pbar { margin-bottom: 20px; }
  .rh-hello p { font-size: 14px; }
  .rh-sec { margin: 19px 0 11px; }
  .rh-sec h2 { font-size: 17px; }

  /* Existing functional controls receive one visually distinct filter zone. */
  .kb-filter, .pk-filter, .qt-toolbar, .pw-toolbar, .jl-filters {
    padding: 17px 19px;
    border: 1px solid #cfdcf5;
    border-radius: 16px;
    background: linear-gradient(110deg, #f2f6ff, #f8fbff);
    box-shadow: 0 7px 20px #2d64c60b;
  }
  .kb-filter, .pk-filter { margin: 0; }
  .qt-toolbar { gap: 12px; margin: 8px 0 18px; }
  .pk-card:has(> .kb-filter), .pk-card:has(> .pk-filter) { padding: 9px; }
  .pk-filter .pk-flbl, .kb-filter .pk-flbl {
    display: block;
    margin-bottom: 6px;
    color: #3b5277;
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: .08em;
  }
  .rh-month, .search, .pk-search, .qt-search, .pk-select,
  .kb-date, .field input, .field select, .field textarea {
    border: 1px solid #cad7ee !important;
    background: #fff !important;
    color: #1e3457;
    box-shadow: 0 2px 7px #234b9d0a;
  }
  .rh-month, .search, .pk-search, .qt-search { min-height: 40px; border-radius: 11px; }
  .rh-month select, .search input, .pk-search input, .qt-search input,
  input, select, textarea { color: #203557; font-weight: 700; }
  input::placeholder, textarea::placeholder { color: #7585a0; opacity: 1; }
  input:focus-visible, select:focus-visible, textarea:focus-visible,
  .search:focus-within, .pk-search:focus-within, .qt-search:focus-within {
    border-color: #6a83ef !important;
    box-shadow: 0 0 0 4px #dfe7ff !important;
  }

  .rh-tile, .pk-kpi > div, .qh-kpi > button, .stats article,
  .stats-compact article, .stat-tile, .pw-an > div, .fin-sum2 > div {
    position: relative;
    overflow: hidden;
    min-height: 95px;
    border-radius: 17px;
    border: 1px solid #dce5f5;
    box-shadow: 0 5px 17px #263d780d;
  }
  .rh-grid2 > :nth-child(3n+1), .rh-grid3 > :nth-child(3n+1),
  .pk-kpi > :nth-child(3n+1), .qh-kpi > :nth-child(3n+1),
  .stats > :nth-child(3n+1), .pw-an > :nth-child(3n+1) { background: linear-gradient(120deg, #edf4ff, #e9edff); }
  .rh-grid2 > :nth-child(3n+2), .rh-grid3 > :nth-child(3n+2),
  .pk-kpi > :nth-child(3n+2), .qh-kpi > :nth-child(3n+2),
  .stats > :nth-child(3n+2), .pw-an > :nth-child(3n+2) { background: linear-gradient(120deg, #effcf7, #eaf8f5); }
  .rh-grid2 > :nth-child(3n), .rh-grid3 > :nth-child(3n),
  .pk-kpi > :nth-child(3n), .qh-kpi > :nth-child(3n),
  .stats > :nth-child(3n), .pw-an > :nth-child(3n) { background: linear-gradient(120deg, #fff8ed, #fff0ef); }
  .qh-kpi > button.blue { background: linear-gradient(120deg, #234ecf, #6259df); color: #fff; border-color: #3457dc; }
  .qh-kpi > button.blue small, .qh-kpi > button.blue em { color: #e0e8ff; }
  .qh-kpi > button.amber { background: linear-gradient(120deg, #fff8e9, #fff0df); border-color: #f3dfb8; }
  .qh-kpi > button.green { background: linear-gradient(120deg, #edfff7, #e5f9f2); border-color: #c7ead9; }
  .qh-kpi > button.red { background: linear-gradient(120deg, #fff3f5, #ffeaf0); border-color: #f4d3de; }
  .rh-tile { padding: 18px; }
  .rh-tile-val, .pk-kpi b, .qh-kpi b { font-weight: 850; letter-spacing: -.045em; }
  .rh-tile-lbl, .rh-mini span, .stats span, .pk-kpi small,
  .qh-kpi small, .qh-kpi em, .fin-sum2 small { color: #405677; font-weight: 750; }
  .rh-tile-ico, .rh-mini-ico, .job-icon, .qr-ico,
  .fin-tx-ico, .rh-act > span, .stat-icon {
    border-radius: 13px;
    background: linear-gradient(135deg, #dce9ff, #ebe6ff);
    color: #315fe9;
    box-shadow: inset 0 0 0 1px #ffffffa8;
  }
  .rh-grid2 > :nth-child(3n+2) .rh-tile-ico,
  .rh-grid3 > :nth-child(3n+2) .rh-tile-ico { background: #d7f7e8; color: #0b9769; }
  .rh-grid2 > :nth-child(3n) .rh-tile-ico,
  .rh-grid3 > :nth-child(3n) .rh-tile-ico { background: #ffead4; color: #d27821; }

  .primary, .pk-btn.blue, .pbar-add, .qd-btn.solid {
    background: linear-gradient(110deg, #2c62f4, #5d5be9);
    border-color: #3b5fe9;
    color: #fff;
    font-weight: 800;
    box-shadow: 0 8px 18px #3d58ec38;
  }
  .secondary, .pk-btn:not(.blue), .qd-btn:not(.solid), .pbar-back {
    background: #fff;
    border-color: #d3def1;
    color: #2c4972;
    font-weight: 800;
  }
  .rh-act { font-size: 12.5px; font-weight: 800; }
  .rh-act > span { width: 44px; height: 44px; }
  .rh-strip b, .qr-main b, .job-main b, .pk-name { color: #203354; font-weight: 800; }
  .rh-strip small, .qr-main small, .job-main small, .job-main span { color: #546987; font-weight: 650; }
  .qr { min-height: 67px; padding: 13px 15px; }
  .qr:hover, .job-card:hover, .pk-table tbody tr:hover { background: #f7f9ff; border-color: #c4d3f1; }

  .pk-table th, .rp-table th, .kb-table th {
    background: #f0f5ff;
    color: #455b7e;
    font-size: 10.5px;
    font-weight: 850;
  }
  .pk-table td, .rp-table td, .kb-table td { color: #2b3f60; font-weight: 650; }
  .pk-id { font-size: 11px; }
  .pk-pill, .qt-chip, .badge-approved, .badge-submitted { font-weight: 800; }
  .qd-head, .qd-card, .sheet-card, .pw-modal, .face-card { border-radius: 18px; }
  .qd-kv dt, .qd-head-main span { color: #536785; font-weight: 700; }
  .qd-sum-l { background: #f3f6ff; }
  .qd-sum-r { background: #e7efff; }
  .qd-sum-r b { color: #2753d1; }

  /* Retain dark-mode legibility while keeping its existing theme behavior. */
  html:is([data-theme='dark'],[data-theme='night']) .app-shell {
    --bg: #121a2b; --surface: #1a2740; --surface-2: #223150;
    --ink: #eef3ff; --muted: #b9c8e1; --line: #354665;
    background: #121a2b;
  }
  html:is([data-theme='dark'],[data-theme='night']) .app-shell > header {
    background: #17243b; border-right-color: #354665;
  }
  html:is([data-theme='dark'],[data-theme='night']) .app-shell :is(.brand,.panel,.pk-card,.qr,.qd-card,.qd-head,.rh-tile,.rh-mini,.rh-strip,.job-card,.unit-card) {
    background-color: var(--surface); border-color: var(--line);
  }
  html:is([data-theme='dark'],[data-theme='night']) .app-shell :is(.page h1,.pk-h1,.pbar h1,.rh-hello h1,.jl-title h1,.page h2,.pk-page h2,.rh-sec h2,.panel h2,.brand b,.sidebar-product strong,.rh-strip b,.qr-main b,.job-main b,.pk-name) { color: var(--ink); }
  html:is([data-theme='dark'],[data-theme='night']) .app-shell :is(.page p,.pk-sub,.rh-hello p,.pk-id,.brand small,.desktop-nav a,.desktop-nav .nav-section) { color: var(--muted); }
  html:is([data-theme='dark'],[data-theme='night']) .app-shell :is(.kb-filter,.pk-filter,.qt-toolbar,.pw-toolbar,.jl-filters) {
    background: #202e4b; border-color: #3a4b71;
  }
  html:is([data-theme='dark'],[data-theme='night']) .app-shell :is(.rh-month,.search,.pk-search,.qt-search,.pk-select,.kb-date,.field input,.field select,.field textarea) {
    background: #1b2943 !important; border-color: #405276 !important; color: var(--ink);
  }
  html:is([data-theme='dark'],[data-theme='night']) .app-shell :is(input,select,textarea,.pk-table td,.rp-table td,.kb-table td) { color: var(--ink); }
  html:is([data-theme='dark'],[data-theme='night']) .app-shell :is(.pk-table th,.rp-table th,.kb-table th) { background: #263858; color: #d3def1; }
}

@media screen and (min-width: 761px) and (max-width: 1040px) {
  .app-shell > header { width: 218px; padding-left: 11px; padding-right: 11px; }
  .app-shell > main, .app-shell.theme-navy > main { margin-left: 218px; padding-left: 21px; padding-right: 21px; }
  .sidebar-product small { display: none; }
}

@media screen and (min-width: 761px) {

  .app-shell .hero-card h1 { color: #fff; text-shadow: 0 2px 12px #132d8666; }

  .app-shell .hero-card p { color: #edf3ff; }

  .app-shell .hero-card .eyebrow { color: #dce9ff; }

}

@media screen and (min-width: 761px) {

  .app-shell .hero-card .eyebrow { color: #dce9ff !important; }

}

/* Consistent desktop shell: restrained sidebar, workspace bar and native vector icons. */
@media screen and (min-width:761px) {
 .app-shell { background:#f7f9fd; color:#172544; }
 .app-shell > header, .app-shell.theme-navy > header { width:208px; padding:16px 11px 14px; gap:8px; background:#fff; border-right:1px solid #e3eaf5; box-shadow:none; }
 .sidebar-product { padding:0 7px 11px; }
 .sidebar-product .app-logo { width:37px; height:37px; border-radius:11px; }
 .sidebar-product strong { font-size:13px; font-weight:850; }
 .sidebar-product small { display:block; font-size:9px; letter-spacing:.04em; }
 .brand { padding:10px; box-shadow:none; border-radius:12px; }
 .desktop-nav { gap:1px; }
 .desktop-nav .nav-section { padding:12px 9px 4px; font-size:9px; }
 .desktop-nav a, .app-shell.theme-navy .desktop-nav a { min-height:36px; padding:4px 7px; gap:8px; border-radius:9px; font-size:11.5px; font-weight:750; color:#3d5272; }
 .desktop-nav a.active, .app-shell.theme-navy .desktop-nav a.active { background:#eaf0ff; color:#2855cf; box-shadow:none; }
 .desktop-nav .nav-icon-wrap { width:26px; height:26px; flex-basis:26px; border-radius:8px; }
 .desktop-nav .nav-icon-wrap::before { display:none!important; content:none!important; }
 .desktop-nav .nav-icon { display:flex!important; align-items:center; justify-content:center; }
 .desktop-nav .nav-icon svg, .app-shell.theme-navy .desktop-nav a svg { width:16px; height:16px; stroke-width:2.2; }
 .desktop-nav a:nth-of-type(4n+1) .nav-icon-wrap { background:#e9efff; color:#315fe9; }
 .desktop-nav a:nth-of-type(4n+2) .nav-icon-wrap { background:#e3f8f1; color:#12876b; }
 .desktop-nav a:nth-of-type(4n+3) .nav-icon-wrap { background:#fff0df; color:#bf6a22; }
 .desktop-nav a:nth-of-type(4n) .nav-icon-wrap { background:#f1e9ff; color:#8253c5; }
 .desktop-nav a.active .nav-icon-wrap { background:#d9e5ff; color:#2855cf; box-shadow:none; }
 .desktop-workspace-bar { display:flex!important; align-items:center; justify-content:space-between; gap:18px; height:64px; margin-left:208px; padding:0 clamp(24px,2.5vw,42px); background:#fff; border-bottom:1px solid #e1e8f3; }
 .desktop-breadcrumb { display:flex; align-items:center; gap:9px; min-width:0; color:#71819b; font-size:12px; font-weight:700; }
 .desktop-breadcrumb strong { color:#1c2d4c; font-weight:850; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
 .desktop-crumb-separator { color:#a8b5c9; font-size:18px; font-weight:400; }
 .desktop-workspace-actions { display:flex; align-items:center; gap:16px; }
 .desktop-menu-search { position:relative; width:min(250px,23vw); }
 .desktop-menu-search input { width:100%; height:35px; padding:0 35px 0 13px; border-radius:10px; border:1px solid #dce5f3; outline:none; background:#f8faff; color:#23385c; font-size:11.5px; font-weight:650; }
 .desktop-menu-search input:focus { border-color:#7d9cf5; box-shadow:0 0 0 3px #3867ec17; }
 .desktop-menu-search > span { position:absolute; right:12px; top:3px; color:#6b82ad; font-size:24px; }
 .desktop-menu-results { position:absolute; z-index:30; top:40px; right:0; width:290px; padding:5px; border:1px solid #dce5f3; border-radius:12px; background:#fff; box-shadow:0 14px 35px #223c6826; }
 .desktop-menu-results a { display:flex; justify-content:space-between; gap:10px; padding:10px; border-radius:8px; color:#20385f; text-decoration:none; font-size:12px; font-weight:750; }
 .desktop-menu-results a:hover { background:#edf3ff; }
 .desktop-menu-results small { color:#7586a0; font-size:9px; }
 .desktop-menu-results p { padding:8px; color:#657898; font-size:11px; }
 .desktop-workspace-avatar { display:flex; width:34px; height:34px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 2px #e3ebff; }
 .app-shell > main, .app-shell.theme-navy > main { margin-left:208px; padding:27px clamp(24px,2.5vw,42px) 50px; max-width:none; }
 .app-shell.no-sidebar > main { margin-left:0; }
 .app-shell > main > .page, .app-shell > main > .pk-page { max-width:1500px; }
 .page h1, .pk-h1, .pbar h1, .rh-hello h1, .jl-title h1 { font-size:clamp(23px,2vw,29px); font-weight:850; color:#172544; }
 .page p, .pk-sub, .rh-hello p, .qt-muted { color:#536683; font-weight:650; }
 .rh-hello, .page-head, .pbar, .pk-head { margin-bottom:17px; }
 .panel, .pk-card, .rh-tile, .rh-mini, .rh-strip, .qd-card, .qd-head, .qr, .stat-tile, .job-card, .unit-card { border-radius:14px; border-color:#e2e9f3; box-shadow:0 3px 12px #203d670b; }
 .panel, .pk-card { padding:19px 21px; }
 .kb-filter, .pk-filter, .qt-toolbar, .pw-toolbar, .jl-filters, .fo-toolbar { background:#fff; border:1px solid #e2e9f3; border-radius:13px; box-shadow:0 3px 12px #203d6708; }
 .fo-toolbar { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:10px 13px; margin-bottom:16px; }
 .fo-toolbar .rh-chips { margin:0; }
 .fo-search { display:flex; align-items:center; gap:9px; color:#4f6281; font-size:11px; font-weight:800; }
 .fo-search input { height:35px; min-width:220px; padding:0 12px; border:1px solid #dce5f3; border-radius:9px; background:#f8faff; color:#203457; font-weight:650; }
 .fo-search input:focus { outline:2px solid #c5d5ff; }
 .stats article, .pk-kpi > *, .qh-kpi > *, .fin-sum2 > *, .pw-an > * { border-radius:14px; }
 .app-shell :is(.primary,.pk-btn.blue,.pbar-add,.qd-btn.solid) { font-weight:800; }
 .app-shell :is(.rh-tile-val,.pk-kpi b,.qh-kpi b,.stats strong,.fin-sum2 b) { font-weight:850; }
 html:is([data-theme='dark'],[data-theme='night']) .desktop-workspace-bar { background:#17243b; border-color:#354665; }
 html:is([data-theme='dark'],[data-theme='night']) .desktop-breadcrumb strong { color:#eef3ff; }
}
@media screen and (min-width:761px) and (max-width:1040px) {
 .app-shell > header, .app-shell.theme-navy > header { width:190px; }
 .desktop-workspace-bar, .app-shell > main, .app-shell.theme-navy > main { margin-left:190px; }
}
@media screen and (min-width:761px) {
 .desktop-menu-search .sr-only { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; }
 .app-shell .fo-search { display:flex!important; }
 .app-shell .sum-card { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0; border:0; background:transparent; box-shadow:none; }
 .app-shell .sum-main, .app-shell .sum-rest > div { padding:16px 18px; min-height:93px; border:1px solid #e2e9f3; border-radius:14px; background:#fff; box-shadow:0 3px 12px #203d670b; }
 .app-shell .sum-main { background:#ecf2ff; border-color:#d6e2fb; }
 .app-shell .sum-rest { display:contents; }
 .app-shell .sum-main small, .app-shell .sum-rest small { color:#536683; font-weight:750; }
 .app-shell .sum-main b, .app-shell .sum-rest b { color:#1d3154; font-weight:850; }
 .app-shell .sum-rest .bad { background:#fff4f4; border-color:#f2dcdf; }
 .app-shell .sum-rest .bad b { color:#bb3642; }
}
@media screen and (min-width:761px) and (max-width:900px) {
 .desktop-menu-search { display:none; }
 .app-shell .fo-toolbar { flex-wrap:wrap; }
 .app-shell .sum-card { grid-template-columns:1fr; }
}