/* KIO CRM design system (20 Oct 2026, redesign phase 0). KIO brand theme: purple, black and white (Hamza, 20 Oct 2026; the green reference was dropped).
   Tokens for new screens + light global polish on the existing inline-styled screens. */
:root{
  --k-bg:#f4f2f7; --k-surface:#ffffff; --k-surface-2:#f5f3f8; --k-line:#e7e4ec;
  --k-ink:#111014; --k-soft:#5a5665; --k-muted:#8b8796;
  --k-primary:var(--p-9333ea,#9333ea); --k-primary-600:var(--p-7c3aed,#7c3aed); --k-primary-800:#0b0b0d; --k-primary-soft:var(--p-f3e8ff,#f3e8ff);
  --k-danger:#c0392b; --k-warn:#b45309; --k-ok:var(--p-6b21a8,#6b21a8);
  --k-r-sm:10px; --k-r:14px; --k-r-lg:20px;
  --k-shadow:0 1px 2px rgba(17,16,20,.05),0 6px 20px rgba(17,16,20,.06);
  --k-shadow-lg:0 2px 6px rgba(17,16,20,.06),0 18px 44px rgba(17,16,20,.12);
}
body{background:var(--k-bg)}
/* cards: the existing white panels get the reference's soft shadow */
.kio-main [style*="background:#fff;border-radius:22px"],.kio-main [style*="background:#fff;border-radius:20px"],.kio-main [style*="background:#fff;border-radius:18px"],.kio-main [style*="background:#fff;border-radius:16px"]{box-shadow:var(--k-shadow)}
.kio-side{box-shadow:1px 0 0 var(--k-line)}
/* controls */
.kio-shell button,.kio-shell a{transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s}
.kio-shell button:not(:disabled):active{transform:translateY(1px)}
.kio-shell input:focus,.kio-shell select:focus,.kio-shell textarea:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--p-9333ea,#9333ea) 22%,transparent)!important;border-color:var(--k-primary)!important}
:focus-visible{outline:2px solid var(--k-primary);outline-offset:2px}
::selection{background:color-mix(in srgb,var(--p-9333ea,#9333ea) 25%,transparent)}
*{scrollbar-width:thin;scrollbar-color:#d4cde0 transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d4cde0;border-radius:10px;border:3px solid transparent;background-clip:content-box}
/* new components for the rebuilt screens */
.k-card{background:var(--k-surface);border-radius:var(--k-r-lg);box-shadow:var(--k-shadow);padding:18px 20px}
.k-stat{display:flex;flex-direction:column;gap:4px}.k-stat b{font-size:28px;letter-spacing:-.02em;color:var(--k-ink)}.k-stat span{font-size:12.5px;color:var(--k-muted)}
.k-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--k-primary-soft);color:var(--k-primary-800)}
.k-pill.dark{background:var(--k-primary-800);color:#fff}.k-pill.warn{background:#fdf1e1;color:var(--k-warn)}.k-pill.bad{background:#fde7e3;color:var(--k-danger)}
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:12px;border:1px solid var(--k-line);background:#fff;color:var(--k-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.k-btn:hover{border-color:var(--k-primary)}.k-btn.primary{background:var(--k-primary);border-color:var(--k-primary);color:#fff}.k-btn.primary:hover{background:var(--k-primary-600)}
.k-help{display:flex;gap:10px;align-items:flex-start;background:var(--k-primary-soft);color:var(--k-primary-800);border-radius:var(--k-r);padding:10px 14px;font-size:12.5px;line-height:1.5}
/* Dashboard: Today at a glance (20 Oct 2026) */
.k-today{background:#fff;border-radius:22px;padding:18px 20px 20px;box-shadow:var(--k-shadow);display:flex;flex-direction:column;gap:14px}
.k-today-head h2{margin:0;font-size:17px;font-weight:600;color:var(--k-ink)}.k-today-head p{margin:2px 0 0;font-size:12.5px;color:var(--k-muted)}
.k-today-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
@media (max-width:640px){.k-today-grid{grid-template-columns:1fr 1fr;gap:10px}.k-tile{padding:13px}.k-tile b{font-size:26px}.k-tile-sub{display:none}.k-today{padding:16px}}
.k-tile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:var(--k-surface-2);border:1px solid var(--k-line);text-align:start;transition:transform .15s,box-shadow .15s,border-color .15s}
.k-tile:hover{box-shadow:var(--k-shadow);border-color:#d8c9f5}
.k-tile:focus-visible{outline:2px solid var(--k-primary);outline-offset:2px}
.k-tile-ic{width:36px;height:36px;border-radius:11px;background:#fff;color:var(--k-primary-600);display:grid;place-items:center;font-size:17px;margin-bottom:6px}
.k-tile b{font-size:30px;line-height:1;font-weight:600;letter-spacing:-.02em;color:var(--k-ink)}
.k-tile-label{font-size:13.5px;font-weight:600;color:var(--k-ink)}
.k-tile-sub{font-size:12px;line-height:1.45;color:var(--k-muted)}
.k-tile-foot{margin-top:auto;padding-top:8px;font-size:12px;font-weight:600;color:var(--k-soft)}
.k-go{color:var(--k-primary-600)}.k-go::after{content:" \2192"}[dir=rtl] .k-go::after{content:" \2190"}
.k-tile-hero{background:#17131f;border-color:#0b0b0d}
.k-tile-hero b,.k-tile-hero .k-tile-label{color:#fff}.k-tile-hero .k-tile-sub,.k-tile-hero .k-tile-foot{color:#c9b8e8}.k-tile-hero .k-tile-ic{background:color-mix(in srgb,var(--p-9333ea,#9333ea) 25%,transparent);color:var(--p-e9d5ff,#e9d5ff)}
/* Inbox (20 Oct 2026): panes fill the screen; friendly empty state */
@media (min-width:761px){.k-inbox{height:calc(100vh - 200px);min-height:520px!important;flex-wrap:nowrap!important}.k-inbox>div{max-height:100%}.k-inbox-list{max-height:none!important;flex:1}}
.k-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 24px;text-align:center;color:var(--k-muted);font-size:12.5px;line-height:1.5}
.k-empty b{font-size:15px;color:var(--k-ink)}.k-empty-ic{width:56px;height:56px;border-radius:18px;background:var(--k-primary-soft);color:var(--k-primary-600);display:grid;place-items:center;font-size:24px;margin-bottom:6px}
/* Agents: human agents tab (20 Oct 2026) */
.k-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.k-person{background:#fff;border-radius:20px;box-shadow:var(--k-shadow);padding:16px;display:flex;flex-direction:column;gap:12px}
.k-person-top{display:flex;align-items:center;gap:10px}.k-av{width:40px;height:40px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600;flex-shrink:0;background-size:cover}
.k-person-id{flex:1;min-width:0;display:flex;flex-direction:column}.k-person-id b{font-size:14px;color:var(--k-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k-person-id span{font-size:12px;color:var(--k-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.k-person-role{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.k-person-state{font-size:12px;color:var(--k-soft)}
.k-person-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--k-surface-2);border-radius:14px;padding:10px}
.k-person-stats div{display:flex;flex-direction:column;gap:2px}.k-person-stats b{font-size:18px;color:var(--k-ink)}.k-person-stats span{font-size:11px;color:var(--k-muted)}
.k-person-actions{display:flex;gap:6px;flex-wrap:wrap}.k-person-actions .k-btn{height:32px;padding:0 10px;font-size:12px}
.k-btn-danger{color:var(--k-danger)}.k-btn-danger:hover{border-color:var(--k-danger)}
.k-muted{font-size:12px;color:var(--k-muted)}
/* Team & roles (20 Oct 2026): readable role summary */
.k-role-sum{display:flex;flex-direction:column;gap:10px;background:var(--k-surface-2);border-radius:14px;padding:12px}
.k-role-line{display:flex;flex-direction:column;gap:6px}.k-role-line>b{font-size:11px;font-weight:600;color:var(--k-soft)}
.k-chips{display:flex;flex-wrap:wrap;gap:6px}
.k-chip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:12px;background:#fff;border:1px solid var(--k-line);color:var(--k-ink)}
.k-chip.on{background:var(--k-primary-soft);border-color:#e1cdfb;color:var(--p-5b21b6,#5b21b6);font-weight:600}.k-chip.off{color:var(--k-muted);text-decoration:line-through;text-decoration-color:#cfc9d9}
/* Settings (20 Oct 2026): icon tabs */
.k-set-tabs{display:flex;gap:6px;flex-wrap:wrap}
.k-set-tab{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:12px;background:#fff;border:1px solid var(--k-line);color:var(--k-soft);font-size:13px;font-weight:500}
.k-set-tab i{font-size:15px;color:var(--k-primary-600)}.k-set-tab:hover{border-color:#d8c9f5;color:var(--k-ink)}
.k-set-tab.on{background:var(--k-primary-800);border-color:var(--k-primary-800);color:#fff;font-weight:600}.k-set-tab.on i{color:var(--p-d8b4fe,#d8b4fe)}
.k-set-tab:focus-visible{outline:2px solid var(--k-primary);outline-offset:2px}
@media (max-width:640px){.k-set-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}.k-set-tabs::-webkit-scrollbar{display:none}.k-set-tab{flex-shrink:0}}
/* Finance (20 Oct 2026): headline money cards */
.k-fin-main{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.k-fin-card{position:relative;background:#fff;border-radius:20px;padding:18px 20px;box-shadow:var(--k-shadow);min-width:0;display:flex;flex-direction:column;gap:2px}
.k-fin-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;margin-bottom:8px;background:var(--k-primary-soft);color:var(--k-primary-600)}
.k-fin-card.out .k-fin-ic{background:#fde7e3;color:#d4553b}
.k-fin-l{font-size:12.5px;color:var(--k-muted)}.k-fin-v{font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--k-ink);line-height:1.15;overflow-wrap:anywhere}.k-fin-s{font-size:11.5px;color:var(--k-muted)}
.k-fin-card.in .k-fin-v{color:var(--k-primary-600)}.k-fin-card.out .k-fin-v{color:#d4553b}
.k-fin-card.left{background:#17131f}.k-fin-card.left .k-fin-v{color:#fff}.k-fin-card.left .k-fin-l,.k-fin-card.left .k-fin-s{color:#c9b8e8}.k-fin-card.left .k-fin-ic{background:color-mix(in srgb,var(--p-9333ea,#9333ea) 25%,transparent);color:var(--p-e9d5ff,#e9d5ff)}
.k-fin-card.left.neg .k-fin-v{color:#ffb4a8}
.k-fin-more{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.k-fin-mini{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:16px;padding:14px 16px;border:1px solid var(--k-line);min-width:0}.k-fin-mini>i{font-size:17px;color:var(--k-primary-600);margin-top:2px}.k-fin-mini>div{min-width:0}
.k-fin-v2{font-size:18px;font-weight:600}
@media (max-width:760px){.k-fin-main,.k-fin-more{grid-template-columns:1fr}.k-fin-v{font-size:24px}}
/* Connections (20 Oct 2026): status filter */
.k-conn-filter{display:flex;gap:6px;flex-wrap:wrap}
.k-conn-f{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid var(--k-line);font-size:12.5px;font-weight:500;color:var(--k-soft)}
.k-conn-f span{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--k-surface-2);display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--k-ink)}
.k-conn-f:hover{border-color:#d8c9f5;color:var(--k-ink)}.k-conn-f.on{background:var(--k-primary-800);border-color:var(--k-primary-800);color:#fff}.k-conn-f.on span{background:rgba(255,255,255,.18);color:#fff}
.k-conn-f.bad span{background:#fde7e3;color:var(--k-danger)}.k-conn-f:focus-visible{outline:2px solid var(--k-primary);outline-offset:2px}
/* Businesses (20 Oct 2026): owner cards */
.k-biz-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.k-biz-stat{background:var(--k-surface-2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.k-biz-stat span{font-size:11px;color:var(--k-muted)}.k-biz-stat b{font-size:17px;font-weight:600;color:var(--k-ink)}
.k-biz-stat em i{font-style:normal}.k-biz-stat em{font-style:normal;font-size:11px;color:var(--k-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Settings › Developers (20 Oct 2026): MCP keys */
.k-mk-url{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--k-surface-2);border-radius:12px;padding:10px 12px}.k-mk-url span{font-size:12px;color:var(--k-muted)}
.k-mk-url code,.k-mk-steps code,.k-mk-fresh code{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:var(--k-ink);overflow-wrap:anywhere;direction:ltr;unicode-bidi:embed}
.k-mk-url code{flex:1;min-width:0}
.k-mk-steps{display:flex;flex-direction:column;gap:8px}.k-mk-steps>div{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--k-soft);line-height:1.5}.k-mk-steps b{color:var(--k-ink)}
.k-mk-steps code{background:var(--k-surface-2);border-radius:8px;padding:6px 8px}
.k-mk-form{display:flex;flex-direction:column;gap:10px}.k-mk-form>label:first-child{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--k-soft)}
.k-mk-form input:not([type=checkbox]){height:38px;border:1px solid var(--k-line);border-radius:10px;padding:0 12px;font:inherit;font-size:13px;max-width:360px}
.k-mk-chk{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--k-soft);line-height:1.45}.k-mk-chk b{color:var(--k-ink);margin-inline-end:4px}.k-mk-chk input{margin-top:3px;accent-color:var(--k-primary)}
.k-mk-fresh{display:flex;flex-direction:column;gap:8px;border:1px solid #e1cdfb;background:var(--k-primary-soft);border-radius:14px;padding:14px}.k-mk-fresh b{font-size:13px;color:var(--p-5b21b6,#5b21b6)}.k-mk-fresh span{font-size:12px;color:var(--k-soft)}
.k-mk-fresh code{background:#fff;border-radius:8px;padding:8px 10px;user-select:all}
.k-mk-key{display:flex;align-items:center;gap:12px;border-top:1px solid var(--k-line);padding-top:10px}.k-mk-key b{display:block;font-size:13.5px}.k-mk-key span{display:block;font-size:12px;color:var(--k-muted)}
.k-mk{background:#fff;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--k-shadow)}
.k-mk-fresh .k-mk-steps{margin-top:4px;background:#fff;border-radius:10px;padding:10px 12px}
/* Connections: honest labels (24 Oct 2026) */
.k-lvl{display:inline-flex;align-items:center;margin-top:5px;height:20px;padding:0 8px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.02em}
.k-lvl.api{background:#0b0b0d;color:#fff}.k-lvl.in{background:var(--p-f3e8ff,#f3e8ff);color:var(--p-6b21a8,#6b21a8)}.k-lvl.out{background:#eef0f4;color:#3a3642}.k-lvl.soon{background:#fdf1e1;color:#b45309}
/* Login: prospect box (24 Oct 2026, deep study move 2) */
.k-prospect{display:flex;flex-direction:column;gap:6px;background:#f7f5ff;border:1px solid #e6e0fb;border-radius:14px;padding:12px 14px;text-align:center}
.k-prospect b{font-size:13px;color:#111014}.k-prospect span{font-size:12px;color:#5a5665;line-height:1.45}
.k-prospect-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:4px}
.k-prospect-btns a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:10px;font-size:12px;font-weight:600;text-decoration:none;border:1px solid #e0d6f7;background:#fff;color:var(--p-5b21b6,#5b21b6)}
.k-prospect-btns a.wa{background:var(--p-7c3aed,#7c3aed);border-color:var(--p-7c3aed,#7c3aed);color:#fff}

/* ===== 31 Oct 2026: Performance block (dashboard). Base look = the current client look ===== */
.k-dx{display:flex;flex-direction:column;gap:14px}
.k-dx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.k-dx-head h2{margin:0;font-size:18px;font-weight:600}.k-dx-head p{margin:2px 0 0;font-size:12.5px;color:#8b8796}
.k-dx-range{display:flex;gap:6px;flex-wrap:wrap}
.k-chip2{height:32px;padding:0 13px;border-radius:999px;border:1px solid #e7e4ec;background:#fff;color:#5a5665;font-size:12px;font-weight:600;cursor:pointer}
.k-chip2.on{background:#111014;border-color:#111014;color:#fff}
.k-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px}
.k-kpi{position:relative;overflow:hidden;text-align:start;background:#fff;border:1px solid #f0edf3;border-radius:20px;padding:15px 16px 12px;display:flex;flex-direction:column;gap:2px;cursor:pointer;font:inherit;color:#111014;transition:transform .15s,box-shadow .15s}
.k-kpi:hover{box-shadow:0 10px 24px -14px rgba(17,16,20,.25)}
.k-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.k-kpi-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f4f1fb;color:var(--brand,#7c3aed);font-size:15px}
.k-kpi-val{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.k-kpi-label{font-size:12px;font-weight:600;color:#3d3946}.k-kpi-sub{font-size:11px;color:#8b8796;min-height:14px}
.k-kpi-sp{width:100%;height:30px;margin-top:6px}.k-kpi-sp polyline{stroke:var(--accent,#9333ea);opacity:.85}
.k-delta{font-size:11px;font-weight:600;border-radius:999px;padding:3px 8px;background:#f2f1f4;color:#6b6676}
.k-delta.up{background:#e7f6ec;color:#15803d}.k-delta.down{background:#fdecea;color:#c0392b}
.k-dx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px}
.k-dx-card{background:#fff;border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.k-dx-ct{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.k-dx-ct h3{margin:0;font-size:15px;font-weight:600}.k-dx-ct p{margin:2px 0 0;font-size:12px;color:#8b8796}.k-dx-ct p b{color:#111014}
.k-dx-leg{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#6b6676}.k-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-inline-start:6px}
.k-dot.a{background:var(--accent,#9333ea)}.k-dot.b{background:#cfc9d8}
.k-trend{width:100%;height:190px;display:block;overflow:visible}
.k-trend-s0{stop-color:var(--accent,#9333ea);stop-opacity:.28}.k-trend-s1{stop-color:var(--accent,#9333ea);stop-opacity:0}
.k-trend-line{stroke:var(--accent,#9333ea);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}
.k-trend-prev{stroke:#c9c3d3;stroke-width:2;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}
.k-trend-x{display:flex;justify-content:space-between;font-size:11px;color:#8b8796}
.k-ac-list{display:flex;flex-direction:column;gap:10px}
.k-ac{border:1px solid #f0edf3;border-radius:16px;padding:10px 12px}
.k-ac-h{display:flex;align-items:center;gap:10px}.k-ac-t{flex:1;min-width:0;display:flex;flex-direction:column}.k-ac-t b{font-size:13px}.k-ac-t small{font-size:11px;color:#8b8796}
.k-ac-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:15px;flex-shrink:0}
.k-ac-n{font-size:18px;font-weight:600;min-width:28px;text-align:end}
.k-ac-red .k-ac-ic{background:#fdecea;color:#c0392b}.k-ac-amber .k-ac-ic{background:#fdf3e2;color:#b45309}.k-ac-violet .k-ac-ic{background:var(--p-f3e8ff,#f3e8ff);color:var(--p-7c3aed,#7c3aed)}.k-ac-blue .k-ac-ic{background:#e6efff;color:#2c63ee}
.k-ac-items{display:flex;flex-direction:column;margin-top:8px;border-top:1px dashed #ece9f0;padding-top:6px}
.k-ac-items button{display:flex;align-items:center;gap:8px;border:none;background:none;padding:6px 4px;border-radius:9px;cursor:pointer;font:inherit;text-align:start;color:#111014}
.k-ac-items button:hover{background:#f7f5fa}.k-ac-items span{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.k-ac-items em{flex:1;font-style:normal;font-size:11px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k-ac-items i{font-size:13px;color:#b9b3c3}
.k-ac-clear{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#15803d;background:#f1faf4;border-radius:12px;padding:10px 12px}
.k-stages{display:flex;flex-direction:column;gap:6px}
.k-stage{display:grid;grid-template-columns:minmax(110px,1.1fr) 2fr 34px minmax(70px,auto);align-items:center;gap:10px;border:none;background:none;padding:5px 4px;border-radius:9px;cursor:pointer;font:inherit;text-align:start;color:#111014}
.k-stage:hover{background:#f7f5fa}.k-stage-l{display:flex;align-items:center;gap:7px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-stage-dot{width:8px;height:8px;border-radius:3px;flex-shrink:0}.k-stage-bar{height:8px;border-radius:99px;background:#f2f0f5;overflow:hidden}.k-stage-bar span{display:block;height:100%;border-radius:99px}
.k-stage-n{font-size:12.5px;font-weight:600;text-align:end}.k-stage-v{font-size:11px;color:#8b8796;text-align:end;white-space:nowrap}
.k-team{display:flex;flex-direction:column;gap:10px}.k-team-row{display:flex;align-items:center;gap:10px}
.k-team-rank{width:18px;font-size:12px;font-weight:600;color:#b9b3c3;text-align:center}
.k-team-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11.5px;font-weight:600;flex-shrink:0}
.k-team-main{flex:1;min-width:0}.k-team-top{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}.k-team-top span{font-weight:600;color:var(--brand,#7c3aed)}
.k-team-bar{height:6px;border-radius:99px;background:#f2f0f5;overflow:hidden;margin:5px 0 3px}.k-team-bar span{display:block;height:100%;border-radius:99px;background:var(--accent,#9333ea)}
.k-team-main small{font-size:11px;color:#8b8796}
@media (max-width:600px){.k-stage{grid-template-columns:1fr 1fr 28px}.k-stage-v{display:none}.k-kpi-val{font-size:21px}}

/* ===== 31 Oct 2026: KIO-only design ("kio-pro"), only in the Kolchi In One workspace. Clients never get this class. ===== */
body.kio-pro{background:#f6f4fb}
body.kio-pro .k-kpi{border:none;color:#fff;box-shadow:0 14px 30px -18px rgba(60,20,120,.55)}
body.kio-pro .k-kpi .k-kpi-label{color:rgba(255,255,255,.92)}body.kio-pro .k-kpi .k-kpi-sub{color:rgba(255,255,255,.75)}
body.kio-pro .k-kpi .k-kpi-ic{background:rgba(255,255,255,.2);color:#fff}
body.kio-pro .k-kpi .k-kpi-sp polyline{stroke:#fff;opacity:.9}
body.kio-pro .k-kpi .k-delta{background:rgba(255,255,255,.22);color:#fff}
body.kio-pro .k-kpi::after{content:"";position:absolute;inset:auto -30px -40px auto;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none}
body.kio-pro .k-g1{background:var(--p-7c3aed,#7c3aed)}
body.kio-pro .k-g2{background:var(--p-7c3aed,#7c3aed)}
body.kio-pro .k-g3{background:#3fa2f7}
body.kio-pro .k-g4{background:#ff9f43}
body.kio-pro .k-g5{background:#14b8a6}
body.kio-pro .k-g6{background:#17131f}
body.kio-pro .k-dx-card{border-radius:24px;box-shadow:0 1px 2px rgba(17,16,20,.04),0 18px 40px -30px rgba(60,20,120,.35)}
body.kio-pro .k-trend-s0{stop-color:#d946ef;stop-opacity:.32}body.kio-pro .k-trend-s1{stop-color:var(--p-7c3aed,#7c3aed);stop-opacity:0}
body.kio-pro .k-trend-line{stroke:#a43be0}
body.kio-pro .k-dot.a{background:var(--p-7c3aed,#7c3aed)}
body.kio-pro .k-chip2.on{background:var(--p-7c3aed,#7c3aed);border-color:transparent}
body.kio-pro .k-team-bar span{background:var(--p-7c3aed,#7c3aed)}
body.kio-pro .k-dx-head h2{font-size:20px}

/* ===== 31 Oct 2026: Leads board (every business) ===== */
.k-board{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;align-items:flex-start;scroll-snap-type:x proximity}
.k-bcol{flex:0 0 272px;background:#f1eff6;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 220px);scroll-snap-align:start}
.k-bhead{display:flex;align-items:center;gap:8px;font-size:13px;padding:2px 4px}
.k-bn{font-size:11px;font-weight:600;color:#5a5665;background:#fff;border-radius:8px;padding:2px 8px}
.k-bval{font-size:11.5px;color:#6a6675;padding:0 4px}
.k-bcards{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:60px}
.k-bcard{background:#fff;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:7px;cursor:grab;box-shadow:0 1px 2px rgba(20,10,50,.05);border:1px solid transparent;transition:border-color .15s,box-shadow .15s}
.k-bcard:hover{border-color:#e2dcf0;box-shadow:0 6px 18px -10px rgba(60,20,120,.35)}
.k-bcard:active{cursor:grabbing}
.k-bmoney{font-size:13px;font-weight:600;color:#111014}
.k-bmove{height:26px;border-radius:8px;border:1px solid #ece9f0;background:#faf9fc;font-size:11px;color:#5a5665;padding:0 6px;cursor:pointer}
.k-bempty{border:1.5px dashed #d8d3e3;border-radius:12px;padding:18px 8px;text-align:center;font-size:11.5px;color:#9a96a4}
.k-bmore{height:30px;border-radius:10px;border:none;background:#fff;font-size:12px;color:#5a5665;cursor:pointer}
@media (max-width:640px){.k-bcol{flex-basis:84vw}}

/* ===== 31 Oct 2026: KIO-only sidebar, breadcrumb, page band ===== */
.k-nav{display:flex;flex-direction:column;gap:4px;padding-top:6px}
.k-ns{border-radius:14px;transition:background .15s}
.k-ns.open{background:#f7f5fc}
.k-ns-h{width:100%;display:flex;align-items:center;gap:9px;height:42px;padding:0 10px;border:none;background:transparent;border-radius:14px;cursor:pointer;font-family:inherit;color:#3a3642;text-align:left}
.k-ns-h:hover{background:#f3f0f9}
.k-ns-num{display:none;font-size:10.5px;font-weight:600;color:#a39fb0;font-variant-numeric:tabular-nums;width:16px}
.k-ns-ic{font-size:16px;color:#6a6675}
.k-ns-l{flex:1;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-ns-m{font-size:10.5px;font-weight:600;color:var(--p-7c3aed,#7c3aed);background:#efe7fe;border-radius:8px;padding:2px 7px}
.k-ns-ch{font-size:14px;color:#a39fb0}
.k-ns.act .k-ns-num{color:var(--p-7c3aed,#7c3aed)}.k-ns.act .k-ns-ic{color:var(--p-7c3aed,#7c3aed)}.k-ns.act .k-ns-l{color:#111014}
.k-ns-b{display:flex;flex-direction:column;gap:1px;padding:0 6px 8px 34px;position:relative}
.k-ns-b:before{content:"";position:absolute;left:24px;top:2px;bottom:10px;width:1.5px;background:#e6e1f0;border-radius:2px}
.k-ni{display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-family:inherit;font-size:12.8px;color:#5a5665;text-align:left;position:relative}
.k-ni i{font-size:14px;color:#8b8796}
.k-ni>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-ni>b{min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:var(--p-7c3aed,#7c3aed);color:#fff;font-size:10.5px;display:grid;place-items:center}
.k-ni:hover{background:#fff;color:#111014}
.k-ni.on{background:var(--p-7c3aed,#7c3aed);color:#fff;font-weight:600;box-shadow:none}
.k-ni.on i{color:#fff}.k-ni.on>b{background:rgba(255,255,255,.25)}
[dir=rtl] .k-ns-b{padding:0 34px 8px 6px}[dir=rtl] .k-ns-b:before{left:auto;right:24px}[dir=rtl] .k-ns-h,[dir=rtl] .k-ni{text-align:right}[dir=rtl] .k-ns-ch{transform:scaleX(-1)}
.k-sbtoday{margin-top:12px;border-radius:16px;padding:12px;background:#17131f;color:#fff;display:flex;flex-direction:column;gap:4px}
.k-sbtoday-t{font-size:10.5px;font-weight:600;color:var(--p-c4b5fd,#c4b5fd);padding:0 4px 4px}
.k-sbtoday button{display:flex;align-items:center;gap:8px;height:32px;padding:0 6px;border:none;background:transparent;border-radius:9px;color:#e9e3fb;font-family:inherit;font-size:12px;cursor:pointer;text-align:left}
.k-sbtoday button:hover{background:rgba(255,255,255,.08)}
.k-sbtoday i{font-size:14px;color:var(--p-c4b5fd,#c4b5fd)}.k-sbtoday button>span{flex:1}.k-sbtoday button>b{font-size:13px;color:#fff}
.k-crumb{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#8b8796;margin-bottom:4px}
.k-crumb i{font-size:12px}.k-crumb>b{color:var(--p-7c3aed,#7c3aed);font-weight:600}[dir=rtl] .k-crumb i{transform:scaleX(-1)}
.k-hero{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between;background:#fff;border-radius:22px;padding:16px 18px;margin-bottom:16px;border:1px solid #eeeaf6;box-shadow:0 14px 34px -24px rgba(60,20,120,.35);position:relative;overflow:hidden}
.k-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--p-7c3aed,#7c3aed)}
[dir=rtl] .k-hero:before{inset:0 0 0 auto}
.k-hero-t{display:flex;align-items:center;gap:14px;min-width:min(100%,300px);flex:1}
.k-hero-num{width:44px;height:44px;border-radius:14px;background:var(--p-7c3aed,#7c3aed);color:#fff;display:grid;place-items:center;font-weight:600;font-size:15px;flex-shrink:0;box-shadow:none}
.k-hero-sec{font-size:16px;font-weight:600}
.k-hero-sub{font-size:12.5px;color:#6a6675;margin-top:2px;line-height:1.45}
.k-hero-s{display:flex;gap:8px;flex-wrap:wrap}
.k-hero-k{display:flex;flex-direction:column;gap:2px;min-width:104px;padding:9px 12px;border-radius:14px;background:#f7f5fc}
.k-hero-k>span{font-size:11px;color:#8b8796;white-space:nowrap}.k-hero-k>b{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:640px){.k-hero-k{flex:1 1 calc(50% - 8px);min-width:0}}
body.kio-pro .kio-side{background:#fff;border-right-color:#eee9f7}
body.kio-pro .kio-main{background:none}
body.kio-pro .kio-main [style*="border-radius: 18px"],body.kio-pro .kio-main [style*="border-radius: 20px"]{box-shadow:0 1px 2px rgba(20,10,50,.04),0 14px 34px -26px rgba(60,20,120,.4)}
body.kio-pro .k-bcol{background:#f6f4fa}
body.kio-pro .k-bcard:hover{border-color:#d8c9fb}

/* ===== 31 Oct 2026: client file stage tracker (every business) ===== */
.k-steps{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}
.k-stp{flex:1 1 0;min-width:86px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 9px;border-radius:10px;border:1px solid #ece9f0;background:#faf9fc;cursor:pointer;font-family:inherit;text-align:left;position:relative}
.k-stp>span{width:20px;height:20px;border-radius:50%;background:#ece9f0;color:#5a5665;display:grid;place-items:center;font-size:10.5px;font-weight:600}
.k-stp b{font-size:11.5px;font-weight:600;color:#5a5665;line-height:1.25}
.k-stp.done{background:#f3eefe;border-color:#e2d6fb}.k-stp.done>span{background:var(--p-7c3aed,#7c3aed);color:#fff}.k-stp.done b{color:var(--p-4c1d95,#4c1d95)}
.k-stp.on{background:#0b0b0d;border-color:#0b0b0d}.k-stp.on>span{background:#fff;color:#0b0b0d}.k-stp.on b{color:#fff}
body.kio-pro .k-stp.on{background:var(--p-7c3aed,#7c3aed);border-color:transparent}
.k-tpl{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#f7f5fc;border:1px solid #efeaf8;margin-bottom:4px}

/* ===== 1 Nov 2026: KIO-only full redesign, after AnaCRM's design system =====
   Canvas cool #f4f3f8, white bento panels (24px radius, hairline, soft elevation), medium-weight type,
   dense 13px tables, soft pastel badges, purple primary. Everything is scoped to body.kio-pro (b_kio only). */
body.kio-pro{--k-bg:#f4f3f8;--k-s2:#f6f5fa;--k-s3:#efedf5;--k-line:#ecebf2;--k-line2:#d9d5e4;--k-ink:#17131f;--k-mut:#6e6a7c;--k-sub:#a19db0;--k-card:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18);background:var(--k-bg);color:var(--k-ink)}
body.kio-pro .kio-main{background:none;padding:22px 28px 56px}
/* header */
body.kio-pro .kio-head{gap:12px;min-height:64px}
.kh-eye{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#a19db0;font-weight:500}
.kh-eye>span{font-variant-numeric:tabular-nums;color:var(--p-7c3aed,#7c3aed);font-weight:600}.kh-eye>b{font-weight:600;color:#6e6a7c}.kh-eye>i{font-size:12px}.kh-eye>em{font-style:normal;color:#a19db0}
[dir=rtl] .kh-eye>i{transform:scaleX(-1)}
.kh-t{margin:2px 0 0;font-size:30px;font-weight:500;letter-spacing:-.025em;line-height:1.1;color:#17131f}
.kh-new{height:42px;padding:0 16px;border-radius:999px;border:none;background:var(--p-7c3aed,#7c3aed);color:#fff;font-weight:600;font-size:13px;font-family:inherit;display:inline-flex;align-items:center;gap:7px;cursor:pointer;box-shadow:none;white-space:nowrap}
.kh-new i{font-size:15px}.kh-new:hover{filter:brightness(1.06)}
body.kio-pro .kio-search{height:42px!important;border-radius:999px!important;border:1px solid var(--k-line);box-shadow:0 1px 2px rgb(24 16 48/.04);width:300px!important;padding:0 16px!important}
body.kio-pro .kio-lang-top{border-radius:999px!important;height:42px!important;border:1px solid var(--k-line)}
body.kio-pro .kio-lang-top button{border-radius:999px!important}
body.kio-pro .kio-bell{width:42px!important;height:42px!important;border-radius:999px!important;border:1px solid var(--k-line)!important}
body.kio-pro .kio-me{border-radius:999px!important;border:1px solid var(--k-line);padding:4px 16px 4px 4px!important;height:42px;box-sizing:border-box}
body.kio-pro .kio-me>div:first-child{width:34px!important;height:34px!important}
@media (max-width:640px){.kh-t{font-size:22px}.kh-new span{display:none}.kh-new{width:42px;padding:0;justify-content:center}}
/* panels: every white card of the old screens becomes a bento module */
body.kio-pro .kio-main [style*="background: rgb(255, 255, 255)"][style*="border-radius: 18px"],
body.kio-pro .kio-main [style*="background: rgb(255, 255, 255)"][style*="border-radius: 20px"],
body.kio-pro .kio-main [style*="background: rgb(255, 255, 255)"][style*="border-radius: 22px"],
body.kio-pro .kio-main [style*="background: rgb(255, 255, 255)"][style*="border-radius: 16px"]{border-radius:24px!important;box-shadow:var(--k-card);border:1px solid #f0eef5!important}
body.kio-pro .kio-main [style*="border: 1px solid rgb(236, 233, 240)"][style*="border-radius"]{border-color:var(--k-line)!important}
body.kio-pro .kio-main [style*="background: rgb(250, 249, 252)"]{background:var(--k-s2)!important}
/* page titles of the old screens */
body.kio-pro .kio-main div[style*="font-size: 22px"][style*="font-weight: 600"]{font-size:28px!important;font-weight:500!important;letter-spacing:-.025em!important}
/* primary buttons: ink -> brand purple */
body.kio-pro .kio-main button[style*="background: rgb(11, 11, 13)"],body.kio-pro div[style*="position: fixed"] button[style*="background: rgb(11, 11, 13)"]{background:var(--p-7c3aed,#7c3aed)!important;box-shadow:none;border-radius:12px!important}
body.kio-pro .kio-main button[style*="border: 1px solid rgb(231, 228, 236)"]{border-color:var(--k-line)!important;border-radius:12px!important}
/* fields */
body.kio-pro .kio-main input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([style*="border: none"]),
body.kio-pro .kio-main select:not([style*="border: none"]),body.kio-pro .kio-main textarea,
body.kio-pro div[style*="position: fixed"] input:not([type=checkbox]):not([type=radio]):not([type=color]):not([style*="border: none"]),
body.kio-pro div[style*="position: fixed"] select:not([style*="border: none"]),body.kio-pro div[style*="position: fixed"] textarea{border-color:var(--k-line)!important;background-color:var(--k-s2)!important;border-radius:12px!important;transition:border-color .12s,box-shadow .12s,background-color .12s}
body.kio-pro input:focus,body.kio-pro select:focus,body.kio-pro textarea:focus{outline:none;border-color:var(--p-a78bfa,#a78bfa)!important;background-color:#fff!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--p-7c3aed,#7c3aed) 14%,transparent)}
/* tables: dense, tinted header, soft hover (AnaCRM: 13px cells, 40px rows) */
body.kio-pro .kio-main table thead tr{background:var(--k-s2)!important}
body.kio-pro .kio-main table th{font-size:11px!important;font-weight:600!important;letter-spacing:.06em;color:var(--k-sub)!important;padding-top:11px!important;padding-bottom:11px!important;border-bottom:1px solid var(--k-line)}
body.kio-pro .kio-main table tbody tr{border-top:1px solid #f3f1f7!important;transition:background .1s}
body.kio-pro .kio-main table tbody tr:hover{background:#faf9fd!important}
body.kio-pro .kio-main table td{font-size:13px}
/* segmented tabs */
body.kio-pro .kio-main button[style*="border-radius: 12px"][style*="background: rgb(17, 16, 20)"]{background:#17131f!important;box-shadow:0 6px 14px rgb(23 19 31/.18)}
body.kio-pro .kio-main button[style*="border-radius: 12px"][style*="background: rgb(255, 255, 255)"][style*="border: none"]{box-shadow:inset 0 0 0 1px var(--k-line)}
/* drawers and modals */
body.kio-pro div[style*="position: fixed"][style*="justify-content: flex-end"]>div{background:var(--k-bg)!important}
body.kio-pro div[style*="position: fixed"] [style*="background: rgb(255, 255, 255)"][style*="border-radius: 18px"]{border-radius:22px!important;box-shadow:var(--k-card);border:1px solid #f0eef5}
body.kio-pro .k-today,body.kio-pro .k-dx{border-radius:26px;box-shadow:var(--k-card);border:1px solid #f0eef5}

/* ===== KIO dashboard (kd-) ===== */
.kd-eye{display:inline-block;font-size:11.5px;font-weight:600;color:#a19db0}
.kd-hero{position:relative;overflow:hidden;display:flex;gap:20px;flex-wrap:wrap;align-items:stretch;justify-content:space-between;border-radius:28px;padding:28px 30px;color:#fff;background:#17131f;box-shadow:0 24px 50px -28px color-mix(in srgb,var(--p-4c1d95,#4c1d95) 80%,transparent)}
.kd-hero-l{position:relative;z-index:1;flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:6px}
.kd-hero .kd-eye{color:var(--p-c4b5fd,#c4b5fd)}
.kd-hero h1{margin:0;font-size:32px;font-weight:500;letter-spacing:-.025em;line-height:1.1}
.kd-hero p{margin:0;color:#d9cff7;font-size:13.5px}
.kd-qa{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.kd-qa button{height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-weight:500;font-size:12.5px;font-family:inherit;display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:background .15s}
.kd-qa button:hover{background:rgba(255,255,255,.18)}.kd-qa i{font-size:14px;color:var(--p-e9d5ff,#e9d5ff)}
.kd-hero-r{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1 1 360px;align-self:center}
.kd-hero-r>div{border-radius:18px;padding:14px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:6px;min-width:0}
.kd-hero-r>div>span{font-size:11.5px;color:#d9cff7}.kd-hero-r>div>b{font-size:20px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-sec{display:flex;flex-direction:column;gap:14px}
.kd-sh h2{margin:2px 0 0;font-size:20px;font-weight:500;letter-spacing:-.02em}.kd-sh p{margin:2px 0 0;font-size:12.5px;color:#a19db0}
.kd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}
.kd-stat,.kd-card{background:#fff;border-radius:26px;padding:22px 24px;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18);border:1px solid #f0eef5;display:flex;flex-direction:column;gap:12px;min-width:0;transition:box-shadow .2s}
.kd-stat:hover,.kd-card:hover{box-shadow:0 2px 6px rgb(24 16 48/.05),0 14px 34px rgb(24 16 48/.08)}
.kd-stat-h{display:flex;align-items:center;justify-content:space-between;font-size:14.5px;color:#17131f}
.kd-stat-h>i{width:36px;height:36px;border-radius:50%;background:#f6f5fa;display:grid;place-items:center;font-size:16px;color:#6e6a7c}
.kd-fig{font-size:32px;font-weight:500;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-fig-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.kd-stat-f{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.kd-sub{font-size:12px;color:#a19db0}
.kd-pill{font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 9px;background:#f6f5fa;color:#6e6a7c;white-space:nowrap}
.kd-pill.up{background:#dcfce7;color:#15803d}
.kd-spark{width:110px;height:40px;overflow:visible}.kd-spark polyline{fill:none;stroke:var(--p-7c3aed,#7c3aed);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.kd-bars7{display:flex;align-items:flex-end;gap:4px;height:44px}.kd-bars7>span{width:9px;border-radius:5px;background:var(--p-7c3aed,#7c3aed)}
.kd-ring{width:64px;height:64px;transform:rotate(-90deg)}.kd-ring circle{fill:none;stroke-width:8}.kd-ring-bg{stroke:#efedf5}.kd-ring-fg{stroke:var(--p-7c3aed,#7c3aed);stroke-linecap:round}
.kd-grid{display:grid;gap:16px}
.kd-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kd-span2{grid-column:span 2}
@media (max-width:1100px){.kd-g3{grid-template-columns:repeat(2,minmax(0,1fr))}.kd-span2{grid-column:1/-1}}
@media (max-width:700px){.kd-g3{grid-template-columns:minmax(0,1fr)}.kd-hero{padding:22px}.kd-hero h1{font-size:26px}.kd-hero-r{grid-template-columns:minmax(0,1fr)}}
.kd-ch{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.kd-ch h3{margin:0;font-size:16px;font-weight:500;color:#17131f}
.kd-ch p{margin:3px 0 0;font-size:12px;color:#a19db0;line-height:1.45}
.kd-ch-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.kd-big{font-size:24px;font-weight:500;letter-spacing:-.025em}
.kd-leg{display:flex;gap:12px;font-size:11.5px;color:#6e6a7c}.kd-leg>span{display:inline-flex;align-items:center;gap:6px}
.kd-sw{width:9px;height:9px;border-radius:3px;display:inline-block}.kd-sw.a{background:var(--p-7c3aed,#7c3aed)}.kd-sw.p{background:var(--p-ddd6fe,#ddd6fe)}
.kd-link{border:none;background:#f6f5fa;color:var(--p-6d28d9,#6d28d9);font-weight:600;font-size:12px;font-family:inherit;border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap}
.kd-link:hover{background:var(--p-ede9fe,#ede9fe)}
.kd-chart{display:flex;gap:10px;margin-top:4px}
.kd-y{display:flex;flex-direction:column;justify-content:space-between;height:178px;font-size:10.5px;color:#a19db0;text-align:right;min-width:30px;font-variant-numeric:tabular-nums}
.kd-plot{position:relative;flex:1;min-width:0;height:200px}
.kd-gl{position:absolute;left:0;right:0;border-top:1px dashed #ecebf2}.kd-gl:nth-child(1){top:4px}.kd-gl:nth-child(2){top:90px}.kd-gl:nth-child(3){top:176px}
.kd-cols{position:absolute;inset:0;display:flex;align-items:flex-end;gap:4px}
.kd-m{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:12px;padding-top:6px;transition:background .15s}
.kd-m:hover{background:#f6f5fa}
.kd-mb{display:flex;align-items:flex-end;gap:3px;height:172px}
.kd-mb>span{width:8px;border-radius:6px 6px 3px 3px}.kd-mb>.p{background:var(--p-ddd6fe,#ddd6fe)}.kd-mb>.a{background:var(--p-7c3aed,#7c3aed)}
.kd-m>small{font-size:10.5px;color:#a19db0}.kd-m.now>small{color:var(--p-6d28d9,#6d28d9);font-weight:600}
.kd-donut-w{display:grid;place-items:center;padding:6px 0}
.kd-donut{width:170px;height:170px;border-radius:50%;display:grid;place-items:center}
.kd-donut>div{width:118px;height:118px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #f0eef5}
.kd-donut b{font-size:26px;font-weight:500;letter-spacing:-.02em}.kd-donut div>span{font-size:11px;color:#a19db0}
.kd-mix{display:flex;flex-direction:column;gap:2px}
.kd-mix-r{display:flex;align-items:center;gap:9px;padding:6px 4px;font-size:12.5px;border-radius:8px}
.kd-mix-r>i{width:9px;height:9px;border-radius:3px;flex-shrink:0}.kd-mix-r>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kd-mix-r>small{color:#a19db0}.kd-mix-r>b{font-weight:600;min-width:38px;text-align:right}
.kd-src{display:flex;flex-direction:column;gap:4px}
.kd-src-r{display:flex;align-items:center;gap:10px;padding:8px;border:none;background:transparent;border-radius:14px;cursor:pointer;text-align:left;font-family:inherit;width:100%;color:inherit}
.kd-src-r:hover{background:#f6f5fa}
.kd-rank{width:18px;font-size:11px;font-weight:600;color:#a19db0;text-align:center}
.kd-src-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;font-size:15px}
.kd-src-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.kd-src-t{display:flex;justify-content:space-between;gap:8px;font-size:13px}.kd-src-t>b{font-weight:500}.kd-src-t>span{color:#6e6a7c;font-variant-numeric:tabular-nums}
.kd-track{height:6px;border-radius:6px;background:#efedf5;overflow:hidden}.kd-track>span{display:block;height:100%;border-radius:6px}
.kd-src-m>small{font-size:11px;color:#a19db0}
.kd-team{display:flex;flex-direction:column;gap:2px}
.kd-team-r{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:14px}.kd-team-r:hover{background:#f6f5fa}
.kd-av{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}
.kd-av.sq{border-radius:12px}
.kd-av>i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}
.kd-team-m{flex:1;min-width:0;display:flex;flex-direction:column}.kd-team-m>b{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-team-m>small{font-size:11px;color:#a19db0}
.kd-team-s{display:flex;gap:12px;font-size:10.5px;color:#a19db0;text-align:center}.kd-team-s>span{display:flex;flex-direction:column;align-items:center;line-height:1.2}.kd-team-s b{font-size:14px;color:#17131f;font-weight:600}
.kd-foot{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:#6e6a7c;background:#f6f5fa;border-radius:12px;padding:9px 12px}.kd-foot>i{color:var(--p-7c3aed,#7c3aed);font-size:14px}
.kd-card.kd-hot{background:#17131f;color:#fff;border:none;box-shadow:none}
.kd-hot h3{color:#fff}.kd-hot .kd-ch p{color:#e4dafc}
.kd-hot-ic{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;margin-bottom:10px;font-size:16px}
.kd-hot-n{font-size:40px;font-weight:500;letter-spacing:-.03em;line-height:1}.kd-hot-n>small{font-size:14px;color:#e4dafc;letter-spacing:0}
.kd-hot-l{display:flex;flex-direction:column;gap:6px}
.kd-hot-l>button{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;text-align:left;font-family:inherit}
.kd-hot-l>button:hover{background:rgba(255,255,255,.2)}
.kd-hot-l>button>span{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:11px;font-weight:600;flex-shrink:0}
.kd-hot-l>button>div{flex:1;min-width:0;display:flex;flex-direction:column}.kd-hot-l b{font-size:12.5px;font-weight:600}.kd-hot-l small{font-size:11px;color:#e4dafc}
.kd-hot-a{display:flex;gap:8px;margin-top:auto}
.kd-hot-a>button{flex:1;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-weight:600;font-size:12.5px;font-family:inherit;cursor:pointer}
.kd-hot-a>button.pri{background:#fff;color:var(--p-5b21b6,#5b21b6);border-color:#fff}
.kd-list{display:flex;flex-direction:column;gap:4px}
.kd-row{display:flex;align-items:center;gap:10px;padding:8px;border:none;background:transparent;border-radius:14px;cursor:pointer;text-align:left;font-family:inherit;width:100%;color:inherit}
.kd-row:hover{background:#f6f5fa}
.kd-row-m{flex:1;min-width:0;display:flex;flex-direction:column}.kd-row-m>b{font-size:13px;font-weight:500;color:#17131f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-row-m>small{font-size:11.5px;color:#a19db0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-amt{font-size:13px;font-weight:600;color:#15803d;background:#dcfce7;border-radius:999px;padding:3px 10px;white-space:nowrap}
.kd-ago{font-size:11px;color:#a19db0;white-space:nowrap}
.kd-tag{display:inline-block;font-size:11px;font-weight:600;border-radius:999px;padding:3px 10px;margin-bottom:8px}
.kd-tag.warn{background:#fef3c7;color:#b45309}
.kd-live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#15803d;background:#dcfce7;border-radius:999px;padding:3px 10px}
.kd-live>i{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.2);animation:kdPulse 1.8s ease-in-out infinite}
@keyframes kdPulse{50%{box-shadow:0 0 0 6px rgba(22,163,74,0)}}
.kd-feed{display:flex;flex-direction:column;position:relative}
.kd-feed:before{content:"";position:absolute;left:16px;top:10px;bottom:10px;width:1.5px;background:#efedf5}
[dir=rtl] .kd-feed:before{left:auto;right:16px}
.kd-feed-r{display:flex;gap:10px;align-items:flex-start;padding:6px 0;position:relative}
.kd-feed-ic{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:14px;flex-shrink:0;border:3px solid #fff}
.kd-feed-m{min-width:0;font-size:12.5px;line-height:1.45;color:#6e6a7c}.kd-feed-m b{color:#17131f;font-weight:600}.kd-feed-m>small{display:block;font-size:11px;color:#a19db0}
.kd-empty{font-size:12.5px;color:#a19db0;padding:14px;border-radius:14px;background:#f6f5fa;text-align:center}
@media (prefers-reduced-motion:reduce){.kd-live>i{animation:none}}

/* 1 Nov 2026 redesign fixes and list details */
body.kio-pro .kpt{display:none}
body.kio-pro .kio-me>div:last-child{display:none}body.kio-pro .kio-me{padding:3px!important;width:42px}
.kd-hero-r>div>b{font-size:clamp(15px,1.5vw,20px);white-space:normal;overflow-wrap:anywhere}
.kd-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1180px){.kd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.kd-stats{grid-template-columns:minmax(0,1fr)}}
.kd-pill.down{background:#fee2e2;color:#b91c1c}
.kl-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;flex-shrink:0}
body.kio-pro .kio-lt td{padding-top:9px!important;padding-bottom:9px!important}
body.kio-pro .kio-lt td select{border-radius:999px!important;padding:0 10px!important;height:26px!important}
body.kio-pro .k-bcol{border-radius:20px;padding:12px}
body.kio-pro .k-bcard{border-radius:16px;border:1px solid #f0eef5;box-shadow:0 1px 2px rgb(24 16 48/.04)}
body.kio-pro .k-hero{border-radius:26px;border:1px solid #f0eef5;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18)}
body.kio-pro .k-hero-k{border-radius:16px;background:#f6f5fa}

body.kio-pro .kpt + div[style*="color: rgb(139, 135, 150)"],body.kio-pro .kpt-stats,body.kio-pro .kpt{display:none!important}
.kh-eye{white-space:nowrap;overflow:hidden;max-width:min(520px,52vw)}.kh-eye>em{overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){body.kio-pro .kio-me{display:none!important}.kd-hero-r{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}.kd-hero-r>div{padding:10px;border-radius:14px}.kd-hero-r>div>span{font-size:10.5px}.kd-hero-r>div>b{font-size:14px}.kh-eye{font-size:10.5px}}

/* ===== 1 Nov 2026 (round 2): section-by-section redesign, KIO only (body.kio-pro) =====
   Patterns from HyperUI (underline tabs with counts, side tab rail, stat tiles, empty states) re-tokened to the KIO palette. */

/* --- shared: underline tabs with count pills --- */
body.kio-pro .kl-tab{background:transparent!important;color:#6e6a7c!important;border-radius:0!important;height:40px!important;padding:0 4px!important;margin-right:14px;box-shadow:none!important;border-bottom:2px solid transparent!important;font-weight:500!important}
body.kio-pro .kl-tab:hover{color:#17131f!important}
body.kio-pro .kl-tab.on,body.kio-pro .kl-tab[style*="background: rgb(17, 16, 20)"],body.kio-pro .kl-tab[style*="background: rgb(241, 239, 245)"]{color:#17131f!important;border-bottom-color:var(--p-7c3aed,#7c3aed)!important;font-weight:600!important}
body.kio-pro .kl-tab>span{background:#efedf5!important;color:#6e6a7c!important;border-radius:999px!important;min-width:22px;height:20px!important;font-size:10.5px!important}
body.kio-pro .kl-tab.on>span,body.kio-pro .kl-tab[style*="background: rgb(17, 16, 20)"]>span{background:var(--p-ede9fe,#ede9fe)!important;color:var(--p-6d28d9,#6d28d9)!important}
body.kio-pro .kl-tabs,body.kio-pro .kl-tab:first-child{gap:0!important}
body.kio-pro .kl-tabs,body.kio-pro div:has(>.kl-tab),body.kio-pro div:has(>sc-for>.kl-tab){border-bottom:1px solid #ecebf2;gap:0!important}
[dir=rtl] body.kio-pro .kl-tab{margin-right:0;margin-left:14px}

/* --- shared: page header rows, stat tiles, cards, rows, buttons --- */
body.kio-pro .kph{align-items:center!important;justify-content:flex-end}
body.kio-pro .kph>div:first-child:has(>.kpt){display:none}
body.kio-pro .ks-tile{background:#fff!important;border-radius:22px!important;padding:18px 20px!important;border:1px solid #f0eef5;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18);position:relative;overflow:hidden}
body.kio-pro .ks-tile>div:first-child{font-size:12.5px!important;color:#6e6a7c!important}
body.kio-pro .ks-tile>div:nth-child(2){font-size:26px!important;font-weight:500!important;letter-spacing:-.03em!important;margin-top:8px!important}
body.kio-pro .ks-tile:before{display:none;content:"";position:absolute;right:-18px;top:-18px;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,var(--p-ede9fe,#ede9fe),transparent 70%)}
body.kio-pro .ks-tile[style*="background: rgb(11, 11, 13)"]{background:#17131f!important;color:#fff;border:none}
body.kio-pro .ks-tile[style*="background: rgb(11, 11, 13)"]>div:first-child{color:#d9cff7!important}
body.kio-pro .ks-tile[style*="background: rgb(11, 11, 13)"]:before{background:#17131f}
body.kio-pro .kc-card{border-radius:24px!important;border:1px solid #f0eef5!important;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18);transition:transform .15s,box-shadow .15s}
body.kio-pro .kc-card:hover{box-shadow:0 2px 6px rgb(24 16 48/.05),0 18px 40px -16px rgb(24 16 48/.22)}
body.kio-pro .kp-row{padding:14px 20px!important;border-bottom:1px solid #f3f1f7!important;transition:background .1s}
body.kio-pro .kp-row:hover{background:#faf9fd}
body.kio-pro .kp-row>div:first-child[style*="border-radius: 50%"]{background:var(--p-ede9fe,#ede9fe)!important;color:var(--p-6d28d9,#6d28d9)!important}
.kl-primary,.kl-ghost{height:38px;padding:0 16px;border-radius:12px;font-weight:600;font-size:12.5px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;justify-content:center}
.kl-primary{border:none;background:var(--p-7c3aed,#7c3aed);color:#fff;box-shadow:none}
.kl-ghost{border:1px solid #ecebf2;background:#fff;color:#17131f}
.kl-primary i,.kl-ghost i{font-size:14px}

/* --- Leads --- */
body.kio-pro .kl{gap:16px!important}
body.kio-pro .kl-head{gap:8px!important}
body.kio-pro .kl-head button{height:38px!important;border-radius:999px!important;padding:0 14px!important}
body.kio-pro .kl-handled{background:#dcfce7!important;color:#15803d!important;border-radius:999px!important;padding:6px 12px!important;display:inline-flex;align-items:center;gap:6px}
body.kio-pro .kl-handled>i{font-size:13px}
body.kio-pro .kl-bar{justify-content:space-between;border-bottom:1px solid #ecebf2;padding-bottom:0;gap:16px!important}
body.kio-pro .kl-bar .kl-tabs{border-bottom:none}
body.kio-pro .k-viewsw{order:2;border-radius:999px!important;background:#fff!important;padding:3px!important;margin-bottom:6px}
body.kio-pro .k-viewsw button{border-radius:999px!important}
body.kio-pro .kl-filters{padding:10px!important;gap:8px!important;border-radius:20px!important}
body.kio-pro .kl-filters>div:first-child{border:none!important;background:#f6f5fa;border-radius:12px!important;height:40px!important;flex:1 1 280px!important}
body.kio-pro .kl-filters select{border:none!important;background-color:#f6f5fa!important;border-radius:999px!important;height:36px!important;padding:0 14px!important;font-weight:500}
body.kio-pro .kl-filters>button{border-radius:999px!important;border:none!important;background:#f6f5fa!important}
body.kio-pro .kl-bulk{position:sticky;bottom:18px;z-index:30;border-radius:18px!important;padding:12px 16px!important;background:#17131f!important;box-shadow:0 18px 40px -12px rgb(23 19 31/.5)}
body.kio-pro .kl-table{border-radius:24px!important}
body.kio-pro .kl-table thead th{position:sticky;top:0;z-index:1}
body.kio-pro .kl-table tbody td:nth-child(2) div[style*="font-weight: 600"]{font-weight:500!important}
body.kio-pro .kl-foot{background:#f6f5fa;padding:12px 20px!important}
.kl-empty-ic{width:56px;height:56px;border-radius:18px;background:#f1ecff;color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;font-size:24px;margin-bottom:4px}
body.kio-pro .k-bcol{background:#fff!important;border:1px solid #f0eef5;box-shadow:0 1px 2px rgb(24 16 48/.03);border-top-width:4px!important}
body.kio-pro .k-bcards{background:#f6f5fa;border-radius:16px;padding:8px}
body.kio-pro .k-bhead b{font-weight:600}

/* --- Lead drawer --- */
body.kio-pro .kdr{width:min(920px,100%)!important;background:#f4f3f8!important}
body.kio-pro .kdr-h{padding:20px 24px!important;background:#fff!important}
.kdr-av{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:17px;font-weight:600;flex-shrink:0}
body.kio-pro .kdr-h input{font-size:22px!important;font-weight:500!important}
body.kio-pro .kdr-wa{border-radius:999px!important;background:#dcfce7!important;color:#15803d!important;padding:0 14px!important}
.kdr-facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:16px 16px 0;background:#ecebf2;border-radius:18px;overflow:hidden;border:1px solid #ecebf2}
.kdr-facts>div{background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.kdr-facts span{font-size:11px;color:#a19db0}.kdr-facts b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){.kdr-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.kio-pro .kdr-body>div>div[style*="background: rgb(255, 255, 255)"]>div[style*="font-size: 14px"][style*="font-weight: 600"]:first-child,
body.kio-pro .kdr-body>div>div[style*="background: rgb(255, 255, 255)"]>div:first-child>div[style*="font-size: 14px"][style*="font-weight: 600"]{font-size:15px!important;font-weight:500!important}

/* --- Inbox --- */
body.kio-pro .kib-ch{gap:8px!important}
body.kio-pro .kib-ch .kl-tab{border:1px solid #ecebf2!important;border-radius:999px!important;background:#fff!important;padding:0 14px 0 10px!important;margin-right:0;height:38px!important}
body.kio-pro .kib-ch .kl-tab[style*="background: rgb(17, 16, 20)"]{background:#17131f!important;color:#fff!important;border-color:#17131f!important}
body.kio-pro .kib-ch,body.kio-pro div.kib-ch:has(>sc-for>.kl-tab){border-bottom:none!important}
body.kio-pro .k-inbox{gap:16px!important;min-height:620px!important;flex-wrap:nowrap!important;align-items:stretch}
body.kio-pro .kio-ilist{max-width:360px!important;flex:0 0 340px!important;border-radius:24px!important}
body.kio-pro .kib-f{padding:8px 12px 0!important;gap:0!important;border-bottom:1px solid #ecebf2!important}
body.kio-pro .kib-f .kl-tab{height:34px!important;margin-right:10px;font-size:12px!important}
body.kio-pro .kib-item{border-bottom:none!important;margin:2px 8px;width:calc(100% - 16px)!important;border-radius:16px;padding:12px!important;transition:background .1s}
body.kio-pro .kib-item:hover{background:#f6f5fa!important}
body.kio-pro .kib-item.on{background:#f1ecff!important;box-shadow:inset 3px 0 0 var(--p-7c3aed,#7c3aed)}
body.kio-pro .kio-thread{border-radius:24px!important;flex:1 1 auto!important;min-width:0}
body.kio-pro .kib-th{padding:16px 20px!important}
body.kio-pro .kib-win{display:flex;align-items:center;gap:6px;background:#f6f5fa!important}
body.kio-pro .kib-win>i{font-size:12px;color:var(--p-7c3aed,#7c3aed)}
body.kio-pro .k-cvbar{padding:10px 16px!important;background:#fff}
body.kio-pro .k-cvbar select,body.kio-pro .k-cvbar button{border-radius:999px!important}
body.kio-pro .kib-msgs{background:#f6f5fa radial-gradient(#e9e5f3 1px,transparent 1px)!important;background-size:18px 18px!important;padding:22px!important;gap:10px!important}
body.kio-pro .kib-in{border-radius:18px 18px 18px 6px!important;box-shadow:0 1px 2px rgb(24 16 48/.06);padding:10px 14px!important}
body.kio-pro .kib-out{border-radius:18px 18px 6px 18px!important;padding:10px 14px!important;background:var(--p-7c3aed,#7c3aed)!important;color:#fff!important;box-shadow:none}
body.kio-pro .kib-out.kib-ai{background:#fff!important;color:var(--p-4c1d95,#4c1d95)!important;border:1px solid #e2d8fd;box-shadow:none}
body.kio-pro .kib-comp{padding:14px 16px!important;background:#fff;align-items:flex-end}
body.kio-pro .kib-comp textarea{border-radius:16px!important;min-height:44px!important}
body.kio-pro .kib-comp>button,body.kio-pro .kib-comp>div>button{border-radius:14px!important;width:44px!important;height:44px!important}
.kib-side{flex:0 0 290px;background:#fff;border-radius:24px;border:1px solid #f0eef5;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18);padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0;align-self:flex-start;position:sticky;top:16px}
.kib-side-h{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding-bottom:14px;border-bottom:1px solid #f3f1f7}
.kib-side-av{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;font-size:20px;font-weight:600;margin-bottom:6px}
.kib-side-h>b{font-size:16px;font-weight:500}.kib-side-h>small{font-size:12px;color:#a19db0;font-family:'Geist Mono',monospace}
.kib-side-ch{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;background:#f6f5fa;border-radius:999px;padding:3px 10px;margin-top:4px}
.kib-side-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kib-side-g>div{background:#f6f5fa;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.kib-side-g span{font-size:10.5px;color:#a19db0}.kib-side-g b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kib-side-s{display:flex;flex-direction:column;gap:8px}
.kib-side-t{font-size:11px;font-weight:600;color:#a19db0}
.kib-tags{display:flex;flex-wrap:wrap;gap:6px}.kib-tags>span{font-size:11.5px;font-weight:500;background:#f6f5fa;border-radius:999px;padding:3px 10px}
.kib-log{display:flex;gap:10px;align-items:flex-start}.kib-log>i{width:8px;height:8px;border-radius:50%;background:var(--p-c4b5fd,#c4b5fd);margin-top:5px;flex-shrink:0}
.kib-log b{display:block;font-size:12px;font-weight:500;line-height:1.4}.kib-log small{font-size:11px;color:#a19db0}
.kib-side-a{display:flex;flex-direction:column;gap:8px}.kib-side-a .kl-primary{width:100%}
@media (max-width:1250px){.kib-side{display:none}}
@media (max-width:900px){body.kio-pro .k-inbox{flex-wrap:wrap!important}body.kio-pro .kio-ilist{max-width:none!important;flex:1 1 100%!important}}

/* --- Client files and payments --- */
body.kio-pro .kc-card{padding:20px!important;gap:14px!important}
body.kio-pro .kc-card>div:first-child>div:first-child{border-radius:16px!important;width:46px!important;height:46px!important}
body.kio-pro .kc-card div[style*="height: 6px"]{height:8px!important;border-radius:999px!important;background:#efedf5!important}
body.kio-pro .kc-card div[style*="height: 6px"]>div{border-radius:999px!important;background:var(--p-7c3aed,#7c3aed)!important}

/* --- Settings: side tab rail --- */
@media (min-width:980px){
body.kio-pro .kset{display:grid!important;grid-template-columns:230px minmax(0,1fr);column-gap:22px;align-items:start}
body.kio-pro .kset>*{grid-column:2}
body.kio-pro .kset>.k-set-tabs{grid-column:1;grid-row:1 / span 40;position:sticky;top:16px;flex-direction:column;flex-wrap:nowrap;gap:2px;background:#fff;border-radius:22px;padding:10px;border:1px solid #f0eef5;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18)}
body.kio-pro .kset>.k-set-tabs .k-set-tab{border:none;border-radius:12px;height:40px;width:100%;background:transparent}
body.kio-pro .kset>.k-set-tabs .k-set-tab.on{background:#f1ecff;color:var(--p-5b21b6,#5b21b6);font-weight:600;box-shadow:inset 3px 0 0 var(--p-7c3aed,#7c3aed)}
}
body.kio-pro .k-help{border-radius:16px;background:#f7f3ff;border:1px solid #ece4fe}
body.kio-pro .kio-main button.kl-tab[style]{background:transparent!important;box-shadow:none!important}
body.kio-pro .kio-main .kib-ch button.kl-tab[style]{background:#fff!important}
body.kio-pro .kio-main .kib-ch button.kl-tab[style*="background: rgb(17, 16, 20)"]{background:#17131f!important}
body.kio-pro .kl-filters select{flex:0 1 auto}
@media (min-width:1100px){body.kio-pro .kan-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.kp-head{display:flex;gap:12px;padding:11px 20px;background:#f6f5fa;border-bottom:1px solid #ecebf2;font-size:11px;font-weight:600;color:#a19db0}
.kdr-facts{flex-shrink:0}

/* ===== KIO Pro remake (1 Nov 2026): shared kp- language. Only rendered for b_kio, so no body.kio-pro scope needed ===== */
.kp{display:flex;flex-direction:column;gap:14px}
.kp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.kp-views{display:flex;gap:6px;flex-wrap:wrap}
.kp-view{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px 0 11px;border-radius:12px;border:1px solid #ecebf2;background:#fff;color:#6e6a7c;font:500 12.5px/1 inherit;font-family:inherit;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.kp-view>i{font-size:15px}.kp-view>b{font-size:11px;font-weight:600;background:#f4f3f8;color:#6e6a7c;border-radius:999px;padding:3px 7px;min-width:12px;text-align:center}
.kp-view:hover{border-color:#d9d0f5;color:#17131f}
.kp-view.on{background:#17131f;border-color:#17131f;color:#fff;box-shadow:0 8px 18px -10px rgb(23 19 31/.6)}.kp-view.on>b{background:var(--p-7c3aed,#7c3aed);color:#fff}
.kp-acts{display:flex;gap:6px;flex-wrap:wrap}
.kp-btn{height:38px;padding:0 13px;border-radius:12px;border:1px solid #ecebf2;background:#fff;color:#17131f;font-weight:500;font-size:12.5px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.kp-btn:hover{border-color:#d9d0f5;background:#faf8ff}.kp-btn>i{font-size:14px;color:var(--p-7c3aed,#7c3aed)}
.kp-btn.sm{height:30px;padding:0 10px;font-size:12px}.kp-btn.danger{color:#c0392b;border-color:#fbd5d0;background:#fff5f4}
.kp-pri{height:38px;padding:0 16px;border-radius:12px;border:none;background:var(--p-7c3aed,#7c3aed);color:#fff;font-weight:600;font-size:12.5px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;box-shadow:none}
.kp-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #f0eef5;border-radius:20px;padding:10px;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -22px rgb(24 16 48/.2)}
.kp-search{flex:1 1 300px;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;background:#f6f5fa;color:#a19db0;min-width:0}
.kp-search>input{flex:1;min-width:0;border:none!important;outline:none;background:transparent!important;font-size:13px;color:#17131f;box-shadow:none!important;height:auto!important;padding:0!important}
.kp-tools>select{height:38px;border:none!important;background-color:#f6f5fa!important;border-radius:999px!important;padding:0 30px 0 14px;font-size:12.5px;font-weight:500;color:#17131f;min-width:0;max-width:170px}
.kp-clear{border:none;background:none;color:var(--p-6d28d9,#6d28d9);font-weight:600;font-size:12.5px;cursor:pointer;font-family:inherit}
.kp-sw{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:#f6f5fa;margin-left:auto}
.kp-swb{height:32px;padding:0 12px;border-radius:10px;border:none;background:transparent;color:#6e6a7c;font-weight:500;font-size:12.5px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.kp-swb.on{background:#fff;color:#17131f;box-shadow:0 1px 3px rgb(24 16 48/.12)}.kp-swb>i{font-size:14px}
[dir=rtl] .kp-sw{margin-left:0;margin-right:auto}
/* the table */
.kp-table{background:#fff;border:1px solid #f0eef5;border-radius:24px;overflow:hidden;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18)}
.kp-th,.kp-row{display:grid;grid-template-columns:40px minmax(220px,2.2fr) 150px 110px minmax(120px,1fr) 130px minmax(160px,1.4fr) 92px 128px;align-items:center;gap:10px;padding:0 16px}
.kp-th{height:44px;background:#f6f5fa;border-bottom:1px solid #ecebf2;font-size:11px;font-weight:600;color:#a19db0;position:sticky;top:0;z-index:2}
.kp-row{min-height:64px;border-bottom:1px solid #f3f1f7;cursor:pointer;transition:background .1s;position:relative}
.kp-row:hover{background:#faf9fd}.kp-row.sel{background:#f5f0ff}
.kp-row.fresh:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#ef4444}
.kp-row>span{min-width:0;font-size:13px}
.c-lead{display:flex;align-items:center;gap:11px}
.kp-av{position:relative;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}
.kp-av>i{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#ef4444;border:2px solid #fff}
.kp-who{display:flex;flex-direction:column;min-width:0;gap:1px}
.kp-who>b{font-weight:500;color:#17131f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-who>small{font-size:11.5px;color:#a19db0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.kp-tags{display:flex;gap:4px}.kp-tags>em{font-style:normal;font-size:10.5px;font-weight:500;background:#f6f5fa;border-radius:999px;padding:1px 7px;margin-top:2px}
.c-stage>select{height:28px;border:none!important;border-radius:999px!important;padding:0 26px 0 11px!important;font-size:12px;font-weight:600;cursor:pointer;max-width:100%}
.c-val>b{font-weight:600;font-variant-numeric:tabular-nums}
.c-src{display:flex;align-items:center;gap:8px}.c-src>i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.c-src>span{display:flex;flex-direction:column;min-width:0}.c-src b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-src small{font-size:11px;color:#a19db0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-own{display:flex;align-items:center;gap:8px;color:#6e6a7c}.c-own>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-oav{width:24px;height:24px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:600;flex-shrink:0}
.kp-next{display:flex;flex-direction:column;min-width:0;padding-left:10px;border-left:2px solid var(--p-c4b5fd,#c4b5fd)}
.kp-next>b{font-weight:500;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-next>small{font-size:11px;color:#a19db0}
.kp-next.late{border-left-color:#ef4444}.kp-next.late>small{color:#dc2626;font-weight:600}
.kp-next.none{border-left-color:#ecebf2}.kp-next.none>b{color:#c3bfcc;font-weight:400}
.c-last{color:#a19db0;font-size:12px!important;white-space:nowrap}
.c-act{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.kp-ic{width:32px;height:32px;border-radius:10px;border:1px solid #ecebf2;background:#fff;color:#6e6a7c;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .12s;text-decoration:none}
.kp-ic>i{font-size:14px}.kp-ic.wa{color:#16a34a}
.kp-row:hover .kp-ic{opacity:1}
.kp-claim{height:30px;padding:0 12px;border-radius:999px;border:none;background:var(--p-ede9fe,#ede9fe);color:var(--p-6d28d9,#6d28d9);font-weight:600;font-size:12px;font-family:inherit;cursor:pointer}
.kp-claim:hover{background:var(--p-7c3aed,#7c3aed);color:#fff}
.kp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;background:#f6f5fa;font-size:12.5px;color:#6e6a7c}
.kp-foot b{color:#17131f;font-weight:600}
.kp-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 20px;text-align:center}
.kp-empty>span{width:58px;height:58px;border-radius:18px;background:#f1ecff;color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;font-size:24px;margin-bottom:6px}
.kp-empty>b{font-size:15px;font-weight:600}.kp-empty>small{font-size:12.5px;color:#a19db0}.kp-empty>div{display:flex;gap:8px;margin-top:10px}
@media (max-width:1560px){.kp-th,.kp-row{grid-template-columns:36px minmax(200px,2fr) 140px 100px 120px minmax(150px,1.3fr) 112px}.kp-th>.c-src,.kp-th>.c-last,.kp-row>.c-src,.kp-row>.c-last{display:none!important}}
@media (max-width:1180px){.kp-th,.kp-row{grid-template-columns:36px minmax(190px,2fr) 136px 96px minmax(140px,1.3fr) 112px}.kp-th>.c-own,.kp-row>.c-own{display:none!important}}
@media (max-width:820px){.kp-th{display:none}.kp-row{grid-template-columns:32px minmax(0,1fr) auto;padding:10px 12px;gap:8px;min-height:0}.kp-row>.c-val,.kp-row>.c-own,.kp-row>.c-next,.kp-row>.c-src,.kp-row>.c-last{display:none!important}.kp-row>.c-act{grid-column:2 / -1;justify-content:flex-start}.kp-ic{opacity:1}.kp-acts .kp-btn>span{display:none}}
[dir=rtl] .kp-next{padding-left:0;padding-right:10px;border-left:none;border-right:2px solid var(--p-c4b5fd,#c4b5fd)}
.kp-stw{display:inline-flex;border-radius:999px;max-width:100%}
body.kio-pro .kio-main .kp-row .kp-stw>select,body.kio-pro .kio-main .kp-tools>select{border:none!important;box-shadow:none!important}
body.kio-pro .kio-main .kp-row .kp-stw>select{background-color:transparent!important;color:inherit!important;height:28px!important;border-radius:999px!important;padding:0 24px 0 11px!important;font-size:12px;font-weight:600;max-width:100%}
body.kio-pro .kio-main .kp-tools>select{border-radius:999px!important;height:38px!important}
.kp-views{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;padding-bottom:2px}.kp-views::-webkit-scrollbar{display:none}.kp-view{flex-shrink:0}
body.kio-pro .kio-main .kl-bulk select{background-color:#2a2433!important;color:#fff!important;border-color:#3a3445!important;border-radius:10px!important}

/* ===== KIO Pro remake, batches A to C (1 Nov 2026) ===== */
.kp-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kp-money>div{background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:16px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -22px rgb(24 16 48/.2)}
.kp-money span{font-size:12.5px;color:#6e6a7c}.kp-money b{font-size:24px;font-weight:500;letter-spacing:-.03em}.kp-money b.ok{color:#15803d}.kp-money b.warn{color:#b45309}
/* client file lanes */
.kd-lanes{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;align-items:flex-start}
.kd-lane{flex:0 0 290px;background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.kd-lane.first{background:#f9f8fc}
.kd-lane-h{display:flex;align-items:center;gap:8px;padding:6px 6px 4px}
.kd-lane-h>span{width:22px;height:22px;border-radius:7px;background:var(--p-ede9fe,#ede9fe);color:var(--p-6d28d9,#6d28d9);display:grid;place-items:center;font-size:11px;font-weight:600}
.kd-lane-h>b{flex:1;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-lane-h>em{font-style:normal;font-size:11px;font-weight:600;color:#6e6a7c;background:#f4f3f8;border-radius:999px;padding:2px 8px}
.kd-lane-b{display:flex;flex-direction:column;gap:8px;min-height:60px}
.kd-lane-e{border:1.5px dashed #e4e0ee;border-radius:14px;padding:16px;text-align:center;font-size:11.5px;color:#a19db0}
.kd-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.kd-fc{display:flex;flex-direction:column;gap:10px;text-align:left;width:100%;border:1px solid #f0eef5;background:#fff;border-radius:18px;padding:14px;cursor:pointer;font-family:inherit;color:inherit;transition:box-shadow .15s,transform .15s}
.kd-fc:hover{box-shadow:0 14px 30px -18px rgb(24 16 48/.35);}
.kd-fgrid .kd-fc{border-radius:22px;padding:18px;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -22px rgb(24 16 48/.2)}
.kd-fc-h{display:flex;align-items:center;gap:10px}
.kd-fc-av{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:13px;font-weight:600;flex-shrink:0}
.kd-fc-h>div{flex:1;min-width:0;display:flex;flex-direction:column}.kd-fc-h b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-fc-h small{font-size:11.5px;color:#a19db0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-fc-ring{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.kd-fc-ring>i{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal;font-size:9.5px;font-weight:600;color:var(--p-6d28d9,#6d28d9)}
.kd-fc-m{display:flex;justify-content:space-between;font-size:12px;color:#6e6a7c}.kd-fc-m b{color:#17131f;font-weight:600}
.kd-fc-f{display:flex;align-items:center;gap:10px;font-size:11.5px;color:#6e6a7c;flex-wrap:wrap}
.kd-fc-f>span{display:inline-flex;align-items:center;gap:4px}.kd-fc-f i{font-size:12px}.kd-fc-f>span.warn{color:#b45309;font-weight:600}
.kd-fc-st{border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600}
.kd-fc-f>em{font-style:normal;margin-left:auto;color:#a19db0}
/* payments */
.kpp-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
.kpp-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kpp-t{background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -22px rgb(24 16 48/.2)}
.kpp-t>span{font-size:12.5px;color:#6e6a7c}.kpp-t>b{font-size:26px;font-weight:500;letter-spacing:-.03em}.kpp-t>small{font-size:11.5px;color:#a19db0}
.kpp-t.hero{background:#17131f;color:#fff;border:none}
.kpp-t.hero>span,.kpp-t.hero>small{color:#d9cff7}
.kpp-t.late>b{color:#dc2626}
.kpp-chart{background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -22px rgb(24 16 48/.2)}
.kpp-bars{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:8px}
.kpm{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.kpm>span{width:100%;max-width:34px;border-radius:10px 10px 4px 4px;background:var(--p-ddd6fe,#ddd6fe)}.kpm>small{font-size:10.5px;color:#a19db0}
.kpm.now>span{background:var(--p-7c3aed,#7c3aed)}.kpm.now>small{color:var(--p-6d28d9,#6d28d9);font-weight:600}
.kpp-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.kpp-h{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px}.kpp-h h3{margin:0;font-size:16px;font-weight:500}.kpp-h>span{font-size:13px;font-weight:600;color:#15803d}.kpp-h>span.warn{color:#b45309}
.kpr{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid #f3f1f7}.kpr:hover{background:#faf9fd}
.kpr-av{width:36px;height:36px;border-radius:12px;background:var(--p-ede9fe,#ede9fe);color:var(--p-6d28d9,#6d28d9);display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}
.kpr-who{flex:1 1 170px;min-width:0;display:flex;flex-direction:column}.kpr-who>button{border:none;background:none;padding:0;font-weight:500;font-size:13.5px;font-family:inherit;color:#17131f;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpr-who>small{font-size:11.5px;color:#a19db0}
.kpr-c{font-size:12.5px;color:#6e6a7c;flex-shrink:0}.kpr-c a{color:var(--p-6d28d9,#6d28d9);font-weight:600;text-decoration:none;display:inline-flex;gap:4px;align-items:center}.kpr-c em{font-style:normal;color:#c3bfcc}.kpr-c em.no{color:#dc2626;opacity:.7}
.kpr-amt{width:120px;text-align:right;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}
.kpr-x{display:flex;gap:4px}.kpr-x>button{width:30px;height:30px;border-radius:9px;border:1px solid #ecebf2;background:#fff;color:#6e6a7c;cursor:pointer;display:grid;place-items:center;opacity:0}.kpr:hover .kpr-x>button{opacity:1}
.kpp-side{background:#fff;border:1px solid #f0eef5;border-radius:24px;padding-bottom:10px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18);position:sticky;top:16px}
.kpo{margin:0 10px 8px;border:1px solid #f0eef5;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:6px}
.kpo.late{border-color:#fecaca;background:#fff7f7}
.kpo-t{display:flex;justify-content:space-between;gap:8px}.kpo-t>button{border:none;background:none;padding:0;font-weight:600;font-size:13px;font-family:inherit;color:#17131f;cursor:pointer;text-align:left;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpo-t>b{font-weight:600;color:#b45309;white-space:nowrap}
.kpo-m{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:#6e6a7c}.kpo-m a{color:var(--p-6d28d9,#6d28d9);font-weight:600;text-decoration:none}
.kpo.late .kpo-m>span{color:#dc2626;font-weight:600}
.kpo-f{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpo-f small{font-size:11px;color:#a19db0}
.kp-empty.sm{padding:26px 14px}
@media (max-width:1100px){.kpp-top,.kpp-cols{grid-template-columns:minmax(0,1fr)}.kpp-side{position:static}}
@media (max-width:640px){.kp-money,.kpp-tiles{grid-template-columns:minmax(0,1fr)}.kpr{flex-wrap:wrap}.kpr-c{display:none}.kp-head{display:none}}
/* inbox list search and counts */
.kib-q{display:flex;align-items:center;gap:8px;margin:12px 12px 4px;height:40px;padding:0 12px;border-radius:12px;background:#f6f5fa;color:#a19db0}
.kib-q>input{flex:1;min-width:0;border:none!important;background:transparent!important;outline:none;font-size:13px;color:#17131f;box-shadow:none!important;padding:0!important;height:auto!important}
.kib-n{font-size:10px;font-weight:600;background:#efedf5;color:#6e6a7c;border-radius:999px;padding:1px 6px;margin-left:5px}
/* AI fleet */
.kf{display:flex;flex-direction:column;gap:14px}
.kf-sum{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,1fr));gap:14px}
.kf-hero{display:flex;align-items:center;gap:14px;border-radius:22px;padding:18px 20px;color:#fff;background:#17131f}
.kf-hero-ic{width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:22px;flex-shrink:0}
.kf-hero>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.kf-hero b{font-size:17px;font-weight:500}.kf-hero small{font-size:12.5px;color:#d9cff7}
.kf-k{background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;gap:6px}.kf-k span{font-size:12px;color:#6e6a7c}.kf-k b{font-size:24px;font-weight:500;letter-spacing:-.02em}.kf-k.warn b{color:#b45309}
.kf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.kf-card{background:#fff;border:1px solid #f0eef5;border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:12px;cursor:pointer;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -22px rgb(24 16 48/.2);transition:box-shadow .15s,transform .15s}
.kf-card:hover{box-shadow:0 18px 40px -20px rgb(24 16 48/.3)}.kf-card.on{border-color:var(--p-c4b5fd,#c4b5fd);box-shadow:0 0 0 3px color-mix(in srgb,var(--p-7c3aed,#7c3aed) 12%,transparent)}
.kf-h{display:flex;align-items:center;gap:12px}
.kf-av{width:46px;height:46px;border-radius:15px;background:var(--p-ede9fe,#ede9fe);color:var(--p-6d28d9,#6d28d9);display:grid;place-items:center;font-weight:600;flex-shrink:0}
.kf-n{flex:1;min-width:0;display:flex;flex-direction:column}.kf-n b{font-size:15px;font-weight:500}.kf-n small{font-size:11.5px;color:#a19db0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf-tog{width:44px;height:26px;border-radius:999px;border:none;background:#e4e1ec;position:relative;cursor:pointer;flex-shrink:0;transition:background .15s}
.kf-tog>i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .15s}
.kf-tog.on{background:var(--p-7c3aed,#7c3aed)}.kf-tog.on>i{left:21px}
.kf-tags{display:flex;gap:6px;flex-wrap:wrap}.kf-tags>span{font-size:11px;font-weight:600;border-radius:999px;padding:3px 9px;background:#f4f3f8;color:#6e6a7c}
.kf-st.on{background:#dcfce7!important;color:#15803d!important}
.kf-ch{display:flex;gap:6px;flex-wrap:wrap;min-height:24px}.kf-ch>span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;background:#f6f5fa;border-radius:999px;padding:3px 9px}.kf-ch em{font-style:normal;font-size:11.5px;color:#c3bfcc}
.kf-st4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#f0eef5;border-radius:14px;overflow:hidden}
.kf-st4>div{background:#fafafd;padding:9px 6px;display:flex;flex-direction:column;align-items:center;gap:1px}.kf-st4 b{font-size:14px;font-weight:600}.kf-st4 span{font-size:10.5px;color:#a19db0}
.kf-f{display:flex;align-items:center;gap:10px;font-size:11.5px;color:#6e6a7c}.kf-f>span{display:inline-flex;align-items:center;gap:4px}.kf-f>span.warn{color:#b45309;font-weight:600}.kf-f>em{font-style:normal;margin-left:auto;color:var(--p-6d28d9,#6d28d9);font-weight:600;display:inline-flex;align-items:center;gap:4px}
@media (max-width:1100px){.kf-sum{grid-template-columns:repeat(3,minmax(0,1fr))}.kf-hero{grid-column:1/-1}}
@media (max-width:640px){.kf-sum{grid-template-columns:minmax(0,1fr)}.kf-hero{flex-wrap:wrap}}
/* team */
.kt{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #f0eef5;border-radius:26px;padding:22px 24px;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18)}
.kt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.kt-card{border:1px solid #f0eef5;border-radius:20px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff}
.kt-top{position:relative;margin-bottom:6px}
.kt-av{position:relative;width:56px;height:56px;border-radius:19px;color:#fff;display:grid;place-items:center;font-size:17px;font-weight:600}
.kt-av>i{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;border:3px solid #fff}
.kt-ai{position:absolute;top:-6px;right:-14px;font-size:9.5px;font-weight:600;background:var(--p-7c3aed,#7c3aed);color:#fff;border-radius:999px;padding:2px 6px}
.kt-name{font-size:14px;font-weight:500}.kt-mail{font-size:11px;color:#a19db0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kt-role{font-size:11px;font-weight:600;color:var(--p-6d28d9,#6d28d9);background:var(--p-ede9fe,#ede9fe);border-radius:999px;padding:2px 9px;margin-top:4px}
.kt-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px;margin-top:8px}.kt-st>div{display:flex;flex-direction:column;background:#f6f5fa;border-radius:12px;padding:7px 2px}.kt-st b{font-size:14px;font-weight:600}.kt-st span{font-size:10px;color:#a19db0}
.kt-state{font-size:11px;color:#a19db0;margin-top:4px}
/* n8n control room */
.ka-err{display:flex;gap:8px;align-items:center;background:#fee2e2;color:#b91c1c;border-radius:16px;padding:12px 14px;font-size:13px}
.ka-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-radius:26px;padding:22px 24px;color:#fff;background:#17131f}
.ka-pulse{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-left:6px}
.ka-hero-t{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px}.ka-hero-t .kd-eye{color:#f9a8d4}.ka-hero-t b{font-size:20px;font-weight:500}.ka-hero-t small{font-size:12.5px;color:#d9cff7}
.ka-hero-a{display:flex;gap:8px;flex-wrap:wrap}.ka-hero-a .kp-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff;text-decoration:none}.ka-hero-a .kp-btn>i{color:#f9a8d4}
.ka-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.ka-k{background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:16px 18px;display:flex;flex-direction:column;gap:5px}.ka-k span{font-size:12px;color:#6e6a7c}.ka-k b{font-size:24px;font-weight:500;letter-spacing:-.02em}.ka-k small{font-size:11px;color:#a19db0}
.ka-cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.ka-main{display:flex;flex-direction:column;gap:12px}
.ka-wfs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ka-wf{background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.ka-wf-h{display:flex;align-items:center;gap:10px}.ka-wf-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:17px;flex-shrink:0}
.ka-wf-h>div{flex:1;min-width:0;display:flex;flex-direction:column}.ka-wf-h small{font-size:11px;color:#a19db0}.ka-wf-h b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ka-tog{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:none;font-weight:600;font-size:11.5px;cursor:pointer;font-family:inherit;flex-shrink:0}.ka-tog>i{width:7px;height:7px;border-radius:50%}
.ka-wf-k{display:flex;align-items:center;gap:12px;font-size:12px;color:#6e6a7c;flex-wrap:wrap}.ka-wf-k b.ok{color:#15803d}.ka-kind{border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600}.ka-last{margin-left:auto;font-size:11px;color:#a19db0}
.ka-help{font-size:11.5px;color:#a19db0;line-height:1.45}
.ka-wf-a{display:flex;gap:6px;flex-wrap:wrap}.ka-wf-a a{text-decoration:none}
.ka-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:16px}
.ka-card{background:#fff;border:1px solid #f0eef5;border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18)}
.ka-ev{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ka-ev>div{background:#f6f5fa;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:2px}.ka-ev b{font-size:18px;font-weight:600}.ka-ev span{font-size:10.5px;color:#a19db0}
.ka-everr{font-size:12px;color:#dc2626}
.ka-ok{display:flex;gap:8px;align-items:center;color:#15803d;background:#dcfce7;border-radius:14px;padding:10px 12px;font-size:12.5px;font-weight:500}
.ka-fail{display:flex;gap:10px;align-items:flex-start;border:1px solid #fecaca;background:#fff7f7;border-radius:14px;padding:10px 12px}.ka-fail>i{color:#dc2626;font-size:16px;margin-top:1px}
.ka-fail>div{min-width:0;display:flex;flex-direction:column;gap:2px}.ka-fail b{font-size:12.5px}.ka-fail small{font-size:11.5px;color:#6e6a7c;overflow-wrap:anywhere}.ka-fail em{font-style:normal;font-size:11px;color:#a19db0}.ka-fail-a{display:flex;gap:6px;margin-top:4px}.ka-fail-a a{text-decoration:none}
@media (max-width:1150px){.ka-cols{grid-template-columns:minmax(0,1fr)}.ka-side{position:static}}
/* businesses roster */
.kb-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:14px;align-items:stretch}
.kb-k{background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:16px 18px;display:flex;flex-direction:column;gap:5px}.kb-k span{font-size:12px;color:#6e6a7c}.kb-k b{font-size:24px;font-weight:500}.kb-k b.ok{color:#15803d}
.kb-sum>.kp-pri{align-self:center;height:44px}
.kb-list{display:flex;flex-direction:column;gap:12px}
.kb-row{background:#fff;border:1px solid #f0eef5;border-radius:24px;padding:18px 20px;display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(0,2fr);gap:14px 22px;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -22px rgb(24 16 48/.2)}
.kb-id{display:flex;align-items:flex-start;gap:12px;min-width:0}
.kb-av{width:48px;height:48px;border-radius:16px;background:var(--p-7c3aed,#7c3aed);color:#fff;display:grid;place-items:center;font-weight:600;font-size:17px;flex-shrink:0}
.kb-id>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.kb-id b{font-size:15px;font-weight:500}.kb-id small{font-size:11.5px;color:#a19db0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-state{font-size:11px;font-weight:600;border-radius:999px;padding:3px 10px;white-space:nowrap}
.kb-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kb-figs>div{background:#f6f5fa;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}.kb-figs span{font-size:10.5px;color:#a19db0}.kb-figs b{font-size:17px;font-weight:600}.kb-figs em{font-style:normal;font-size:10.5px;color:#6e6a7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-mods{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:12px;border-top:1px solid #f3f1f7}
.kb-mods-t{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#6e6a7c;margin-right:6px}
.kb-mods>button{height:30px;padding:0 11px;border-radius:999px;border:1px solid;font-size:11.5px;font-weight:500;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.kb-mods>button.kb-all{border:none;background:none;color:var(--p-6d28d9,#6d28d9);font-weight:600}
.kb-act{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:1000px){.kb-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-row{grid-template-columns:minmax(0,1fr)}.kb-figs{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* value wrappers of the template runtime always take their parent’s look (never styled as a span) */
body.kio-pro span.sc-interp{font:inherit!important;color:inherit!important;background:none!important;padding:0!important;margin:0!important;border:0!important;width:auto!important;height:auto!important;min-width:0!important;display:inline!important;letter-spacing:inherit!important;box-shadow:none!important;border-radius:0!important}
body.kio-pro .ag-totals,body.kio-pro .ag-list{display:none!important}

/* ===== KIO Pro analytics (kan-) ===== */
.kan{gap:16px}
.kan-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.kan-h h2{margin:2px 0 0;font-size:22px;font-weight:500;letter-spacing:-.02em}
.kan-h.ads{margin-top:14px;padding-top:22px;border-top:1px dashed #e4e0ee}
.kan-per{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:#fff;border:1px solid #ecebf2}
.kan-per>button{height:32px;padding:0 12px;border-radius:10px;border:none;font-weight:500;font-size:12.5px;font-family:inherit;cursor:pointer}
.kan-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kan-k>div{background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -22px rgb(24 16 48/.2);min-width:0}
.kan-k span{font-size:12.5px;color:#6e6a7c}.kan-k b{font-size:26px;font-weight:500;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kan-k small{font-size:11.5px;color:#a19db0}
.kan-weeks{display:flex;align-items:flex-end;gap:6px;height:210px;padding-top:6px}
.kan-weeks>div{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.kan-weeks em{font-style:normal;font-size:10.5px;font-weight:600;color:#6e6a7c}
.kan-weeks span{width:100%;max-width:30px;min-height:3px;border-radius:9px 9px 3px 3px;background:var(--p-7c3aed,#7c3aed)}
.kan-weeks small{font-size:10px;color:#a19db0;white-space:nowrap}
.kan-bars{display:flex;flex-direction:column;gap:12px}
.kan-bl{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:6px}
.kan-bl>i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kan-bl>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kan-bl>b{font-weight:600}.kan-bl>em{font-style:normal;font-size:11px;color:#a19db0}
.kan-list{display:flex;flex-direction:column;gap:6px}
.kan-list>div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#f6f5fa;font-size:13px}
.kan-list>div>span{flex:1;min-width:0}.kan-list>div>b{font-weight:600}.kan-list>div>em{font-style:normal;font-size:11px;color:#a19db0}
.kan-list.money>div>b{font-size:15px}
.kan-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.kan-team>div{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #f0eef5;border-radius:16px}
.kan-av{width:36px;height:36px;border-radius:12px;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}
.kan-team b{display:block;font-size:13px;font-weight:500}.kan-team small{font-size:11.5px;color:#a19db0}
.kan-note{display:flex;gap:8px;align-items:center;background:#f7f3ff;border:1px solid #ece4fe;color:var(--p-5b21b6,#5b21b6);border-radius:16px;padding:12px 14px;font-size:13px}
.kan-pairs{display:flex;align-items:flex-end;gap:8px;height:190px}
.kan-pairs>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.kan-pairs>div>div{display:flex;align-items:flex-end;gap:3px;height:160px}
.kan-pairs span{width:9px;border-radius:6px 6px 3px 3px;min-height:3px}.kan-pairs span.s{background:var(--p-7c3aed,#7c3aed)}.kan-pairs span.l{background:var(--p-ddd6fe,#ddd6fe)}
.kan-pairs small{font-size:10px;color:#a19db0;white-space:nowrap}
.kan-plats{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.kan-plat{text-align:left;font-family:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.kan-plat:hover{box-shadow:0 14px 30px -18px rgb(24 16 48/.3)}
.kan-plat-h{display:flex;align-items:center;gap:8px}.kan-plat-h>i{width:10px;height:10px;border-radius:50%}.kan-plat-h>b{font-size:14px;font-weight:600;flex:1}.kan-plat-h>em{font-style:normal;font-size:10.5px;font-weight:600;background:#dcfce7;color:#15803d;border-radius:999px;padding:2px 8px}
.kan-plat-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kan-plat-g>div{background:#f6f5fa;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.kan-plat-g span{font-size:10.5px;color:#a19db0}.kan-plat-g b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kan-tw{overflow-x:auto}
.kan-t{width:100%;border-collapse:collapse;min-width:860px;font-size:13px}
.kan-t th{text-align:left;font-size:11px;font-weight:600;color:#a19db0;background:#f6f5fa;padding:11px 14px;border-bottom:1px solid #ecebf2}
.kan-t td{padding:12px 14px;border-bottom:1px solid #f3f1f7;font-variant-numeric:tabular-nums}
.kan-t td b{display:block;font-weight:500}.kan-t td small{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#a19db0}.kan-t td small>i{width:7px;height:7px;border-radius:50%}
.kan-st{font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px}
@media (max-width:1000px){.kan-k{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.kan-k{grid-template-columns:minmax(0,1fr)}.kan-plat-g{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== KIO Pro connections board and branding preview ===== */
.kc,.kbr{background:#fff;border:1px solid #f0eef5;border-radius:26px;padding:22px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 2px rgb(24 16 48/.03),0 10px 30px -18px rgb(24 16 48/.18)}
.kc-h h3,.kbr-t h3{margin:2px 0 0;font-size:18px;font-weight:500}.kc-h p,.kbr-t p{margin:3px 0 0;font-size:12.5px;color:#a19db0}
.kc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.kc-tile{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;border:1px solid #f0eef5;background:#fafafd;opacity:.75}
.kc-tile.on{opacity:1;background:#fff;box-shadow:0 1px 2px rgb(24 16 48/.04)}
.kc-ic{width:36px;height:36px;border-radius:12px;background:#fff;border:1px solid #f0eef5;display:grid;place-items:center;font-size:17px;flex-shrink:0}
.kc-tile>div{flex:1;min-width:0;display:flex;flex-direction:column}.kc-tile b{font-size:13px;font-weight:500}.kc-tile small{font-size:11px;color:#a19db0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc-st{font-size:10.5px;font-weight:600;border-radius:999px;padding:2px 8px;white-space:nowrap}
.kbr-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kbr-card{display:flex;flex-direction:column;gap:8px;min-width:0}.kbr-card>small{font-size:11px;font-weight:600;color:#a19db0}
.kbr-inv{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #f0eef5;border-radius:16px;padding:16px;min-height:96px}
.kbr-logo img{width:46px!important;height:46px!important;border-radius:12px!important;object-fit:contain}.kbr-logo>span{width:46px;height:46px;border-radius:12px;color:#fff;display:grid;place-items:center;font-weight:600}
.kbr-inv>div:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.kbr-inv b{font-size:14px}.kbr-inv em{font-style:normal;font-size:11.5px;color:#a19db0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kbr-no{font-weight:600;letter-spacing:.12em;font-size:12px}
.kbr-chat{border:1px solid #f0eef5;border-radius:16px;overflow:hidden;background:#f6f5fa}
.kbr-chat-h{color:#fff;padding:10px 12px;display:flex;flex-direction:column}.kbr-chat-h b{font-size:13px}.kbr-chat-h span{font-size:10.5px;opacity:.85}
.kbr-chat-b{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.kbr-chat-b p{margin:0;font-size:12px;padding:7px 10px;border-radius:12px;max-width:80%}.kbr-chat-b p.in{background:#fff;align-self:flex-start}.kbr-chat-b p.out{color:#fff;align-self:flex-end}
.kbr-chat-f{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;font-size:11.5px;color:#a19db0}.kbr-chat-f span{flex:1}.kbr-chat-f i{width:22px;height:22px;border-radius:7px}
.kbr-ui{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:1px solid #f0eef5;border-radius:16px;padding:16px;background:#fff;min-height:96px}
.kbr-ui button{height:34px;padding:0 14px;border-radius:10px;border:none;color:#fff;font-weight:600;font-size:12px;font-family:inherit}
.kbr-ui>span{font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 10px}
.kbr-bar{display:flex;width:100%;height:8px;border-radius:999px;overflow:hidden}.kbr-bar>i{flex:1}
@media (max-width:1000px){.kbr-g{grid-template-columns:minmax(0,1fr)}}
body.kio-pro .br-oldprev{display:none!important}

/* ===== 1 Nov 2026: AnaCRM look for b_kio (frame, top bar, page header, dashboard, tasks, drive, notifications, action center) ===== */
body.kio-pro{background:#e9e8f0}
body.kio-pro .kio-shell{margin:14px;min-height:calc(100vh - 28px)!important;border-radius:30px;background:#f4f3f8;box-shadow:0 0 0 1px rgba(255,255,255,.7) inset;overflow:visible}
body.kio-pro .kio-side{background:#fff!important;border:1px solid #ecebf2!important;border-radius:26px;margin:14px 0 14px 14px;height:calc(100vh - 56px)!important;top:28px!important;box-shadow:0 1px 2px rgb(24 16 48/.04),0 12px 30px -20px rgb(24 16 48/.25)}
body.kio-pro .k-ni.on{background:#17131f;box-shadow:0 8px 18px -10px rgb(23 19 31/.7)}
body.kio-pro .k-ns.act .k-ns-num,body.kio-pro .k-ns.act .k-ns-ic{color:#17131f}
body.kio-pro .k-ns.open{background:#f6f5fa}
body.kio-pro .kio-main{background:none;padding:22px 26px 56px 22px}
@media (max-width:900px){body.kio-pro .kio-shell{margin:0;border-radius:0}body.kio-pro .kio-side{margin:0;border-radius:0 24px 24px 0;height:100vh!important;top:0!important}}
/* top bar */
.ktb{display:flex;align-items:center;gap:14px;min-width:0}
.ktb-ws{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 16px 0 6px;border-radius:999px;border:1px solid #ecebf2;background:#fff;cursor:pointer;font-family:inherit;flex-shrink:0;box-shadow:0 1px 2px rgb(24 16 48/.04)}
.ktb-ws>span{width:34px;height:34px;border-radius:50%;background:var(--p-7c3aed,#7c3aed);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px}
.ktb-ws>b{font-size:13.5px;font-weight:600;color:#17131f;white-space:nowrap}
.ktb-bc{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#8b8796;min-width:0;padding-left:14px;border-left:1px solid #e4e1ec;white-space:nowrap;overflow:hidden}
.ktb-bc>i{font-size:13px}.ktb-bc>b{color:#17131f;font-weight:600;overflow:hidden;text-overflow:ellipsis}
[dir=rtl] .ktb-bc{padding-left:0;padding-right:14px;border-left:none;border-right:1px solid #e4e1ec}[dir=rtl] .ktb-bc>i{transform:scaleX(-1)}
.ktb-kbd{font:500 10.5px 'Geist Mono',monospace;color:#8b8796;background:#f4f3f8;border:1px solid #e4e1ec;border-radius:7px;padding:2px 7px;flex-shrink:0}
body.kio-pro .kio-head{min-height:52px;padding-bottom:6px;border-bottom:1px solid #e9e7f0}
body.kio-pro .kio-greet{min-width:0!important}
body.kio-pro .kio-search{width:340px!important;height:46px!important;background:#fff}
body.kio-pro .kio-lang-top,body.kio-pro .kio-bell{height:46px!important}
body.kio-pro .kio-bell{width:46px!important}
body.kio-pro .kio-me{display:flex!important;width:auto;height:46px;padding:4px 16px 4px 5px!important}
body.kio-pro .kio-me>div:last-child{display:block}
body.kio-pro .kio-me>div:first-child{width:36px!important;height:36px!important;background:var(--p-7c3aed,#7c3aed)!important}
@media (max-width:1280px){body.kio-pro .kio-me>div:last-child{display:none}body.kio-pro .kio-me{padding:4px!important}.ktb-bc{display:none}}
@media (max-width:640px){.ktb-ws>b{display:none}.ktb-ws{padding:0 6px}body.kio-pro .kio-me{display:none!important}}
/* page header (title in the content, like AnaCRM) */
.kph3{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:6px 0 2px}
.kph3-t{min-width:0}.kph3-t h1{margin:0;font-size:36px;font-weight:500;letter-spacing:-.03em;line-height:1.1;color:#17131f}
.kph3-t p{margin:8px 0 0;font-size:15px;color:#6e6a7c}
.kph3-a{display:inline-flex;align-items:center;background:#fff;border:1px solid #ecebf2;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgb(24 16 48/.04)}
.kph3-a>button{height:44px;padding:0 16px;border:none;background:#fff;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;color:#17131f}
.kph3-a>button+button{border-left:1px solid #ecebf2}.kph3-a>button.new{color:var(--p-7c3aed,#7c3aed)}.kph3-a>button:hover{background:#faf8ff}
.kph3-a i{font-size:15px}
@media (max-width:640px){.kph3-t h1{font-size:26px}.kph3-t p{font-size:13px}}
/* old KIO dashboard blocks replaced by the AnaCRM layout */
body.kio-pro .k-today,body.kio-pro .k-dx,body.kio-pro .kd-hero,body.kio-pro .kd-sec,body.kio-pro .kd-revrow{display:none!important}
body.kio-pro .k-hero{display:none!important}
/* dashboard v2 */
.kd2{display:flex;flex-direction:column;gap:18px}
.kd2-r1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);gap:18px}
.kd2-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.05fr);gap:18px}
.kd2-card{background:#fff;border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.kd2-col{display:flex;flex-direction:column;gap:18px}
.kd2-ph{display:flex;align-items:center;justify-content:space-between;gap:10px}.kd2-ph>span{font-size:15px;color:#3a3642}
.kd2-ph>em{font-style:normal;font-size:11.5px;font-weight:600;background:#f4f3f8;border-radius:999px;padding:5px 11px;color:#6e6a7c}
.kd2-ph h3{margin:0;font-size:17px;font-weight:500;display:flex;align-items:center;gap:10px}.kd2-ph h3>i{width:34px;height:34px;border-radius:50%;border:1px solid #ecebf2;display:grid;place-items:center;font-size:15px}.kd2-ph>i{font-size:17px;color:#a19db0}
.kd2-big{font-size:34px;font-weight:500;letter-spacing:-.03em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd2-sub{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#8b8796}
.kd2-delta{font-size:11.5px;font-weight:600;color:#15803d;background:#dcfce7;border-radius:999px;padding:3px 8px;margin-right:6px}.kd2-delta.down{color:#b91c1c;background:#fee2e2}
.kd2-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kd2-btns>button{height:50px;border-radius:999px;border:none;background:#f4f3f8;font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#17131f}
.kd2-btns>button.ink{background:#17131f;color:#fff}.kd2-btns i{font-size:16px}
.kd2-well{background:#f6f5fa;border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:10px}
.kd2-well-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;padding:2px 4px}.kd2-well-h>b{font-weight:500}.kd2-well-h>span{color:#8b8796}
.kd2-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.kd2-stages>div{background:#fff;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.kd2-stages small{font-size:11.5px;color:#6e6a7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd2-stages b{font-size:15px;font-weight:600}.kd2-stages em{font-style:normal;font-size:10.5px;color:#a19db0}.kd2-stages i{font-style:normal;font-size:11px;font-weight:600;margin-top:2px}
.kd2-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:#f6f5fa}
.kd2-t{background:#fff;border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:8px;min-height:150px}
.kd2-th{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#3a3642}.kd2-th>i{width:30px;height:30px;border-radius:50%;background:#f4f3f8;display:grid;place-items:center;font-size:14px;color:#8b8796}
.kd2-t>b{font-size:30px;font-weight:500;letter-spacing:-.03em;margin-top:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd2-t>small{font-size:12px;color:#8b8796;display:flex;align-items:center}
.kd2-t.hero{background:var(--p-7c3aed,#7c3aed);color:#fff;box-shadow:none}.kd2-t.hero .kd2-th{color:#fff}.kd2-t.hero .kd2-th>i{background:rgba(255,255,255,.2);color:#fff}.kd2-t.hero>small{color:#e9ddff}
.kd2-inc h3{margin:0;font-size:19px;font-weight:500}.kd2-inc>p{margin:-8px 0 0;font-size:12.5px;color:#8b8796}
.kd2-leg{display:inline-flex;align-items:center;gap:6px;font-size:11.5px}.kd2-leg>i{width:9px;height:9px;border-radius:3px;margin-left:8px}.kd2-leg>i.o{background:repeating-linear-gradient(45deg,var(--p-a78bfa,#a78bfa) 0 3px,var(--p-7c3aed,#7c3aed) 3px 6px)}.kd2-leg>i.c{background:#17131f}
.kd2-chart{display:flex;gap:8px;padding:4px}
.kd2-y{display:flex;flex-direction:column;justify-content:space-between;height:150px;font-size:10.5px;color:#a19db0;text-align:right;min-width:28px}
.kd2-bars{flex:1;display:flex;align-items:flex-end;gap:6px;height:172px;border-bottom:1px dashed #e4e1ec}
.kd2-m{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.kd2-stack{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:150px;width:100%}
.kd2-stack>span{width:70%;max-width:30px}.kd2-stack>.o{border-radius:8px 8px 0 0;background:repeating-linear-gradient(45deg,var(--p-a78bfa,#a78bfa) 0 4px,var(--p-7c3aed,#7c3aed) 4px 8px)}.kd2-stack>.c{background:#17131f;border-radius:0 0 8px 8px}
.kd2-stack>span:only-child,.kd2-stack>.o[style*="height: 0px"]+.c{border-radius:8px}
.kd2-m>small{font-size:10.5px;color:#a19db0}.kd2-m.now>small{color:#17131f;font-weight:600}
.kd2-prog{height:12px;border-radius:999px;background:repeating-linear-gradient(45deg,#ecebf2 0 6px,#f6f5fa 6px 12px);overflow:hidden}.kd2-prog>span{display:block;height:100%;border-radius:999px;background:var(--p-7c3aed,#7c3aed)}
.kd2-pl{display:flex;justify-content:space-between;font-size:13px;color:#8b8796}.kd2-pl b{color:#17131f}
.kd2-note{font-size:12px;color:#a19db0}
.kd2-add{height:36px;padding:0 14px;border-radius:999px;border:1px solid #ecebf2;background:#fff;font-weight:500;font-size:12.5px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#17131f}
.kd2-ups{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kd2-up{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:none;border-radius:20px;padding:14px;cursor:pointer;font-family:inherit;color:#fff;background:#17131f;min-height:120px}
.kd2-up.alt{background:var(--p-7c3aed,#7c3aed)}.kd2-up.late{box-shadow:inset 0 0 0 2px #f87171}
.kd2-chip{font-size:10.5px;font-weight:600;background:rgba(255,255,255,.16);border-radius:999px;padding:3px 9px;margin-bottom:auto}
.kd2-up small{font-size:11.5px;opacity:.75;margin-top:10px}.kd2-up b{font-size:14px;font-weight:600}.kd2-up em{font-style:normal;font-size:11px;opacity:.7}
.kd2-act .kd2-ph h3{font-size:19px}
.kd2-tbl{border:1px solid #ecebf2;border-radius:20px;overflow:hidden}
.kd2-tr{display:grid;grid-template-columns:120px minmax(0,1.6fr) 130px 160px 140px;gap:10px;align-items:center;padding:14px 18px;border:none;border-top:1px solid #f1eff6;background:#fff;width:100%;text-align:left;font-family:inherit;font-size:13px;color:#17131f;cursor:pointer}
.kd2-tr:hover{background:#faf9fd}
.kd2-tr.th{background:#f6f5fa;border-top:none;cursor:default;color:#6e6a7c;font-size:12.5px}
.kd2-tr .mono{font-family:'Geist Mono',monospace;font-size:12.5px}.kd2-tr .who{display:flex;flex-direction:column;min-width:0}.kd2-tr .who b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd2-tr .who small{font-size:11.5px;color:#a19db0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd2-tr .st{display:inline-flex;align-items:center;gap:7px}.kd2-tr .st>i{width:7px;height:7px;border-radius:50%}.kd2-tr .dt{color:#6e6a7c}
@media (max-width:1300px){.kd2-r1{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kd2-inc{grid-column:1/-1}.kd2-r2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.kd2-r1{grid-template-columns:minmax(0,1fr)}.kd2-tr{grid-template-columns:minmax(0,1fr) auto}.kd2-tr>span:nth-child(1),.kd2-tr>span:nth-child(4),.kd2-tr>span:nth-child(5){display:none}.kd2-tiles{grid-template-columns:1fr 1fr}.kd2-t{min-height:120px}.kd2-t>b{font-size:22px}}
/* tasks */
.kt2{display:flex;flex-direction:column}
.kt2-g{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#f6f5fa;border-bottom:1px solid #ecebf2}.kt2-g>b{font-size:13px;font-weight:600}.kt2-g>em{font-style:normal;font-size:11px;font-weight:600;background:#fff;border-radius:999px;padding:2px 8px;color:#6e6a7c}
.kt2-g.late>b{color:#dc2626}.kt2-g.today>b{color:var(--p-6d28d9,#6d28d9)}
.kt2-r{display:grid;grid-template-columns:34px minmax(0,1fr) 150px 110px 36px;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid #f3f1f7}
.kt2-r:hover{background:#faf9fd}.kt2-r:hover .kp-ic{opacity:1}
.kt2-chk{width:26px;height:26px;border-radius:8px;border:1.5px solid #d9d5e4;background:#fff;cursor:pointer;display:grid;place-items:center;color:transparent;transition:background-color .12s,border-color .12s,color .12s}
.kt2-chk:hover{border-color:var(--p-7c3aed,#7c3aed);color:var(--p-7c3aed,#7c3aed);background:#f5f0ff}
.kt2-t{min-width:0;cursor:pointer;display:flex;flex-direction:column}.kt2-t>b{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kt2-t>small{font-size:11.5px;color:#a19db0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kt2-who{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#6e6a7c;min-width:0}.kt2-who>i{width:24px;height:24px;border-radius:50%;color:#fff;font-style:normal;font-size:9px;font-weight:600;display:grid;place-items:center;flex-shrink:0}
.kt2-due{font-size:12.5px;color:#6e6a7c}.kt2-g.late~.kt2-r .kt2-due{color:#dc2626;font-weight:600}
@media (max-width:760px){.kt2-r{grid-template-columns:30px minmax(0,1fr) auto}.kt2-who,.kt2-r>.kp-ic{display:none}}
/* drive */
.kdr-tr{display:grid;grid-template-columns:minmax(0,2fr) 110px minmax(0,1fr) 110px 150px;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid #f3f1f7;font-size:13px}
.kdr-tr.th{background:#f6f5fa;font-size:11px;font-weight:600;color:#a19db0;padding:11px 20px}
.kdr-tr:not(.th):hover{background:#faf9fd}
.kdr-n{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:#17131f}.kdr-n>i{font-size:18px;flex-shrink:0}.kdr-n>b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kdr-type{font-size:11px;font-weight:600;background:#f4f3f8;border-radius:999px;padding:3px 9px;justify-self:start;color:#6e6a7c}
.kdr-c{border:none;background:none;padding:0;font-weight:500;font-size:13px;font-family:inherit;color:var(--p-6d28d9,#6d28d9);cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kdr-d{color:#a19db0;font-size:12px}
.kdr-exp{font-style:normal;font-size:11px;font-weight:600;border-radius:999px;padding:3px 9px}.kdr-exp.bad{background:#fee2e2;color:#b91c1c}.kdr-exp.warn{background:#fef3c7;color:#b45309}.kdr-exp.ok{background:#dcfce7;color:#15803d}
.kdr-folds{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.kdr-fold{background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:6px}
.kdr-fh{display:flex;align-items:center;gap:10px;margin-bottom:6px}.kdr-fi{width:42px;height:42px;border-radius:14px;background:#fef3c7;color:#d97706;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.kdr-fh>div{flex:1;min-width:0;display:flex;flex-direction:column}.kdr-fh b{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kdr-fh small{font-size:11.5px;color:#a19db0}
.kdr-ff{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:10px;text-decoration:none;color:#17131f;font-size:12.5px}.kdr-ff:hover{background:#f6f5fa}.kdr-ff>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kdr-more{font-size:11.5px;color:#a19db0;padding-left:8px}
@media (max-width:760px){.kdr-tr{grid-template-columns:minmax(0,1fr) auto}.kdr-tr>:nth-child(2),.kdr-tr>:nth-child(3),.kdr-tr>:nth-child(4){display:none}}
/* notifications */
.kn-h b{font-size:14px;font-weight:600}
.kn-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;border:none;border-bottom:1px solid #f3f1f7;background:#fff;text-align:left;font-family:inherit;cursor:pointer;color:#6e6a7c;font-size:13px}
.kn-row:hover{background:#faf9fd}.kn-row>i{width:8px;height:8px;border-radius:50%;background:transparent;flex-shrink:0}.kn-row>span{flex:1;min-width:0}.kn-row>small{font-size:11.5px;color:#a19db0;white-space:nowrap}
.kn-row.unread{color:#17131f;font-weight:500;background:#fbf9ff}.kn-row.unread>i{background:var(--p-7c3aed,#7c3aed)}
/* action center */
.kac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.kac{background:#fff;border-radius:26px;padding:18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.kac-h{display:flex;align-items:center;gap:12px;margin-bottom:8px}.kac-ic{width:42px;height:42px;border-radius:14px;background:#f5f0ff;color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;font-size:19px;flex-shrink:0}
.kac-h>div{flex:1;min-width:0;display:flex;flex-direction:column}.kac-h b{font-size:15px;font-weight:500}.kac-h small{font-size:12px;color:#a19db0}.kac-h>em{font-style:normal;font-size:20px;font-weight:600}
.kac-r{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;gap:8px;align-items:center;padding:10px 12px;border:none;border-radius:14px;background:#f6f5fa;text-align:left;font-family:inherit;cursor:pointer;color:#17131f}
.kac-r:hover{background:#efeaf9}.kac-r b{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kac-r small{font-size:11.5px;color:#8b8796;white-space:nowrap}.kac-r>i{font-size:13px;color:#a19db0}
/* AnaCRM-style segmented tabs for saved views */
.kp-views{background:#fff;border:1px solid #ecebf2;border-radius:18px;padding:5px;gap:2px!important;align-self:flex-start}
.kp-view{border:none!important;border-radius:13px!important;height:40px!important;background:transparent!important;color:#6e6a7c!important}
.kp-view.on{background:#17131f!important;color:#fff!important}

/* 1 Nov 2026: concept screens (CEO Overview v3, client workspace, company money, mobile inbox) */
.ktb-back{width:46px;height:46px;border-radius:50%;border:1px solid #ecebf2;background:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0;color:#17131f;font-size:17px;box-shadow:0 1px 2px rgb(24 16 48/.04)}
.ktb-back:hover{background:#f6f5fa}
.kph3-date{font-size:12.5px;color:#8b8796;white-space:nowrap;align-self:center}
.k-sbai{margin-top:12px;border-radius:18px;padding:14px;background:#f6f4fa;display:flex;flex-direction:column;gap:8px;border:1px solid #e6dcfb}
.k-sbai>div{display:flex;flex-direction:column;gap:2px}.k-sbai b{font-size:14px;color:#17131f}.k-sbai p{margin:0;font-size:12px;color:#6e6a7c}
.k-sbai-ic{width:32px;height:32px;border-radius:10px;background:var(--p-7c3aed,#7c3aed);color:#fff;display:grid;place-items:center;font-size:15px}
.k-sbai small{font-size:11.5px;line-height:1.45;color:#6e6a7c}
.k-sbai button{height:36px;border-radius:999px;border:none;background:var(--p-7c3aed,#7c3aed);color:#fff;font-family:inherit;font-weight:600;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.k-sbai button:hover{background:var(--p-6d28d9,#6d28d9)}

.kd3{display:flex;flex-direction:column;gap:18px}
.kd3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kd3-k{display:flex;align-items:flex-start;gap:14px;padding:20px;border-radius:24px;border:none;background:#fff;text-align:start;font-family:inherit;cursor:pointer;min-width:0;position:relative;box-shadow:0 1px 2px rgb(24 16 48/.03);color:#17131f}
.kd3-k:hover{box-shadow:0 6px 20px rgb(24 16 48/.07)}
.kd3-k.hero{background:var(--p-7c3aed,#7c3aed);color:#fff}
.kd3-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:18px;flex-shrink:0;background:#f1ecfe;color:var(--p-7c3aed,#7c3aed)}
.kd3-k.hero .kd3-ic{background:rgba(255,255,255,.18);color:#fff}
.kd3-ic.green,.kd3-ic.amber,.kd3-ic.violet{background:#f4f3f8;color:#5a5665}
.kd3-kb{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.kd3-kb>span{font-size:12.5px;color:#6e6a7c}.kd3-k.hero .kd3-kb>span,.kd3-k.hero .kd3-kb small{color:rgba(255,255,255,.82)}
.kd3-kb>b{font-size:24px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd3-kb small{font-size:11.5px;color:#8b8796;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.kd3-d{font-style:normal;font-weight:600;color:#15803d;background:#dcfce7;border-radius:999px;padding:2px 7px}.kd3-d.down{color:#b91c1c;background:#fee2e2}
.kd3-go{position:absolute;inset-inline-end:16px;top:20px;font-size:14px;opacity:.5}
.kd3-r2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px}
.kd3-r3{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr);gap:18px}
.kd3-r4{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px}
.kd3-card{background:#fff;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.kd3-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.kd3-h h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;color:#17131f}
.kd3-h p{margin:3px 0 0;font-size:12px;color:#8b8796}
.kd3-n{font-style:normal;font-size:11px;font-weight:600;background:var(--p-ede9fe,#ede9fe);color:var(--p-6d28d9,#6d28d9);border-radius:999px;padding:2px 8px}.kd3-n.red{background:#fee2e2;color:#b91c1c}
.kd3-va{border:none;background:transparent;color:var(--p-7c3aed,#7c3aed);font-family:inherit;font-weight:600;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:4px}
.kd3-leg{display:flex;gap:14px;font-size:11.5px;color:#6e6a7c;flex-wrap:wrap}.kd3-leg span{display:inline-flex;align-items:center;gap:6px}
.kd3-leg i{width:10px;height:10px;border-radius:3px;display:inline-block}.kd3-leg i.c,.kd3-leg i.v{background:var(--p-7c3aed,#7c3aed)}.kd3-leg i.o{background:#d9d6e0}.kd3-leg i.g{background:#16a34a}
.kd3-chart{display:flex;gap:10px;align-items:stretch;height:210px}
.kd3-y{display:flex;flex-direction:column;justify-content:space-between;font-size:10.5px;color:#a19db0;padding-bottom:22px;text-align:end;min-width:34px}
.kd3-bars{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;border-bottom:1px solid #f1eff5;background:repeating-linear-gradient(to bottom,transparent 0 41px,#f6f5fa 41px 42px)}
.kd3-m{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.kd3-m>small{font-size:11px;color:#8b8796;height:16px}
.kd3-pair{display:flex;gap:4px;align-items:flex-end}
.kd3-pair>div{display:flex;flex-direction:column;align-items:center;gap:3px}
.kd3-pair em{font-style:normal;font-size:9.5px;color:#8b8796;white-space:nowrap}
.kd3-pair span{width:16px;border-radius:6px 6px 2px 2px;min-height:2px;display:block}.kd3-pair span.c{background:var(--p-7c3aed,#7c3aed)}.kd3-pair span.o{background:#d9d6e0}
.kd3-acts{display:flex;flex-direction:column;gap:8px}
.kd3-a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid #f1eff5;background:#fff;font-family:inherit;cursor:pointer;text-align:start;min-width:0;color:#17131f}
.kd3-a:hover{background:#faf9fd}
.kd3-a>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.kd3-a b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd3-a small{font-size:11.5px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd3-a>i{color:#a19db0;font-size:14px}
.kd3-ai{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:16px;flex-shrink:0;background:#f4f3f8;color:#6e6a7c}
.kd3-ai.red{background:#fee2e2;color:#b91c1c}.kd3-ai.blue,.kd3-ai.amber,.kd3-ai.green,.kd3-ai.violet{background:#f4f3f8;color:#5a5665}
.kd3-p{font-style:normal;font-size:10.5px;font-weight:600;border-radius:999px;padding:3px 9px;flex-shrink:0}.kd3-p.hi{background:#fee2e2;color:#b91c1c}.kd3-p.md{background:none;color:#8b8796;padding:3px 0}
.kd3-tbl{display:flex;flex-direction:column;overflow-x:auto}
.kd3-tr{display:grid;grid-template-columns:70px minmax(110px,1.3fr) minmax(90px,1fr) 110px 130px 80px;gap:10px;align-items:center;padding:10px 4px;border:none;border-bottom:1px solid #f4f3f8;background:transparent;font-family:inherit;font-size:12.5px;text-align:start;cursor:pointer;color:#3a3642;min-width:600px}
.kd3-tr.th{cursor:default;font-size:11px;color:#a19db0;font-weight:600}
.kd3-tr:not(.th):hover{background:#faf9fd}
.kd3-tr>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd3-tr .b{font-weight:600;color:#17131f}.kd3-tr .mono{font-family:ui-monospace,monospace;font-size:11.5px}.kd3-tr .dt{color:#8b8796}
.kd3-st{font-style:normal;font-weight:600;font-size:11.5px;display:inline-flex;align-items:center;gap:6px}.kd3-st>i{width:7px;height:7px;border-radius:50%}
.kd3-on{font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.kd3-on>i{width:8px;height:8px;border-radius:50%}
.kd3-ai-c,.kd3-card.kd3-ai{background:#fff;position:relative}
.kd3-card.kd3-ai{width:auto;height:auto;display:flex;place-items:initial;font-size:inherit;border-radius:24px;color:inherit}
.kd3-bot{position:absolute;inset-inline-end:20px;top:64px;width:54px;height:54px;border-radius:18px;background:var(--p-7c3aed,#7c3aed);color:#fff;display:grid;place-items:center;font-size:26px;box-shadow:none}
.kd3-ul{list-style:none;margin:0;padding-inline-end:70px;display:flex;flex-direction:column;gap:8px}
.kd3-ul li{font-size:12.5px;color:#3a3642;display:flex;gap:8px;align-items:flex-start}.kd3-ul i{color:var(--p-7c3aed,#7c3aed);font-size:14px;margin-top:1px}
.kd3-aib{display:flex;gap:8px;margin-top:auto}
.kd3-pri,.kd3-sec{height:38px;border-radius:999px;border:none;font-family:inherit;font-weight:600;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0 16px}
.kd3-pri{background:var(--p-7c3aed,#7c3aed);color:#fff;flex:1;justify-content:center}.kd3-sec{background:#f4f3f8;color:#17131f}
.kd3-team{display:flex;flex-direction:column;gap:6px}
.kd3-team>div{display:grid;grid-template-columns:34px 1fr 8px;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:6px 2px}
.kd3-team .kd3-av{grid-row:1/3}.kd3-team b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd3-team small{grid-column:2;font-size:11.5px;color:#8b8796}
.kd3-team>div>i{grid-column:3;grid-row:1/3;width:8px;height:8px;border-radius:50%}
.kd3-av{width:34px;height:34px;border-radius:50%;background:var(--p-ede9fe,#ede9fe);color:var(--p-6d28d9,#6d28d9);display:grid;place-items:center;font-weight:600;font-size:12px;flex-shrink:0}
.kd3-ups{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}

.cws{display:flex;flex-direction:column;gap:18px}
.cws-top{display:flex;flex-direction:column;gap:12px}
.cws-pick{align-self:flex-start;height:38px;border-radius:999px;border:1px solid #ecebf2;background:#fff;padding:0 14px;font-family:inherit;font-size:13px;max-width:100%}
.cws-id{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border-radius:24px;padding:18px 22px;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.cws-id>div:first-of-type{display:flex;flex-direction:column;gap:2px;margin-right:auto;min-width:0}
.cws-id>div:first-of-type b{font-size:20px;font-weight:600}.cws-id>div:first-of-type small{font-size:12.5px;color:#8b8796}
.cws-av{width:52px;height:52px;border-radius:16px;background:var(--p-7c3aed,#7c3aed);color:#fff;display:grid;place-items:center;font-weight:600;font-size:18px;flex-shrink:0}
.cws-f{display:flex;flex-direction:column;gap:4px;padding:0 14px;border-left:1px solid #f1eff5}
.cws-f>span{font-size:11px;color:#a19db0;font-weight:600}.cws-f>b{font-size:13px;font-weight:600}
.cws-st{font-style:normal;font-size:12px;font-weight:600;color:#15803d;display:inline-flex;align-items:center;gap:6px}.cws-st>i{width:7px;height:7px;border-radius:50%;background:currentColor}.cws-st.off{color:#b91c1c}
.cws-plan{font-style:normal;font-size:12px;font-weight:600;color:var(--p-6d28d9,#6d28d9);background:var(--p-ede9fe,#ede9fe);border-radius:999px;padding:3px 10px;white-space:nowrap}
.cws-r1{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;align-items:start}
.cws-r2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cws-side{display:flex;flex-direction:column;gap:18px}
.cws-card{background:#fff;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.cws-card>.kp-btn{align-self:flex-start;margin-top:auto}
.cws-ht{display:flex;align-items:flex-start;gap:10px}.cws-ht>i{width:34px;height:34px;border-radius:11px;background:#f1ecfe;color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;font-size:16px;flex-shrink:0}
.cws-ht>div{flex:1;min-width:0}.cws-ht h3{margin:0;font-size:15px;font-weight:600}.cws-ht p{margin:3px 0 0;font-size:12px;color:#8b8796;line-height:1.4}
.cws-note{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#6e6a7c;background:#f6f5fa;border-radius:14px;padding:10px 12px}.cws-note>i{color:var(--p-7c3aed,#7c3aed);margin-top:1px}
.cws-tbl{display:flex;flex-direction:column;overflow-x:auto}
.cws-tr{display:grid;grid-template-columns:minmax(170px,1.7fr) 96px 120px 130px 132px;gap:10px;align-items:center;padding:11px 4px;border-bottom:1px solid #f4f3f8;font-size:12.5px;min-width:700px}
.cws-tr.th{font-size:11px;color:#a19db0;font-weight:600;padding-top:4px}
.cws-sv{display:flex;align-items:center;gap:10px;min-width:0}.cws-sv>i{width:32px;height:32px;border-radius:10px;background:#f4f3f8;color:var(--p-6d28d9,#6d28d9);display:grid;place-items:center;font-size:15px;flex-shrink:0}
.cws-sv>span{display:flex;flex-direction:column;gap:1px;min-width:0}.cws-sv b{font-size:13px;font-weight:600}.cws-sv small{font-size:11.5px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cws-inc{font-style:normal;font-size:12px;color:#a19db0}.cws-inc.on{color:#15803d;font-weight:600}
.cws-sst{font-style:normal;font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 10px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cws-sst>i{width:6px;height:6px;border-radius:50%}
.cws-own{height:32px;border-radius:10px;border:1px solid #ecebf2;background:#fff;font-family:inherit;font-size:12px;padding:0 8px;max-width:100%}
.cws-dash{font-style:normal;color:#c9c5d3}
.cws-ac{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.kp-btn.sm.add{color:var(--p-6d28d9,#6d28d9)}
.cws-x{width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:#a19db0;cursor:pointer;display:grid;place-items:center}.cws-x:hover{background:#fee2e2;color:#b91c1c}
.cws-cks{display:flex;flex-direction:column;gap:10px}
.cws-ck{display:flex;gap:10px;align-items:flex-start}.cws-ck>div{display:flex;flex-direction:column;gap:1px}.cws-ck b{font-size:13px;font-weight:600}.cws-ck small{font-size:11.5px;color:#8b8796}
.cws-dot{width:22px;height:22px;border-radius:50%;border:2px solid #dcd8e2;display:grid;place-items:center;flex-shrink:0;color:transparent;font-size:12px}
.cws-ck.ok .cws-dot{background:#16a34a;border-color:#16a34a;color:#fff}.cws-ck.soon{opacity:.6}
.cws-in{font-style:normal;font-size:11px;font-weight:600;color:#b45309;background:#fef3c7;border-radius:999px;padding:3px 9px;white-space:nowrap}
.cws-big{font-size:24px;font-weight:600;letter-spacing:-.02em}.cws-sm{font-size:12px;color:#8b8796}
.cws-ch{display:flex;align-items:center;gap:10px;font-size:13px}.cws-ch>i{font-size:16px;width:20px;text-align:center}.cws-ch>span{flex:1}
.cws-cst{font-style:normal;font-size:11.5px;color:#a19db0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.cws-cst>i{width:6px;height:6px;border-radius:50%;background:currentColor}.cws-cst.ok{color:#15803d}.cws-cst.bad{color:#b91c1c}
.cws-tm{display:flex;flex-direction:column;gap:8px}.cws-tm>div{display:flex;align-items:center;gap:10px;font-size:13px;min-width:0}.cws-tm b{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cws-tm em{font-style:normal;font-size:11.5px;color:#8b8796}
.cws-us{display:flex;flex-direction:column;gap:10px}.cws-us>div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:#6e6a7c}.cws-us b{font-size:15px;color:#17131f}
.cws-act{display:flex;flex-direction:column;gap:10px}.cws-act>div{display:flex;gap:10px;align-items:flex-start;font-size:12.5px}.cws-act>div>i{width:8px;height:8px;border-radius:50%;background:var(--p-a855f7,#a855f7);margin-top:5px;flex-shrink:0}
.cws-act span{flex:1;display:flex;flex-direction:column;min-width:0}.cws-act b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cws-act small{color:#8b8796}.cws-act em{font-style:normal;font-size:11px;color:#a19db0;white-space:nowrap}

.kf3{display:flex;flex-direction:column;gap:18px}
.kf3-top{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap}
.kf3-scope{display:flex;gap:6px;background:#fff;border-radius:18px;padding:6px;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.kf3-scope>button{display:flex;align-items:center;gap:10px;border:none;border-radius:14px;padding:8px 14px;background:transparent;font-family:inherit;text-align:start;cursor:pointer;color:#17131f}
.kf3-scope>button>i{font-size:18px}.kf3-scope span{display:flex;flex-direction:column}.kf3-scope b{font-size:13px}.kf3-scope small{font-size:11px;color:#8b8796}
.kf3-scope>button.on{background:#f1ecfe;color:var(--p-6d28d9,#6d28d9)}.kf3-scope>button.lock{opacity:.6}
.kf3-info{flex:1;min-width:240px;display:flex;gap:10px;align-items:center;background:#f6f5fa;border-radius:18px;padding:10px 16px}.kf3-info>i{color:var(--p-7c3aed,#7c3aed);font-size:16px}
.kf3-info>div{display:flex;flex-direction:column}.kf3-info b{font-size:12.5px}.kf3-info small{font-size:11.5px;color:#8b8796}
.kf3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kf3-k{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:22px;padding:18px;min-width:0;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.kf3-k>div{display:flex;flex-direction:column;gap:4px;min-width:0}.kf3-k>div>span{font-size:12.5px;color:#6e6a7c}
.kf3-k b{font-size:22px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf3-k small{font-size:11.5px;color:#8b8796;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.kf3-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:17px;flex-shrink:0}
.kf3-ic.in{background:#f4f3f8;color:#5a5665}.kf3-ic.out{background:#f4f3f8;color:#5a5665}.kf3-ic.amber{background:#f4f3f8;color:#5a5665}.kf3-ic.violet{background:#f4f3f8;color:#5a5665}
.kf3-d{font-style:normal;font-weight:600;border-radius:999px;padding:2px 7px}.kf3-d.good{color:#15803d;background:#dcfce7}.kf3-d.bad{color:#b91c1c;background:#fee2e2}
.kf3-r2,.kf3-r3{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}
.kf3-flow{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;height:200px;align-items:end;border-bottom:1px solid #f1eff5;background:repeating-linear-gradient(to bottom,transparent 0 39px,#f6f5fa 39px 40px)}
.kf3-flow>div{display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:flex-end;height:100%}
.kf3-flow>div>div{display:flex;gap:3px;align-items:flex-end}
.kf3-flow span{width:12px;border-radius:5px 5px 2px 2px;min-height:2px;display:block}.kf3-flow span.i{background:#16a34a}.kf3-flow span.o{background:var(--p-7c3aed,#7c3aed)}
.kf3-flow small{font-size:10.5px;color:#8b8796}
.kf3-ag,.kf3-tx{display:flex;flex-direction:column;overflow-x:auto}
.kf3-ar{display:grid;grid-template-columns:minmax(120px,1.4fr) 50px minmax(90px,1fr) minmax(100px,1.2fr);gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid #f4f3f8;font-size:12.5px}
.kf3-ar.th,.kf3-xr.th{font-size:11px;color:#a19db0;font-weight:600}
.kf3-ar b{font-weight:600}
.kf3-bar{display:flex;align-items:center;gap:8px}.kf3-bar>em{font-style:normal;font-size:11.5px;min-width:34px}.kf3-bar>i{flex:1;height:6px;border-radius:999px;background:#f1eff5;overflow:hidden}.kf3-bar u{display:block;height:100%;background:var(--p-7c3aed,#7c3aed);border-radius:999px}
.kf3-xr{display:grid;grid-template-columns:90px minmax(120px,1.4fr) 110px minmax(90px,1fr) 110px 90px;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid #f4f3f8;font-size:12.5px;min-width:640px}
.kf3-xr>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf3-t{font-style:normal;font-size:11px;font-weight:600;border-radius:999px;padding:3px 9px}.kf3-t.in{background:#dcfce7;color:#15803d}.kf3-t.out{background:#fee2e2;color:#b91c1c}
.kf3-a{font-weight:600}.kf3-a.in{color:#15803d}.kf3-a.out{color:#17131f}
.kf3-s{font-style:normal;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.kf3-s>i{width:6px;height:6px;border-radius:50%;background:currentColor}.kf3-s.ok{color:#15803d}.kf3-s.warn{color:#b45309}
.kf3-rv{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid #f1eff5;background:#fff;font-family:inherit;text-align:start;cursor:pointer;color:#17131f}
.kf3-rv:hover{background:#faf9fd}
.kf3-rv>div{flex:1;display:grid;grid-template-columns:1fr auto;gap:2px 10px;min-width:0}.kf3-rv b{font-size:13px;font-weight:600}.kf3-rv strong{font-size:13px}.kf3-rv small{grid-column:1/3;font-size:11.5px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf3-rv>i{color:#a19db0}
.kf3-ri{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.kf3-ri.bad{background:#fee2e2;color:#b91c1c}.kf3-ri.warn{background:#fef3c7;color:#b45309}.kf3-ri.info{background:#dbeafe;color:#1d4ed8}

.kib-tr{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 10px;padding:12px 14px;border-radius:18px;border:none;background:#f5f0ff;font-family:inherit;cursor:pointer;text-align:start;color:#17131f}
.kib-tr>span{width:36px;height:36px;border-radius:12px;background:var(--p-7c3aed,#7c3aed);color:#fff;display:grid;place-items:center;font-size:16px}
.kib-tr>div{flex:1;display:flex;flex-direction:column}.kib-tr small{font-size:11.5px;color:#6e6a7c}.kib-tr b{font-size:20px;font-weight:600}.kib-tr>i{color:var(--p-7c3aed,#7c3aed)}
.kcm{display:flex;gap:6px;padding:10px 12px 0;border-top:1px solid #f1eff5}
.kcm-b{height:32px;border-radius:999px;border:1px solid #ecebf2;background:#fff;padding:0 14px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#6e6a7c}
.kcm-b.on{background:#17131f;border-color:#17131f;color:#fff}
.kcm.note .kcm-b.on{background:#f59e0b;border-color:#f59e0b}
.kcm.note+.kib-comp{background:#fffbeb;border-top:none!important}

.kbn{display:none}
@media (max-width:1200px){.kd3-r3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kd3-r3>.kd3-card:first-child{grid-column:1/3}.cws-r2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){.kd3-kpis,.kf3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kd3-r2,.kf3-r2,.kf3-r3,.cws-r1,.kd3-r4{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
 .kd3-kpis,.kf3-kpis,.kd3-r3,.cws-r2{grid-template-columns:minmax(0,1fr)}.kd3-r3>.kd3-card:first-child{grid-column:auto}
 .kd3-bars{gap:4px}.kd3-pair span{width:11px}.kd3-pair em{display:none}.kf3-flow span{width:8px}
 .cws-f{border-left:none;padding:0}.cws-id{gap:12px}.kph3-date{display:none}
 body.kio-pro .kbn{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;background:#fff;border-radius:22px;padding:6px;box-shadow:0 8px 30px rgb(24 16 48/.16);justify-content:space-around}
 .kbn-i{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:transparent;font-family:inherit;font-size:10.5px;color:#8b8796;padding:6px 0;border-radius:16px;cursor:pointer}
 .kbn-i.on{color:var(--p-6d28d9,#6d28d9);background:#f1ecfe}
 .kbn-ic{position:relative;font-size:19px;line-height:1}.kbn-ic>b{position:absolute;top:-6px;inset-inline-end:-10px;min-width:16px;height:16px;border-radius:999px;background:#ef4444;color:#fff;font-size:9.5px;display:grid;place-items:center;padding:0 4px}
 body.kio-pro .kio-main,body.kio-pro main{padding-bottom:84px}
 body.kio-pro .kio-asst{bottom:84px!important}
}
.cws-ac .kp-btn.sm{white-space:nowrap;padding:0 10px}
body.kio-pro .kbn.kbn-off{display:none!important}

/* 1 Nov 2026 round 2: contacts, contact drawer, sales pipeline, forecast */
.kp-view.on{background:var(--p-7c3aed,#7c3aed)!important;color:#fff!important;box-shadow:none}
.kp-view.on>b{background:rgba(255,255,255,.22)!important;color:#fff!important}
.kp-view>i{display:none}
.kp-bar{align-items:center}
.kp-find{margin-left:auto}
.kp-tools>.kp-acts{display:flex;gap:6px;flex-wrap:wrap}
.kp-sw{margin-left:0}
.kp-tools>.kp-sw{margin-left:auto}
.kp-btn.kp-wa{background:#1fae5b;border-color:#1fae5b;color:#fff}.kp-btn.kp-wa>i{color:#fff}.kp-btn.kp-wa:hover{background:#17964d;border-color:#17964d}
.kp-tools .kp-pri{height:38px}
.kp-swb.on{background:var(--p-ede9fe,#ede9fe);color:var(--p-6d28d9,#6d28d9);box-shadow:none}
.c-lead{gap:10px}
.c-lead>.kp-tags{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;max-width:52%}
.kp-tags>em{background:#fff!important;border:1px solid #ecebf2;color:#6e6a7c!important;padding:2px 8px!important;font-size:11px!important;white-space:nowrap}
.kp-tags>em.ai{border-color:#e4d8fd;background:#f5f0ff!important;color:var(--p-6d28d9,#6d28d9)!important;display:inline-flex;align-items:center;gap:3px}.kp-tags>em.ai>i{font-size:10px}
.kp-pi{font-size:17px;flex-shrink:0;background:none!important;width:auto!important;height:auto!important}
.c-src{display:flex;align-items:center;gap:8px}
.c-own{display:flex;align-items:center;gap:7px;min-width:0}.c-own>span:not(.kp-oav){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-oav.none{background:#f4f3f8;color:#a19db0;font-size:11px}
.c-own .kp-claim{height:26px;padding:0 10px;font-size:11.5px;background:#fff;border:1px solid #ecebf2;color:#17131f}
.c-own .kp-claim:hover{background:var(--p-7c3aed,#7c3aed);border-color:var(--p-7c3aed,#7c3aed);color:#fff}
.kp-ic{opacity:1;border:none;background:transparent}.kp-ic.wa{color:#1fae5b}.kp-ic.wa>i{font-size:17px}
.kpbk{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:55;display:flex;align-items:center;gap:6px;background:#17131f;color:#fff;border-radius:16px;padding:8px 10px;box-shadow:0 18px 40px -12px rgb(23 19 31/.55);max-width:calc(100vw - 32px);overflow-x:auto;scrollbar-width:none}
.kpbk::-webkit-scrollbar{display:none}
.kpbk>button,.kpbk-s{height:36px;padding:0 12px;border-radius:10px;border:1px solid #3a3446;background:transparent;color:#fff;font-weight:500;font-size:12.5px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex-shrink:0}
.kpbk>button:hover,.kpbk-s:hover{background:#262033}
.kpbk>button>i,.kpbk-s>i{font-size:14px;color:var(--p-c4b5fd,#c4b5fd)}
.kpbk>button.del{color:#fca5a5}.kpbk>button.del>i{color:#fca5a5}
.kpbk-x{border:none!important;width:36px;padding:0!important;justify-content:center}
.kpbk-n{font-size:13px;font-weight:600;padding:0 8px 0 2px;white-space:nowrap}
.kpbk-s select{background:transparent!important;border:none!important;color:#fff!important;font:inherit;height:30px!important;padding:0 2px!important;cursor:pointer;box-shadow:none!important}
.kpbk-s option{color:#17131f}

body.kio-pro .kdr{width:min(920px,100%)!important;background:#fff!important}
body.kio-pro .kdr-h{padding:22px 24px!important;border-bottom:none!important;align-items:flex-start!important}
body.kio-pro .kdr-av{width:64px;height:64px;border-radius:50%;font-size:22px}
body.kio-pro .kdr-h input{font-size:24px!important;font-weight:600!important}
.kdr-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:2px 0 4px}.kdr-sub>b{font-size:13.5px;font-weight:500;color:#3a3642;margin-right:4px}
.kdr-sub>em{font-style:normal;font-size:11.5px;border:1px solid #ecebf2;border-radius:8px;padding:2px 9px;color:#3a3642;background:#fafafc}
body.kio-pro .kdr-wa{background:#1fae5b!important;color:#fff!important;height:42px!important;padding:0 18px!important;border-radius:12px!important;font-size:13.5px!important}
.kdr-ni{height:42px;padding:0 16px;border-radius:12px;border:1px solid #ecebf2;background:#fff;font-weight:500;font-size:13px;font-family:inherit;cursor:pointer;color:#17131f;white-space:nowrap}
.kdr-ni:hover{border-color:#fecaca;color:#b91c1c}
body.kio-pro .kdr-facts{margin:0 24px;border-radius:18px}
body.kio-pro .kdr-body{padding:18px 24px!important;gap:22px!important}
body.kio-pro .kdr-body>div>div{border:1px solid #f0eef5;border-radius:18px!important}
body.kio-pro .kdr-body>div:first-child>div{border:none;padding:4px 0 16px!important;border-bottom:1px solid #f1eff5!important;border-radius:0!important}
body.kio-pro .kdr-body>div:first-child>div>div:first-child,body.kio-pro .kdr-body>div:last-child>div>div:first-child>div:first-child{font-size:17px!important;font-weight:600!important}
body.kio-pro .kdr-body button[style*="background:#0b0b0d"]{background:#17131f!important}
body.kio-pro .kdr-body button[onclick],body.kio-pro .kdr-body .kdr-rt+*{border-radius:10px}

.kpx{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.kpx-tabs{display:inline-flex;gap:2px;background:#fff;border:1px solid #ecebf2;border-radius:16px;padding:5px;overflow-x:auto;max-width:100%;scrollbar-width:none}
.kpx-b{height:38px;padding:0 18px;border:none;border-radius:12px;background:transparent;color:#3a3642;font-weight:500;font-size:13.5px;font-family:inherit;cursor:pointer;white-space:nowrap}
.kpx-b.on{background:var(--p-7c3aed,#7c3aed);color:#fff;box-shadow:none}
.kpsum,.kfc-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kpsum{background:#fff;border-radius:22px;padding:18px 22px;gap:0;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.kpsum>div,.kfc-kpis>div{display:flex;align-items:center;gap:16px;min-width:0}
.kpsum>div+div{border-left:1px solid #f1eff5;padding-left:22px}
.kfc-kpis>div{background:#fff;border-radius:22px;padding:20px;box-shadow:0 1px 2px rgb(24 16 48/.03)}
.kfc-kpis>div.risk b,.kfc-kpis>div.risk small,.kfc-kpis>div.risk em{color:#dc2626}
.kpsum-ic{width:54px;height:54px;border-radius:16px;background:#f1ecfe;color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;font-size:22px;flex-shrink:0}
.kpsum-ic.gold{background:#f4f3f8;color:#5a5665}.kpsum-ic.green{background:#f4f3f8;color:#5a5665}.kpsum-ic.red{background:#fee2e2;color:#dc2626}
.kpsum>div>div,.kfc-kpis>div>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.kpsum small,.kfc-kpis small{font-size:13px;color:#3a3642}
.kpsum b,.kfc-kpis b{font-size:24px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpsum em,.kfc-kpis em{font-style:normal;font-size:12px;color:#8b8796}
.kpb{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px;align-items:start}
.kpb-col{border-radius:18px;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:200px}
.kpb-h{display:flex;flex-direction:column;gap:2px;padding:8px 10px 6px}.kpb-h>b{font-size:15px;font-weight:600}.kpb-h>span{font-size:13px;font-weight:600;color:#3a3642}
.kpb-card{background:#fff;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;cursor:grab;box-shadow:0 1px 2px rgb(24 16 48/.06);transition:transform .15s,box-shadow .15s}
.kpb-card:hover{box-shadow:0 10px 24px -12px rgb(24 16 48/.25)}
.kpb-t{display:flex;align-items:flex-start;gap:6px}.kpb-t>b{flex:1;font-size:14px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.kpb-new{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0;margin-top:5px}
.kpb-kv{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:12px}
.kpb-kv dt{color:#8b8796}.kpb-kv dd{margin:0;color:#17131f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpb-kv dd.v{font-weight:600}
.kpb-ai{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--p-6d28d9,#6d28d9);background:#f1ecfe;border-radius:999px;padding:3px 9px}
.kpb-f{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #f4f3f8;font-size:11.5px;color:#6e6a7c}
.kpb-days{display:inline-flex;align-items:center;gap:5px;flex:1}.kpb-days.slow{color:#b45309;font-weight:600}
.kpb-o{width:24px;height:24px;border-radius:50%;background:var(--p-ede9fe,#ede9fe);color:var(--p-6d28d9,#6d28d9);display:grid;place-items:center;font-size:9.5px;font-weight:600}
.kpb-mv{position:relative;width:24px;height:24px;border-radius:50%;border:1px solid #ecebf2;display:grid;place-items:center;cursor:pointer;color:#6e6a7c}
.kpb-mv>select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.kpb-empty{border:1.5px dashed rgba(23,19,31,.12);border-radius:14px;padding:18px;text-align:center;font-size:12px;color:#a19db0}
.kpb-more{height:36px;border:none;border-radius:12px;background:rgba(255,255,255,.7);color:var(--p-6d28d9,#6d28d9);font-weight:600;font-size:12.5px;font-family:inherit;cursor:pointer}
.kfc{display:flex;flex-direction:column;gap:18px}
.kfc-r2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px}
.kfc-t{display:flex;flex-direction:column;border:1px solid #f0eef5;border-radius:16px;overflow:hidden}
.kfc-tr{display:grid;grid-template-columns:minmax(120px,1.4fr) 60px minmax(90px,1fr) 110px minmax(90px,1fr);gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid #f4f3f8;font-size:13px}
.kfc-tr.th{background:#f6f5fa;font-size:11px;font-weight:600;color:#a19db0}
.kfc-tr.tot{background:#f8f6ff;font-weight:600;border-bottom:none}
.kfc-tr .st{display:flex;align-items:center;gap:8px}.kfc-tr .st>i{width:9px;height:9px;border-radius:50%}.kfc-tr .b{font-weight:600}
.kfc-p{width:52px;height:30px;border-radius:8px;border:1px solid #ecebf2;padding:0 6px;font-weight:500;font-size:13px;font-family:inherit;margin-right:3px;text-align:end}
.kfc-tot{font-size:13px;color:#6e6a7c;white-space:nowrap}.kfc-tot b{color:#17131f}
.kfc-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;height:240px;align-items:end;border-bottom:1px solid #f1eff5;background:repeating-linear-gradient(to bottom,transparent 0 47px,#f6f5fa 47px 48px);padding:0 10px}
.kfc-bars>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.kfc-bars em{font-style:normal;font-size:12px;font-weight:600;white-space:nowrap}
.kfc-bars span{width:min(72px,80%);border-radius:10px 10px 3px 3px;background:var(--p-c4b5fd,#c4b5fd);min-height:3px;display:block}
.kfc-bars .now span{background:var(--p-7c3aed,#7c3aed)}
.kfc-bars small{font-size:12px;color:#6e6a7c;white-space:nowrap}.kfc-bars .now small{font-weight:600;color:#17131f}
.kfc-risk{background:#fff}
.kfc-risk h3{color:#b91c1c}.kfc-rn{font-size:13px;font-weight:600;color:#b91c1c}
.kfc-rt{display:flex;flex-direction:column;overflow-x:auto}
.kfc-rr{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(110px,1fr) 110px 120px 130px 130px minmax(90px,.8fr);gap:10px;align-items:center;padding:11px 12px;border:none;border-bottom:1px solid #f4f3f8;background:transparent;font-size:13px;font-family:inherit;text-align:start;cursor:pointer;color:#3a3642;min-width:820px}
.kfc-rr.th{cursor:default;font-size:11px;font-weight:600;color:#a19db0;background:#f6f5fa;border-radius:12px}
.kfc-rr:not(.th):hover{background:#fdf6f6}
.kfc-rr>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kfc-rr .b{font-weight:600;color:#17131f;display:flex;align-items:center;gap:8px}.kfc-rr .b>i{color:#dc2626}
.kfc-rr em{font-style:normal;background:#fee2e2;color:#b91c1c;border-radius:8px;padding:3px 9px}
@media (max-width:1000px){.kfc-r2{grid-template-columns:minmax(0,1fr)}.kpsum{grid-template-columns:minmax(0,1fr);gap:14px}.kpsum>div+div{border-left:none;padding-left:0}}
@media (max-width:640px){.kfc-kpis{grid-template-columns:minmax(0,1fr)}.kpb{grid-auto-columns:minmax(78vw,1fr)}.kpbk{bottom:84px}.c-lead>.kp-tags{display:none}.kdr-ni{display:none}.kfc-bars{gap:8px}.kfc-bars em{font-size:10px}}
.kfc-z{margin:0;font-size:12px;color:#8b8796}

/* 1 Nov 2026: Invoices & Payments redesign */
.kpv{gap:18px}
.kpx-b>em{font-style:normal;font-size:11px;font-weight:600;margin-inline-start:7px;background:#f4f3f8;color:#6e6a7c;border-radius:999px;padding:2px 7px}.kpx-b.on>em{background:rgba(255,255,255,.22);color:#fff}
.kpv-new{display:flex;gap:8px;flex-wrap:wrap}
.kpv-sel{position:relative;height:40px;padding:0 16px;border-radius:12px;border:1px solid #ecebf2;background:#fff;color:#17131f;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.kpv-sel>i{font-size:15px;color:var(--p-7c3aed,#7c3aed)}.kpv-sel.pri{background:var(--p-7c3aed,#7c3aed);border-color:transparent;color:#fff;box-shadow:none}.kpv-sel.pri>i{color:#fff}
.kpv-sel>select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.kd3-ic.red{background:#fee2e2;color:#dc2626}
.kpv-late b{color:#b91c1c}
.kpv-r2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.kpv-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;height:200px;align-items:end;border-bottom:1px solid #f1eff5;background:repeating-linear-gradient(to bottom,transparent 0 39px,#f6f5fa 39px 40px)}
.kpv-m{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.kpv-m>div{display:flex;gap:4px;align-items:flex-end}
.kpv-m span{width:18px;border-radius:6px 6px 2px 2px;min-height:2px;display:block}.kpv-m span.c{background:var(--p-7c3aed,#7c3aed)}.kpv-m span.o{background:var(--p-ddd6fe,#ddd6fe)}
.kpv-m small{font-size:11px;color:#8b8796}.kpv-m.now small{font-weight:600;color:#17131f}
.kpv-amt{font-size:15px;font-weight:600;color:#b45309;white-space:nowrap}
.kpv-open{display:flex;flex-direction:column;gap:8px;max-height:330px;overflow-y:auto}
.kpv-t{display:flex;flex-direction:column;overflow-x:auto}
.kpv-pr{display:grid;grid-template-columns:34px minmax(160px,1.6fr) 100px 110px 120px 120px;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid #f4f3f8;font-size:13px;min-width:640px}
.kpv-who{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:none;background:none;padding:0;font-family:inherit;cursor:pointer;text-align:start;min-width:0;color:#17131f}
.kpv-who b{font-size:13px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpv-who small{font-size:11.5px;color:#8b8796;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpv-who:hover b{color:var(--p-6d28d9,#6d28d9)}
.mono{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px}
.kpv-in{color:#15803d;text-align:end}
.kiv-chips{display:flex;gap:6px;flex-wrap:wrap}
.kiv-chip{height:34px;padding:0 12px;border-radius:999px;border:1px solid #ecebf2;background:#fff;font-weight:500;font-size:12.5px;font-family:inherit;cursor:pointer;color:#3a3642;display:inline-flex;align-items:center;gap:6px}
.kiv-chip>em{font-style:normal;font-size:11px;font-weight:600;background:#f4f3f8;border-radius:999px;padding:1px 7px;color:#6e6a7c}
.kiv-chip.on{background:#17131f;border-color:#17131f;color:#fff}.kiv-chip.on>em{background:var(--p-7c3aed,#7c3aed);color:#fff}
.kiv{overflow-x:auto}
.kiv-r{display:grid;grid-template-columns:120px minmax(170px,1.6fr) 100px 100px 120px 110px 120px 190px;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid #f3f1f7;font-size:13px;min-width:1060px}
.kiv-r.q{grid-template-columns:120px minmax(200px,2fr) 110px 130px 120px 190px;min-width:900px}
.kiv-r.th{background:#f6f5fa;font-size:11px;font-weight:600;color:#a19db0;padding-top:11px;padding-bottom:11px}
.kiv-r:not(.th):hover{background:#faf9fd}
.kiv-due.late{color:#b91c1c;font-weight:600}
.kiv-st{font-style:normal;font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 10px;white-space:nowrap}
.kiv-a{display:flex;align-items:center;gap:6px;justify-content:flex-end}.kiv-a .kp-ic{opacity:1}
@media (max-width:1000px){.kpv-r2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.kpv-new{width:100%}.kpv-sel{flex:1;justify-content:center}.kpv-bars span{width:11px}}

/* 1 Nov 2026: desktop inbox, one full-height panel with three columns (KIO) */
body.kio-pro .kib-ch{display:none!important}
.kib-lh{display:flex;flex-direction:column;gap:10px;padding:16px 16px 6px}
.kib-lh-t{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.kib-lh-t>b{font-size:17px;font-weight:600}.kib-lh-t>small{font-size:12px;color:#8b8796}
.kib-lch{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.kib-lch::-webkit-scrollbar{display:none}
.kib-chip{flex-shrink:0;height:32px;padding:0 10px;border-radius:999px;border:1px solid #ecebf2;background:#fff;font-weight:500;font-size:12.5px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#17131f;white-space:nowrap}
.kib-chip>i{font-size:14px}.kib-chip>em{font-style:normal;font-size:10.5px;font-weight:600;background:#f4f3f8;color:#6e6a7c;border-radius:999px;padding:1px 6px}
.kib-chip.on{background:#17131f;border-color:#17131f;color:#fff}.kib-chip.on>em{background:var(--p-7c3aed,#7c3aed);color:#fff}
body.kio-pro .kib-tr{margin:6px 12px 8px!important;width:calc(100% - 24px)!important;padding:10px 12px!important}
body.kio-pro .kib-tr b{font-size:17px!important}
body.kio-pro .kib-q{margin:0 12px 4px}
@media (min-width:901px){
 body.kio-pro .kib-page .k-inbox{gap:0!important;background:#fff;border:1px solid #f0eef5;border-radius:26px;overflow:hidden;box-shadow:0 1px 2px rgb(24 16 48/.03),0 18px 40px -26px rgb(24 16 48/.25);height:calc(100vh - 120px)!important;min-height:620px!important}
 body.kio-pro .kib-page .kio-ilist{border-radius:0!important;border-inline-end:1px solid #f0eef5;flex:0 0 330px!important;max-width:330px!important;background:#fcfbfe!important}
 body.kio-pro .kib-page .kio-thread{border-radius:0!important;min-height:0}
 body.kio-pro .kib-page .kib-side{border-radius:0!important;border:none!important;border-inline-start:1px solid #f0eef5!important;box-shadow:none!important;overflow-y:auto;flex:0 0 300px}
 body.kio-pro .kib-page .k-inbox-list{overflow-y:auto!important;min-height:0}
 body.kio-pro .kib-page .kib-msgs{min-height:0!important}
 body.kio-pro .kib-th{background:#fff}
 body.kio-pro .k-cvbar select,body.kio-pro .k-cvbar button{border-radius:999px!important}
}
@media (max-width:1250px) and (min-width:901px){body.kio-pro .kib-page .kio-ilist{flex-basis:290px!important;max-width:290px!important}}
@media (min-width:901px){body.kio-pro .kib-page .kib-side{align-self:stretch!important;margin:0!important;height:auto!important;max-height:none!important;position:static!important}}

/* 1 Nov 2026: Team & HR redesign (KIO) */
.ktm{display:flex;flex-direction:column;gap:18px;margin-bottom:6px}
.ktm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ktm-r{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:18px;align-items:start}
.ktm-hb{display:flex;gap:6px}
.ktm-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ktm-tools .kp-search{flex:1 1 220px;max-width:340px}
.ktm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ktm-card{border:1px solid #f0eef5;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;background:#fff;transition:box-shadow .15s,transform .15s}
.ktm-card:hover{box-shadow:0 12px 26px -16px rgb(24 16 48/.3);}
.ktm-card.off{opacity:.55}
.ktm-top{display:flex;align-items:flex-start;gap:12px}
.ktm-top .kt-av{width:48px;height:48px;border-radius:16px;font-size:15px;flex-shrink:0}
.ktm-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.ktm-id>b{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ktm-id>small{font-size:11.5px;color:#a19db0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ktm-id .kt-role{margin-top:4px}
.ktm-ai{font-style:normal;font-size:9.5px;font-weight:600;background:var(--p-7c3aed,#7c3aed);color:#fff;border-radius:999px;padding:1px 6px}
.ktm-st{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#8b8796;white-space:nowrap}.ktm-st>i{width:7px;height:7px;border-radius:50%;background:#cfcad6}
.ktm-st.on{color:#15803d}.ktm-st.on>i{background:#16a34a}.ktm-st.off{color:#b91c1c}.ktm-st.off>i{background:#dc2626}
.ktm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:#f6f5fa;border-radius:14px;padding:10px 6px}
.ktm-stats>div{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}.ktm-stats b{font-size:15px;font-weight:600}.ktm-stats span{font-size:10.5px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ktm-foot{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;color:#6e6a7c}.ktm-foot>span{display:inline-flex;align-items:center;gap:4px}.ktm-foot i{color:var(--p-7c3aed,#7c3aed);font-size:13px}.ktm-foot .late{color:#b91c1c}.ktm-foot .late i{color:#dc2626}
.ktm-lb{position:sticky;top:12px}
.ktm-lr{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f4f3f8}
.ktm-lr>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ktm-rk{width:22px;font-size:13px;font-weight:600;color:#a19db0;text-align:center}
.ktm-lr:nth-of-type(1) .ktm-rk{color:#d97706}
.ktm-lt{display:flex;justify-content:space-between;gap:8px}.ktm-lt b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ktm-lt em{font-style:normal;font-size:12.5px;font-weight:600;white-space:nowrap}
.ktm-bar{height:6px;border-radius:999px;background:#f1eff5;overflow:hidden}.ktm-bar u{display:block;height:100%;border-radius:999px;background:var(--p-7c3aed,#7c3aed)}
.ktm-lr small{font-size:11px;color:#8b8796}
.ktm-add{width:100%;justify-content:center;margin-top:4px}
.ktm-mh h3{margin:6px 0 0;font-size:16px;font-weight:600}.ktm-mh p{margin:2px 0 0;font-size:12.5px;color:#8b8796}
@media (max-width:1100px){.ktm-r{grid-template-columns:minmax(0,1fr)}.ktm-lb{position:static}}
@media (max-width:1000px){.ktm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ktm-kpis{grid-template-columns:minmax(0,1fr)}}

/* 1 Nov 2026: Contacts matched to the round 2 image */
body.kio-pro .kp-tools{flex-wrap:nowrap;gap:8px;padding:10px 12px;overflow-x:auto;scrollbar-width:none}
body.kio-pro .kp-tools::-webkit-scrollbar{display:none}
body.kio-pro .kp-tools .kp-search{flex:1 1 230px;max-width:300px;min-width:180px;background:#fff;border:1px solid #ecebf2;height:40px}
body.kio-pro .kp-tools>select{flex-shrink:0;width:auto;min-width:0;max-width:120px;height:40px;background-color:#fff!important;border:1px solid #ecebf2!important;border-radius:10px!important;font-size:12.5px;padding:0 28px 0 12px}
body.kio-pro .kp-tools>.kp-sw{flex-shrink:0;margin-left:auto;background:#fff;border:1px solid #ecebf2;padding:2px}
body.kio-pro .kp-tools>.kp-acts{flex-wrap:nowrap;flex-shrink:0}
body.kio-pro .kp-tools .kp-btn,body.kio-pro .kp-tools .kp-pri{height:40px;padding:0 13px;flex-shrink:0}
body.kio-pro .kp-tools .kp-btn>i{color:#3a3642}.kp-btn.kp-wa>i{color:#fff!important}
body.kio-pro .kp-th,body.kio-pro .kp-row{grid-template-columns:34px minmax(300px,2.6fr) 120px 104px 136px 176px minmax(150px,1.2fr) 112px 78px;gap:12px}
body.kio-pro .kp-th>span.c-act{text-align:start}
body.kio-pro .kp-row{min-height:56px}
body.kio-pro .kp-av{border-radius:50%!important;width:34px!important;height:34px!important;font-size:12px!important}
body.kio-pro .kp-oav{width:30px;height:30px;font-size:11px;font-weight:600}
body.kio-pro .c-own>span:not(.kp-oav){font-size:13px}
body.kio-pro .kp-stw{border-radius:8px!important}
body.kio-pro .c-act{display:flex;align-items:center;gap:4px}
body.kio-pro .kp-ic{width:30px;height:30px}
body.kio-pro .kp-ic>i{font-size:16px}
@media (max-width:1400px){body.kio-pro .kp-tools{flex-wrap:wrap}body.kio-pro .kp-tools>.kp-sw{margin-left:0}}
body.kio-pro .kp-tools{gap:6px}body.kio-pro .kp-tools>select{max-width:96px;padding:0 24px 0 11px}body.kio-pro .kp-tools .kp-search{min-width:170px}body.kio-pro .kp-tools .kp-btn,body.kio-pro .kp-tools .kp-pri{padding:0 11px}body.kio-pro .kp-tools .kp-swb{padding:0 10px}
body.kio-pro .kpbk .kpbk-s select{background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;color:#fff!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;padding:0 2px!important}
body.kio-pro .kpbk .kpbk-s select{font-size:12.5px!important;font-weight:500!important;font-family:inherit!important;height:30px!important;width:auto!important}

/* 1 Nov 2026: All Clients in the round 2 look */
.kd4-sum{grid-template-columns:repeat(4,minmax(0,1fr))}
.kd4-sum b.ok{color:#15803d}.kd4-sum b.warn{color:#b45309}
.kd4 .kp-tools>.kp-sw{margin-left:auto}
.kd4-lanes{grid-auto-columns:minmax(250px,1fr)}
.kd4-card{border:none;text-align:start;font-family:inherit;color:#17131f;cursor:pointer;width:100%}
.kd4-ch{display:flex;align-items:center;gap:10px}
.kd4-ch>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.kd4-ch b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd4-ch small{font-size:11.5px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd4-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}
.kd4-exp{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#b45309;background:#fef3c7;border-radius:999px;padding:3px 9px}
.kd4-st{font-style:normal;font-size:11px;font-weight:600;border-radius:999px;padding:3px 9px;white-space:nowrap}
.kd4-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.kd4-grid .kd4-card{border:1px solid #f0eef5}
.kd4-t{overflow-x:auto}
.kd4-r{display:grid;grid-template-columns:minmax(240px,2.2fr) 130px minmax(170px,1.3fr) 110px 120px 90px 110px 78px;gap:12px;align-items:center;padding:0 18px;min-height:60px;border-bottom:1px solid #f3f1f7;font-size:13px;cursor:pointer;min-width:1100px}
.kd4-r.th{min-height:44px;background:#f6f5fa;font-size:11px;font-weight:600;color:#a19db0;cursor:default}
.kd4-r:not(.th):hover{background:#faf9fd}
.kd4-who{display:flex;align-items:center;gap:10px;min-width:0}.kd4-who>span:last-child{display:flex;flex-direction:column;min-width:0}.kd4-who b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd4-who small{font-size:11.5px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd4-stg{font-size:12.5px;color:#3a3642}
.kd4-pay{display:flex;flex-direction:column;gap:5px}.kd4-pay>span{display:flex;gap:6px;align-items:baseline}.kd4-pay b{font-weight:600}.kd4-pay small{font-size:11.5px;color:#8b8796;white-space:nowrap}
.kd4-pay>i{height:6px;border-radius:999px;background:#f1eff5;overflow:hidden;display:block}.kd4-pay u{display:block;height:100%;background:var(--p-7c3aed,#7c3aed);border-radius:999px}
.kd4-n{display:flex;align-items:center;gap:6px;color:#3a3642}.kd4-n>i{color:#a19db0;font-size:14px}
.kd4-x{font-style:normal;font-size:10.5px;font-weight:600;color:#b45309;background:#fef3c7;border-radius:999px;padding:1px 7px;white-space:nowrap}
.kd4-ago{color:#6e6a7c}
.kd4-r .c-act{display:flex;gap:4px}
@media (max-width:1100px){.kd4-sum{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kd4-sum>div+div{border-left:none;padding-left:0}}
@media (max-width:640px){.kd4-sum{grid-template-columns:minmax(0,1fr)}}

/* 1 Nov 2026: All Clients (AnaCRM layout) + client setup */
.kcl{display:flex;flex-direction:column;gap:20px}
.kcl-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.kcl-t{display:flex;align-items:center;gap:12px}.kcl-t h2{margin:0;font-size:28px;font-weight:600;letter-spacing:-.02em}
.kcl-cnt{display:inline-flex;align-items:center;gap:6px;background:#efedf5;border-radius:999px;padding:2px 10px;font-size:12px}.kcl-cnt>i{width:6px;height:6px;border-radius:50%;background:#17131f}
.kcl-h p{margin:4px 0 0;font-size:13.5px;color:#6e6a7c}
.kcl-add{height:44px;padding:0 20px;border-radius:12px}
.kcl-tiles{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.6fr;gap:16px}
.kcl-tile{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:20px;box-shadow:0 10px 30px rgb(16 24 40/.045);min-width:0}
.kcl-tile>span:nth-child(2){min-width:0;display:flex;flex-direction:column;flex:1}.kcl-tile b{font-size:24px;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcl-tile small{font-size:13px;color:#6e6a7c}
.kcl-tile.wide>button{border:none;background:#f1ecfe;color:var(--p-7c3aed,#7c3aed);border-radius:12px;padding:8px 12px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.kcl-ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.kcl-ic.brand{background:#f4f3f8;color:#5a5665}.kcl-ic.ok{background:#f4f3f8;color:#5a5665}.kcl-ic.warn{background:#f4f3f8;color:#5a5665}.kcl-ic.bad{background:#f4f3f8;color:#5a5665}
.kcl-ic .dot{width:14px;height:14px;border-radius:50%;background:currentColor}.kcl-ic.ok .dot{background:#16a34a}
.kcl-f{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:16px;box-shadow:0 10px 30px rgb(16 24 40/.045)}
.kcl-s{position:relative;flex:2 1 220px;min-width:200px}.kcl-s>i{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:#8b8796}
.kcl-s>input{width:100%;height:44px;border-radius:12px;border:1px solid #e7e4ec;background:#f6f5fa;padding-inline:38px 12px;font-size:13.5px;box-sizing:border-box}
.kcl-sel{display:flex;flex-direction:column;gap:2px;font-size:11.5px;color:#6e6a7c;min-width:120px}
.kcl-sel>select{height:36px;border-radius:9px;border:1px solid #e7e4ec;background:#fff;padding:0 8px;font-size:13px;color:#17131f}
.kcl-fa{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.kcl-clr{height:40px;border-radius:12px;border:1px solid #e7e4ec;background:#fff;color:var(--p-7c3aed,#7c3aed);padding:0 12px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.kcl-vw{display:flex;border:1px solid #e7e4ec;border-radius:12px;padding:2px}
.kcl-vb{width:36px;height:36px;border:none;background:transparent;border-radius:9px;display:grid;place-items:center;color:#6e6a7c;cursor:pointer}.kcl-vb.on{background:var(--p-7c3aed,#7c3aed);color:#fff}
.kcl-dots{width:40px;height:40px;border-radius:12px;border:1px solid #e7e4ec;background:#fff;display:grid;place-items:center;cursor:pointer;color:#17131f}
.kcl-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border:1px solid var(--p-7c3aed,#7c3aed);background:#f5f0ff;border-radius:14px;padding:8px 16px;font-size:13px}
.kcl-bulk>span{color:#6e6a7c}.kcl-bulk>button{border:none;background:#fff;border-radius:999px;padding:3px 12px;font-weight:600;font-family:inherit;cursor:pointer}.kcl-bulk>button.x{margin-inline-start:auto;background:none;color:#6e6a7c}
.kcl-tw{background:#fff;border:1px solid #f0eef5;border-radius:22px;box-shadow:0 10px 30px rgb(16 24 40/.045);overflow:hidden}
.kcl-tbl{overflow-x:auto}
.kcl-r{display:grid;grid-template-columns:32px minmax(190px,1.6fr) minmax(170px,1.1fr) minmax(100px,.8fr) minmax(100px,.8fr) 92px minmax(130px,1fr) minmax(150px,1.2fr) 120px 112px 52px;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid #f1eff5;font-size:13px;min-width:1300px;cursor:pointer}
.kcl-r.th{font-size:12px;color:#6e6a7c;font-weight:500;cursor:default}.kcl-r:not(.th):hover{background:#faf9fd}.kcl-r:last-child{border-bottom:none}
.kcl-r .e{text-align:end;justify-self:end}
.kcl-cl{display:flex;align-items:center;gap:12px;min-width:0}.kcl-cl>span:last-child,.kcl-cl>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.kcl-cl b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcl-cl small{font-size:11.5px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kcl-logo{width:40px;height:40px;border-radius:10px;color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px;flex-shrink:0}.kcl-logo.lg{width:48px;height:48px;border-radius:14px}
.kcl-mut{color:#6e6a7c;display:inline-flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcl-mut>i{font-size:15px;flex-shrink:0}.kcl-mut>b{font-weight:500;color:#17131f}
.kcl-st{display:inline-flex;align-items:center;gap:7px;font-weight:500;white-space:nowrap}.kcl-st>i{width:8px;height:8px;border-radius:50%}
.kcl-mg{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.kcl-mg>em{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--p-ede9fe,#ede9fe);color:var(--p-6d28d9,#6d28d9);display:grid;place-items:center;font-size:11px;font-weight:600}
.kcl-chips{display:flex;flex-wrap:wrap;gap:4px}.kcl-chips>em{font-style:normal;font-size:11.5px;font-weight:500;background:#f1ecfe;color:var(--p-6d28d9,#6d28d9);border-radius:999px;padding:2px 9px;white-space:nowrap}
.kcl-dash{font-style:normal;color:#c9c5d3}
.kcl-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.kcl-act{position:relative}.kcl-act .kcl-dots{width:36px;height:36px}
.kcl-menu{position:absolute;inset-inline-end:0;top:calc(100% + 4px);z-index:30;min-width:180px;background:#fff;border:1px solid #f0eef5;border-radius:12px;box-shadow:0 18px 40px -14px rgb(24 16 48/.3);padding:4px;display:flex;flex-direction:column;text-align:start}
.kcl-menu>button{border:none;background:none;text-align:start;padding:8px 12px;border-radius:8px;font-size:13px;font-family:inherit;cursor:pointer;color:#17131f}.kcl-menu>button:hover{background:#f6f5fa}
.kcl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.kcl-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:20px;box-shadow:0 10px 30px rgb(16 24 40/.045);text-align:start;font-family:inherit;cursor:pointer;color:#17131f}
.kcl-card:hover{box-shadow:0 18px 40px -16px rgb(24 16 48/.3)}
.kcl-ch{display:flex;align-items:center;gap:12px}.kcl-ch>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.kcl-ch b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcl-ch small{font-size:11.5px;color:#8b8796}
.kcl-cf{display:flex;justify-content:space-between;font-size:12px;color:#6e6a7c}
.kcl-pgr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#6e6a7c}
.kcl-pgs{display:flex;align-items:center;gap:6px}.kcl-pgs>select{height:36px;border-radius:10px;border:1px solid #e7e4ec;background:#fff;padding:0 8px}
.kcl-pg{width:36px;height:36px;border:none;background:none;border-radius:10px;cursor:pointer;font-family:inherit;color:#3a3642}.kcl-pg.on{background:#f1ecfe;color:var(--p-7c3aed,#7c3aed);font-weight:600}
.cws-tb{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cws-setup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.cws-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cws-form>label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:#6e6a7c;min-width:0}.cws-form>label.wide{grid-column:1/-1}
.cws-form input,.cws-form select,.cws-form textarea{height:36px;border-radius:9px;border:1px solid #e7e4ec;background:#fff;padding:0 10px;font-size:13px;color:#17131f;font-family:inherit;min-width:0;width:100%;box-sizing:border-box}
.cws-form textarea{height:70px;padding:8px 10px;resize:vertical}
.cws-mods{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cws-mod{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;border:1px solid #ecebf2;background:#fff;font-family:inherit;font-size:12.5px;cursor:pointer;color:#8b8796;text-align:start}
.cws-mod>span{flex:1}.cws-mod>em{width:28px;height:16px;border-radius:999px;background:#e7e4ec;position:relative;flex-shrink:0}.cws-mod>em:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:inset-inline-start .15s}
.cws-mod.on{color:#17131f;border-color:var(--p-ddd6fe,#ddd6fe);background:#faf8ff}.cws-mod.on>i{color:var(--p-7c3aed,#7c3aed)}.cws-mod.on>em{background:var(--p-7c3aed,#7c3aed)}.cws-mod.on>em:after{inset-inline-start:14px}
.cws-lk{display:flex;flex-direction:column;gap:8px;margin-top:4px}.cws-lk>b{font-size:13px}.cws-lk>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cws-look{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:12px;border:1.5px solid #ecebf2;background:#fff;font-family:inherit;text-align:start;cursor:pointer;color:#17131f}
.cws-look>i{font-size:16px;color:#8b8796;margin-top:2px}.cws-look>span{display:flex;flex-direction:column}.cws-look b{font-size:12.5px}.cws-look small{font-size:11px;color:#8b8796}
.cws-look.on{border-color:var(--p-7c3aed,#7c3aed);background:#faf8ff}.cws-look.on>i{color:var(--p-7c3aed,#7c3aed)}
@media (max-width:1300px){.kcl-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.kcl-tile.wide{grid-column:1/-1}.cws-setup{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.cws-setup{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.kcl-tiles{grid-template-columns:1fr 1fr}.kcl-fa{margin-inline-start:0}.cws-form,.cws-mods{grid-template-columns:minmax(0,1fr)}}
.kio-main:has(.kcl) .kph3{display:none}
.kd3-kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kd3-r2>.kd3-card:only-child{grid-column:1/-1}

/* 1 Nov 2026: task boards (Trello / AnaCRM style) */
.kbd-tabs{margin-bottom:14px}
.kbd{display:flex;flex-direction:column;gap:12px}
.kbd-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.kbd-bts{display:flex;gap:6px;flex-wrap:wrap}
.kbd-bt{height:36px;padding:0 14px;border-radius:12px;border:1px solid #ecebf2;background:#fff;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;color:#3a3642}
.kbd-bt.on{background:#17131f;border-color:#17131f;color:#fff}.kbd-bt.add{border-style:dashed;color:var(--p-7c3aed,#7c3aed)}
.kbd-tools{display:flex;align-items:center;gap:10px}
.kbd-q{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid #ecebf2;color:#8b8796}.kbd-q>input{border:none;outline:none;background:transparent;font-size:13px;width:160px}
.kbd-view{font-size:12.5px;color:#6e6a7c;white-space:nowrap}
.kbd-canvas{border-radius:22px;padding:14px;min-height:calc(100vh - 290px);display:flex;flex-direction:column;gap:12px;overflow:hidden}
.kbd-head{display:flex;align-items:center;gap:8px;color:#fff}.kbd-head>b{font-size:17px;font-weight:600;text-shadow:0 1px 2px rgb(0 0 0/.15)}
.kbd-head>button{width:32px;height:32px;border:none;border-radius:9px;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;display:grid;place-items:center}
.kbd-head>button:last-child{margin-inline-start:4px}
.kbd-sws{display:flex;gap:4px;margin-inline-start:auto}.kbd-sw{width:22px;height:22px;border-radius:7px;border:2px solid rgba(255,255,255,.5);cursor:pointer}.kbd-sw.on{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.kbd-lists{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:8px;flex:1}
.kbd-list{flex:0 0 272px;max-height:calc(100vh - 360px);display:flex;flex-direction:column;gap:8px;background:#f1f0f6;border-radius:16px;padding:8px}
.kbd-lh{display:flex;align-items:center;gap:6px;padding:4px 6px}.kbd-lh>b{flex:1;font-size:13.5px;font-weight:600;color:#17131f}.kbd-lh>em{font-style:normal;font-size:11px;font-weight:600;color:#6e6a7c;background:#fff;border-radius:999px;padding:1px 7px}
.kbd-lh>button{width:26px;height:26px;border:none;border-radius:8px;background:transparent;color:#8b8796;cursor:pointer;display:grid;place-items:center;opacity:0}.kbd-list:hover .kbd-lh>button{opacity:1}.kbd-lh>button:hover{background:#e4e2ec}
.kbd-cards{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:8px}
.kbd-card{background:#fff;border-radius:10px;box-shadow:0 1px 1px rgb(24 16 48/.12);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:8px 10px}
.kbd-card:hover{box-shadow:0 0 0 2px var(--p-7c3aed,#7c3aed)}.kbd-card.done .kbd-t{text-decoration:line-through;color:#8b8796}
.kbd-cover{height:30px;margin:-8px -10px 2px}
.kbd-lbs{display:flex;flex-wrap:wrap;gap:4px}.kbd-lbs>span{height:16px;min-width:40px;padding:0 6px;border-radius:4px;color:#fff;font-size:10.5px;font-weight:600;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.kbd-t{font-size:13.5px;line-height:1.4;color:#17131f;overflow-wrap:anywhere}
.kbd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:11.5px;color:#6e6a7c}.kbd-meta>span{display:inline-flex;align-items:center;gap:3px}.kbd-meta i{font-size:12px}
.kbd-due{padding:1px 5px;border-radius:4px}.kbd-due.late{background:#fee2e2;color:#b91c1c}.kbd-due.soon{background:#fef3c7;color:#b45309}.kbd-due.done{background:#dcfce7;color:#15803d}
.kbd-ck{padding:1px 5px;border-radius:4px}.kbd-ck.ok{background:#dcfce7;color:#15803d}
.kbd-pri{border-radius:999px;padding:1px 7px;font-weight:600}
.kbd-ppl{margin-inline-start:auto;display:flex}.kbd-ppl>i{width:24px;height:24px;border-radius:50%;color:#fff;font-style:normal;font-size:9.5px;font-weight:600;display:grid;place-items:center;border:2px solid #fff;margin-inline-start:-6px}
.kbd-addb{height:34px;border:none;border-radius:10px;background:transparent;color:#5a5665;font-size:13px;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:6px;padding:0 8px}.kbd-addb:hover{background:#e4e2ec}
.kbd-add{display:flex;flex-direction:column;gap:6px}.kbd-add>textarea{min-height:62px;border:none;border-radius:10px;box-shadow:0 1px 1px rgb(24 16 48/.12);padding:8px 10px;font-family:inherit;font-size:13.5px;resize:none;outline:none}
.kbd-add>div{display:flex;gap:6px;align-items:center}.kbd-add .kp-pri{height:34px}
.kbd-x{width:34px;height:34px;border:none;border-radius:9px;background:transparent;cursor:pointer;display:grid;place-items:center;color:#3a3642}.kbd-x:hover{background:#e4e2ec}
.kbd-newl{flex:0 0 272px;height:46px;border:none;border-radius:16px;background:rgba(255,255,255,.24);color:#fff;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0 14px}.kbd-newl:hover{background:rgba(255,255,255,.34)}
.kbc-ov{position:fixed;inset:0;z-index:70;background:rgba(15,12,25,.55);display:flex;justify-content:center;align-items:flex-start;padding:48px 16px;overflow-y:auto}
.kbc{width:min(780px,100%);background:#f6f5fa;border-radius:20px;box-shadow:0 30px 80px -20px rgb(0 0 0/.45);display:flex;flex-direction:column}
.kbc-h{display:flex;align-items:flex-start;gap:10px;padding:18px 18px 6px}.kbc-h>i{font-size:18px;margin-top:8px;color:#3a3642}.kbc-h>div{flex:1;min-width:0}
.kbc-h input{width:100%;border:1px solid transparent;border-radius:8px;background:transparent;font-size:19px;font-weight:600;padding:4px 6px;font-family:inherit;color:#17131f;box-sizing:border-box}.kbc-h input:focus{border-color:var(--p-7c3aed,#7c3aed);background:#fff;outline:none}
.kbc-h small{display:block;padding:0 6px;font-size:12px;color:#6e6a7c}
.kbc-b{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:18px;padding:10px 18px 20px}
.kbc-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.kbc-row{display:flex;gap:18px;flex-wrap:wrap}.kbc-f{display:flex;flex-direction:column;gap:6px}.kbc-f>span{font-size:11.5px;font-weight:600;color:#6e6a7c}
.kbc-lbs{display:flex;flex-wrap:wrap;gap:4px}
.kbc-lb{height:30px;min-width:46px;padding:0 10px;border-radius:6px;border:2px solid transparent;background:color-mix(in srgb,var(--c) 22%,#fff);color:#17131f;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer}
.kbc-lb.on{background:var(--c);color:#fff}.kbc-lb.add{background:#e9e7f0;color:#3a3642}
.kbc-mems{display:flex;gap:4px;flex-wrap:wrap}.kbc-mem{border:2px solid transparent;border-radius:50%;padding:0;background:none;cursor:pointer;opacity:.45}.kbc-mem.on{opacity:1;border-color:var(--p-7c3aed,#7c3aed)}
.kbc-mem>i,.kbc-cm>i{width:30px;height:30px;border-radius:50%;color:#fff;font-style:normal;font-size:11px;font-weight:600;display:grid;place-items:center}
.kbc-sec{display:flex;flex-direction:column;gap:8px}.kbc-sec>h4{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.kbc-sec>h4>em{font-style:normal;font-size:11.5px;color:#6e6a7c;margin-inline-start:auto}
.kbc-sec>textarea{min-height:90px;border-radius:10px;border:1px solid #e4e2ec;background:#fff;padding:10px 12px;font-family:inherit;font-size:13.5px;resize:vertical}
.kbc-bar{height:8px;border-radius:999px;background:#e4e2ec;overflow:hidden}.kbc-bar>u{display:block;height:100%;background:#16a34a}
.kbc-it{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:8px;font-size:13.5px}.kbc-it:hover{background:#ecebf2}.kbc-it>span{flex:1}.kbc-it.done>span{text-decoration:line-through;color:#8b8796}
.kbc-it>button{border:none;background:none;color:#8b8796;cursor:pointer;opacity:0}.kbc-it:hover>button{opacity:1}
.kbc-in{display:flex;gap:6px}.kbc-in>input{flex:1;height:36px;border-radius:10px;border:1px solid #e4e2ec;background:#fff;padding:0 10px;font-family:inherit;font-size:13px;min-width:0}
.kbc-cm{display:flex;gap:10px}.kbc-cm>div{flex:1;min-width:0}.kbc-cm b{font-size:13px}.kbc-cm small{font-size:11px;color:#8b8796;margin-inline-start:6px}.kbc-cm p{margin:4px 0 0;background:#fff;border-radius:10px;padding:8px 10px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.kbc-side{display:flex;flex-direction:column;gap:10px}
.kbc-side>label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:#6e6a7c}
.kbc-side select,.kbc-side input{height:36px;border-radius:10px;border:1px solid #e4e2ec;background:#fff;padding:0 8px;font-size:13px;font-family:inherit;color:#17131f}
.kbc-done,.kbc-arc{height:38px;border-radius:10px;border:none;background:#e9e7f0;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0 12px;color:#17131f}
.kbc-done.on{background:#16a34a;color:#fff}.kbc-arc{margin-top:8px;color:#b91c1c;background:#fee2e2}
@media (max-width:700px){.kbc-b{grid-template-columns:minmax(0,1fr)}.kbd-list,.kbd-newl{flex-basis:82vw}.kbd-q>input{width:110px}}

/* 1 Nov 2026: Production overview + AI content plan */
.pr{display:flex;flex-direction:column;gap:18px}
.pr-acts{display:flex;gap:8px;flex-wrap:wrap}
.pr-ap-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px}
.pr-ap{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #f0eef5;border-radius:20px;padding:14px 16px}.pr-ap>i{width:40px;height:40px;border-radius:12px;background:#f4f3f8;color:#8b8796;display:grid;place-items:center;font-size:18px}
.pr-ap.on>i{background:#dcfce7;color:#16a34a}.pr-ap>div{flex:1;min-width:0;display:flex;flex-direction:column}.pr-ap b{font-size:14px}.pr-ap small{font-size:12px;color:#6e6a7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-plan-cta{display:flex;align-items:center;gap:14px;border:none;border-radius:20px;padding:14px 18px;background:var(--p-7c3aed,#7c3aed);color:#fff;font-family:inherit;text-align:start;cursor:pointer}.pr-plan-cta>i{font-size:20px}.pr-plan-cta>span{flex:1;display:flex;flex-direction:column}.pr-plan-cta b{font-size:15px}.pr-plan-cta small{font-size:12px;opacity:.85}
.pr-pipe{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px;align-items:start}
.pr-col{background:#f1f0f6;border-radius:18px;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:160px}
.pr-ch{display:flex;align-items:center;gap:8px;padding:6px 8px}.pr-ch>i{width:9px;height:9px;border-radius:50%}.pr-ch>b{flex:1;font-size:13.5px}.pr-ch>em{font-style:normal;font-size:11px;font-weight:600;background:#fff;border-radius:999px;padding:1px 8px;color:#6e6a7c}
.pr-card{display:flex;flex-direction:column;gap:5px;background:#fff;border:none;border-radius:12px;padding:10px;text-align:start;font-family:inherit;cursor:pointer;box-shadow:0 1px 1px rgb(24 16 48/.1);color:#17131f}
.pr-card:hover{box-shadow:0 0 0 2px var(--p-7c3aed,#7c3aed)}.pr-card>img{width:100%;height:110px;object-fit:cover;border-radius:8px}
.pr-cm{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#6e6a7c}.pr-cm>i{font-size:14px}.pr-cm>em{font-style:normal;margin-inline-start:auto;font-size:10.5px;font-weight:600;color:var(--p-6d28d9,#6d28d9);background:#f1ecfe;border-radius:999px;padding:1px 7px}
.pr-card>b{font-size:13px;line-height:1.35}.pr-card>small{font-size:11.5px;color:#8b8796;display:flex;align-items:center;gap:4px}
.pr-pil{align-self:flex-start;font-size:10.5px;font-weight:600;color:#3a3642;background:#f4f3f8;border-radius:999px;padding:1px 8px;text-transform:capitalize}
.pl{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}
.pl-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:12px}
.pl-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:#6e6a7c}
.pl-form textarea,.pl-form input,.pl-form select{border-radius:10px;border:1px solid #e7e4ec;background:#fff;padding:8px 10px;font-family:inherit;font-size:13px;color:#17131f}
.pl-form textarea{min-height:70px;resize:vertical}.pl-form input,.pl-form select{height:38px;padding:0 10px}
.pl-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pl-pfs{display:flex;flex-wrap:wrap;gap:6px}.pl-pf{height:34px;padding:0 12px;border-radius:999px;border:1px solid #e7e4ec;background:#fff;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#8b8796}.pl-pf.on{border-color:var(--p-7c3aed,#7c3aed);background:#f5f0ff;color:#17131f}
.pl-go{height:44px;justify-content:center}.pl-err{font-size:12.5px;color:#b91c1c;background:#fee2e2;border-radius:10px;padding:8px 10px}
.pl-li{display:flex;flex-direction:column;gap:2px;border:none;background:none;border-radius:12px;padding:8px 10px;text-align:start;font-family:inherit;cursor:pointer;color:#17131f}.pl-li:hover{background:#f6f5fa}.pl-li.on{background:#f1ecfe}.pl-li b{font-size:13px}.pl-li small{font-size:11.5px;color:#8b8796}
.pl-empty{align-items:center;text-align:center;padding:48px 24px}.pl-empty>span{width:60px;height:60px;border-radius:18px;background:#f1ecfe;color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;font-size:26px}.pl-empty b{font-size:17px}.pl-empty small{max-width:460px;color:#6e6a7c;font-size:13px;line-height:1.5}
.pl-doc{display:flex;flex-direction:column;gap:16px;min-width:0}
.pl-hd{flex-direction:row;gap:18px;align-items:flex-start;flex-wrap:wrap}.pl-hd>div:first-child{flex:1;min-width:260px}.pl-hd small{font-size:12px;color:#8b8796}.pl-hd h2{margin:4px 0 8px;font-size:24px;letter-spacing:-.02em}.pl-hd p{margin:0;font-size:14px;line-height:1.6;color:#3a3642}
.pl-hb{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.pl-ok{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#15803d;background:#dcfce7;border-radius:12px;padding:8px 12px;max-width:320px}
.pl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pl-aud b{font-size:12.5px}.pl-aud p{margin:4px 0 0;font-size:13px;color:#3a3642;line-height:1.5}
.pl-pil{display:flex;flex-direction:column;gap:5px}.pl-pil>div{display:flex;justify-content:space-between}.pl-pil b{font-size:13px;text-transform:capitalize}.pl-pil em{font-style:normal;font-weight:600;font-size:12.5px}.pl-pil>i{height:6px;border-radius:999px;background:#f1eff5;overflow:hidden}.pl-pil u{display:block;height:100%;background:var(--p-7c3aed,#7c3aed)}.pl-pil small{font-size:11.5px;color:#8b8796}
.pl-cad{display:flex;gap:10px;align-items:flex-start}.pl-cad>i{font-size:18px;margin-top:2px}.pl-cad>div{display:flex;flex-direction:column;gap:2px}.pl-cad b{font-size:13px}.pl-cad small{font-size:12px;color:#6e6a7c}
.pl-kpi{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f4f3f8;font-size:13px}.pl-kpi:last-child{border-bottom:none}.pl-kpi b{text-align:end}
.pl-post{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid #f4f3f8}
.pl-pm{display:flex;flex-direction:column;gap:4px;font-size:12px}.pl-pm b{font-size:13px}.pl-pm span{display:inline-flex;align-items:center;gap:5px;color:#6e6a7c}.pl-pm em{font-style:normal;align-self:flex-start;font-size:10.5px;font-weight:600;background:#f4f3f8;border-radius:999px;padding:1px 8px;text-transform:capitalize}
.pl-pb{display:flex;flex-direction:column;gap:4px;min-width:0}.pl-pb>b{font-size:14px}.pl-pb>small{font-size:12.5px;color:var(--p-6d28d9,#6d28d9);font-weight:600}.pl-pb>p{margin:0;font-size:13px;line-height:1.55;color:#3a3642;white-space:pre-wrap}
.pl-cta{font-size:12px;font-weight:600;color:#15803d}.pl-tags{font-size:12px;color:#0369a1}
@media (max-width:1100px){.pl{grid-template-columns:minmax(0,1fr)}.pl-side{position:static}.pr-ap-row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.pl-grid{grid-template-columns:minmax(0,1fr)}.pl-post{grid-template-columns:minmax(0,1fr)}.pl-hb{align-items:flex-start}}

/* 2 Nov 2026: detailed money report */
.kf4-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:6px}.kf4-bar h3{margin:0;font-size:20px;font-weight:600}
.kf4-bar label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:#6e6a7c}.kf4-bar select{height:38px;border-radius:10px;border:1px solid #e7e4ec;background:#fff;padding:0 10px;font-size:13px}
.kf4-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kf4-sum>div{background:#fff;border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px rgb(24 16 48/.03);min-width:0}
.kf4-sum small{font-size:12.5px;color:#6e6a7c}.kf4-sum b{font-size:24px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kf4-sum em{font-style:normal;font-size:11.5px;color:#8b8796}
b.in,span.in{color:#15803d}b.out,span.out{color:#b91c1c}
.kf4-big{color:#17131f}.kf4-big.neg{color:#b91c1c}
.kf4-r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.kf4-split{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:#3a3642;background:#f6f5fa;border-radius:12px;padding:10px 12px}.kf4-split>span{display:inline-flex;align-items:center;gap:6px}.kf4-split i{width:9px;height:9px;border-radius:50%}.kf4-split i.st{background:var(--p-7c3aed,#7c3aed)}.kf4-split i.pr{background:var(--p-a78bfa,#a78bfa)}.kf4-split em{font-style:normal;width:100%;font-size:11.5px;color:#6e6a7c}
.kf4-row{display:flex;flex-direction:column;gap:5px}.kf4-row>div{display:flex;justify-content:space-between;gap:10px;font-size:13px}.kf4-row b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kf4-row span{color:#6e6a7c;white-space:nowrap}
.kf4-row>i{height:7px;border-radius:999px;background:#f1eff5;overflow:hidden}.kf4-row u{display:block;height:100%;border-radius:999px}.kf4-row u.in{background:#16a34a}.kf4-row u.out{background:#dc2626}
.kf4-fl{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f4f3f8;font-size:13px}.kf4-fl>span{display:flex;flex-direction:column}.kf4-fl small{font-size:11px;color:#8b8796}.kf4-fl b{font-size:15px}
.kf4-fl.tot{border-bottom:none}.kf4-fl.tot>span{font-weight:600}.kf4-fl.tot b{font-size:20px}
.kf4-cash{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kf4-cash>span{display:flex;flex-direction:column;gap:2px;background:#f6f5fa;border-radius:12px;padding:10px 12px;font-size:11.5px;color:#6e6a7c}.kf4-cash b{font-size:16px;color:#17131f}
.kf4-note{font-size:12px;color:#8b8796}
.kf4-tw{overflow-x:auto}.kf4-t{min-width:760px}
.kf4-tr{display:grid;grid-template-columns:90px repeat(6,minmax(0,1fr));gap:10px;align-items:center;padding:10px 6px;border-bottom:1px solid #f4f3f8;font-size:13px;font-variant-numeric:tabular-nums}
.kf4-tr.th{font-size:11px;font-weight:600;color:#a19db0;background:#f6f5fa;border-radius:10px;border-bottom:none}
.kf4-n{font-weight:600;color:#15803d}.kf4-n.neg{color:#b91c1c}
.kf4-l{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid #f4f3f8}.kf4-l>div{flex:1;min-width:0;display:flex;flex-direction:column}.kf4-l>div b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kf4-l small{font-size:11.5px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf4-li{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:15px;flex-shrink:0}.kf4-li.in{background:#dcfce7;color:#15803d}.kf4-li.out{background:#fee2e2;color:#b91c1c}
.kf4-d{font-size:12px;color:#6e6a7c;white-space:nowrap}.kf4-a{font-size:14px;font-weight:600;white-space:nowrap;min-width:110px;text-align:end}.kf4-a.in{color:#15803d}.kf4-a.out{color:#17131f}
@media (max-width:1200px){.kf4-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kf4-f30{grid-column:1/-1}}
@media (max-width:1000px){.kf4-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kf4-sum,.kf4-r{grid-template-columns:minmax(0,1fr)}.kf4-d{display:none}.kf4-cash{grid-template-columns:1fr}}

/* 2 Nov 2026: Roles & permissions (new design) */
.krl{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
.krl-side{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #f0eef5;border-radius:22px;padding:14px;position:sticky;top:12px}
.krl-sh{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px}.krl-sh>b{font-size:16px}.krl-sh .kp-pri{height:34px}
.krl-it{display:flex;align-items:center;gap:10px;padding:10px;border:none;border-radius:14px;background:none;font-family:inherit;text-align:start;cursor:pointer;color:#17131f}
.krl-it:hover{background:#f6f5fa}.krl-it.on{background:#f1ecfe;box-shadow:inset 3px 0 0 var(--p-7c3aed,#7c3aed)}
.krl-dot{width:12px;height:12px;border-radius:4px;flex-shrink:0}.krl-it>span{flex:1;min-width:0;display:flex;flex-direction:column}.krl-it b{font-size:13.5px;display:flex;align-items:center;gap:6px}.krl-it b>i{font-size:12px;color:#8b8796}.krl-it small{font-size:11.5px;color:#8b8796}
.krl-it>em{font-style:normal;font-size:11px;font-weight:600;background:#f4f3f8;border-radius:999px;padding:2px 8px;color:#6e6a7c}
.krl-note{margin:8px 4px 0;font-size:11.5px;color:#8b8796;line-height:1.5;display:flex;gap:6px}.krl-note>i{color:var(--p-7c3aed,#7c3aed);margin-top:2px}
.krl-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.krl-ttl{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.krl-ttl>div{flex:1;min-width:200px;display:flex;flex-direction:column}
.krl-big{width:52px;height:52px;border-radius:16px;color:#fff;display:grid;place-items:center;font-size:22px}
.krl-ttl input{border:1px solid transparent;border-radius:8px;background:transparent;font-size:22px;font-weight:600;font-family:inherit;padding:2px 6px;color:#17131f}.krl-ttl input:focus{border-color:var(--p-7c3aed,#7c3aed);background:#fff;outline:none}.krl-ttl small{padding:0 6px;font-size:12.5px;color:#6e6a7c}
.krl-rk{display:flex;flex-direction:column;gap:3px;font-size:11.5px;font-weight:600;color:#6e6a7c}.krl-rk input{width:80px;height:38px;border-radius:10px;border:1px solid #e7e4ec;padding:0 10px;font-size:14px;font-weight:600}
.krl-lock{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#6e6a7c;background:#f6f5fa;border-radius:12px;padding:8px 12px}
.krl-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.krl-sws{display:flex;gap:6px}.krl-sw{width:24px;height:24px;border-radius:8px;border:2px solid #fff;box-shadow:0 0 0 1px #e7e4ec;cursor:pointer}.krl-sw.on{box-shadow:0 0 0 2px #17131f}
.krl-mem{display:flex}.krl-mem>i{width:30px;height:30px;border-radius:50%;color:#fff;font-style:normal;font-size:11px;font-weight:600;display:grid;place-items:center;border:2px solid #fff;margin-inline-start:-6px}
.krl-pre{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:#6e6a7c}.krl-pre>button{height:30px;padding:0 10px;border-radius:999px;border:1px solid #e7e4ec;background:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;color:#17131f}.krl-pre>button:hover{border-color:var(--p-7c3aed,#7c3aed);color:var(--p-6d28d9,#6d28d9)}
.krl-tbl{display:flex;flex-direction:column}
.krl-tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 4px;border-bottom:1px solid #f4f3f8}.krl-tr:last-child{border-bottom:none}
.krl-tr.th{font-size:11px;font-weight:600;color:#a19db0;background:#f6f5fa;border-radius:10px;padding:9px 12px;border-bottom:none}
.krl-sec{display:flex;align-items:center;gap:12px;min-width:0}.krl-sec>i{width:34px;height:34px;border-radius:11px;background:#f4f3f8;color:var(--p-6d28d9,#6d28d9);display:grid;place-items:center;font-size:16px;flex-shrink:0}.krl-sec>span{display:flex;flex-direction:column;min-width:0}.krl-sec b{font-size:13.5px}.krl-sec small{font-size:11.5px;color:#8b8796}
.krl-segs{display:inline-flex;background:#f4f3f8;border-radius:12px;padding:3px;gap:2px}
.krl-seg{height:32px;padding:0 12px;border:none;border-radius:9px;background:transparent;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;color:#8b8796;display:inline-flex;align-items:center;gap:5px}
.krl-seg:disabled{cursor:default}.krl-seg.on{background:#fff;box-shadow:0 1px 3px rgb(24 16 48/.12)}.krl-seg.on.h{color:#6e6a7c}.krl-seg.on.v{color:#0369a1}.krl-seg.on.m{color:#15803d}
.krl-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.krl-tg{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid #ecebf2;border-radius:14px;background:#fff;font-family:inherit;text-align:start;cursor:pointer;color:#17131f}
.krl-tg>span{flex:1;display:flex;flex-direction:column}.krl-tg b{font-size:13px}.krl-tg small{font-size:11.5px;color:#8b8796}
.krl-tg>em{width:38px;height:22px;border-radius:999px;background:#e7e4ec;position:relative;flex-shrink:0}.krl-tg>em:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start .15s}
.krl-tg.on{border-color:var(--p-ddd6fe,#ddd6fe);background:#faf8ff}.krl-tg.on>em{background:var(--p-7c3aed,#7c3aed)}.krl-tg.on>em:after{inset-inline-start:19px}
.krl-sum p{margin:0;display:flex;gap:10px;font-size:13px;line-height:1.5;color:#3a3642}.krl-sum p>i{margin-top:3px;color:var(--p-7c3aed,#7c3aed)}
.krl-del{align-self:flex-start;margin-top:6px;border:none;background:#fee2e2;color:#b91c1c;border-radius:10px;height:36px;padding:0 12px;font-weight:600;font-size:12.5px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
@media (max-width:1000px){.krl{grid-template-columns:minmax(0,1fr)}.krl-side{position:static}.krl-two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.krl-tr{grid-template-columns:minmax(0,1fr)}.krl-seg{padding:0 9px}}

/* 2 Nov 2026: who said what in a conversation */
.kib-wbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 16px;border-bottom:1px solid #f1eff5;background:#fff}
.kib-wt{height:30px;padding:0 10px;border-radius:999px;border:1px solid #ecebf2;background:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#3a3642}
.kib-wt>i{font-size:13px}.kib-wt>em{font-style:normal;font-size:10.5px;font-weight:600;background:#f4f3f8;border-radius:999px;padding:1px 6px;color:#6e6a7c}
.kib-wt.in>i{color:#0369a1}.kib-wt.ai>i{color:var(--p-7c3aed,#7c3aed)}.kib-wt.team>i{color:#17131f}
.kib-wt.on{background:#17131f;border-color:#17131f;color:#fff}.kib-wt.on>i{color:#fff}.kib-wt.on>em{background:var(--p-7c3aed,#7c3aed);color:#fff}
.kib-ws{margin-inline-start:auto;font-size:11.5px;font-weight:600;color:var(--p-6d28d9,#6d28d9);background:#f1ecfe;border-radius:999px;padding:3px 10px}
.kib-who{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;margin-bottom:3px;letter-spacing:.01em}.kib-who>i{font-size:12px}
.kib-who.cu{color:#0369a1}.kib-who.ai{color:var(--p-6d28d9,#6d28d9)}.kib-who.tm{color:rgba(255,255,255,.85)}
body.kio-pro .kib-out.kib-ai{border:1px solid #d9ccfb!important;background:#faf7ff!important}
body.kio-pro .kib-out.kib-tpl .kib-who.tm{color:rgba(255,255,255,.9)}

/* 2 Nov 2026: employee profiles */
.ktm-card{cursor:pointer}
.ktm-seen{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#8b8796}
.ktm-ov{position:fixed;inset:0;z-index:70;background:rgba(15,12,25,.45);display:flex;justify-content:flex-end}
.ktm-pf{width:min(520px,100%);height:100%;overflow-y:auto;background:#fff;display:flex;flex-direction:column;gap:16px;padding:22px;box-shadow:-20px 0 60px -20px rgb(0 0 0/.35)}
.ktm-ph{display:flex;align-items:flex-start;gap:14px}.ktm-ph .kt-av{width:60px;height:60px;border-radius:18px;font-size:18px;flex-shrink:0}.ktm-ph>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ktm-ph b{font-size:20px}.ktm-ph small{font-size:12.5px;color:#6e6a7c;display:flex;align-items:center;gap:5px}
.ktm-pi{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#3a3642;background:#f6f5fa;border-radius:14px;padding:12px}.ktm-pi>span{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.ktm-pi i{color:var(--p-7c3aed,#7c3aed)}
.ktm-ps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ktm-ps>div{border:1px solid #f0eef5;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:2px}.ktm-ps b{font-size:17px}.ktm-ps span{font-size:11px;color:#8b8796}
.ktm-sec{display:flex;flex-direction:column;gap:6px}.ktm-sec>h4{margin:0;font-size:14px}
.ktm-ow{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #f0eef5;border-radius:12px;background:#fff;font-family:inherit;text-align:start;cursor:pointer;color:#17131f}.ktm-ow:hover{border-color:var(--p-ddd6fe,#ddd6fe)}.ktm-ow>span{flex:1;min-width:0;display:flex;flex-direction:column}.ktm-ow b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ktm-ow small{font-size:11.5px;color:#8b8796}.ktm-ow em{font-style:normal;font-size:11.5px;color:#6e6a7c;white-space:nowrap}.ktm-ow.late em{color:#b91c1c;font-weight:600}
.ktm-tl{display:flex;align-items:flex-start;gap:10px;padding:6px 0;border-bottom:1px solid #f4f3f8;font-size:12.5px}.ktm-tl>i{width:28px;height:28px;border-radius:9px;background:#f1ecfe;color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;font-size:13px;flex-shrink:0}.ktm-tl>span{flex:1;min-width:0;display:flex;flex-direction:column}.ktm-tl small{color:#8b8796}.ktm-tl em{font-style:normal;font-size:11px;color:#a19db0;white-space:nowrap}
.ktm-pa{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid #f1eff5;padding-top:14px}.ktm-pa label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:#6e6a7c}.ktm-pa select{height:32px;border-radius:9px;border:1px solid #e7e4ec;padding:0 8px;font-size:12.5px}
.ktm-q{max-width:280px}
.ktm-grp{display:flex;flex-direction:column;border-top:1px solid #f1eff5;padding-top:8px}.ktm-gh{display:flex;align-items:center;gap:8px;padding:4px 2px}.ktm-gh b{font-size:14px}.ktm-gh em{font-style:normal;font-size:11px;font-weight:600;background:#f4f3f8;border-radius:999px;padding:1px 8px;color:#6e6a7c}
.ktm-ar{display:grid;grid-template-columns:34px minmax(160px,1.6fr) 120px 110px minmax(120px,1fr);gap:10px;align-items:center;padding:8px 2px;font-size:13px}.ktm-an{display:flex;flex-direction:column;min-width:0}.ktm-an b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ktm-an small{font-size:11.5px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ktm-as{font-size:12px;color:#6e6a7c}
@media (max-width:700px){.ktm-ar{grid-template-columns:34px minmax(0,1fr)}.ktm-ar>.kt-role,.ktm-ar>.ktm-st,.ktm-as{display:none}.ktm-ps{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 2 Nov 2026: a client's own brand at the top of their workspace */
.k-cbrand{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:2px}.k-cbrand>img{width:36px;height:36px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid #f0eef5}.k-cbrand>span{width:36px;height:36px;border-radius:10px;background:var(--p-7c3aed,#7c3aed);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px}.k-cbrand>b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 2 Nov 2026: client hub */
.cwh{display:flex;flex-direction:column;gap:18px}
.cwh-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cwh-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px;border-radius:26px;background:#17131f;color:#fff;box-shadow:none;position:relative;overflow:hidden}
.cwh-hero:after{display:none;content:"";position:absolute;inset:auto -60px -120px auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#8c6ccd55,transparent 70%);pointer-events:none}
.cwh-logo{width:76px;height:76px;border-radius:22px;background:#fff;display:grid;place-items:center;overflow:hidden;flex-shrink:0;box-shadow:0 12px 30px -12px rgb(0 0 0/.5)}.cwh-logo img{width:100%;height:100%;object-fit:contain}.cwh-logo b{font-size:24px;color:var(--p-6d28d9,#6d28d9)}
.cwh-id{flex:1;min-width:220px;position:relative;z-index:1}.cwh-id h2{margin:0;font-size:28px;letter-spacing:-.02em}.cwh-id p{margin:2px 0 10px;color:var(--p-c4b5fd,#c4b5fd);font-size:13.5px}
.cwh-tags{display:flex;gap:8px;flex-wrap:wrap}.cwh-tags em{font-style:normal;font-size:12px;font-weight:600;border-radius:999px;padding:4px 11px;background:rgba(255,255,255,.1);color:#fff;display:inline-flex;align-items:center;gap:6px}.cwh-tags .cws-st>i{background:#4ade80}.cwh-tags .cws-st.off>i{background:#f87171}.cwh-tags .cws-plan{background:var(--p-7c3aed,#7c3aed);color:#fff}
.cwh-acts{display:flex;flex-direction:column;align-items:flex-end;gap:6px;position:relative;z-index:1}.cwh-acts small{font-size:11.5px;color:var(--p-c4b5fd,#c4b5fd)}
.cwh-tabs{display:flex;gap:4px;background:#fff;border:1px solid #f0eef5;border-radius:18px;padding:5px;overflow-x:auto;scrollbar-width:none}.cwh-tabs::-webkit-scrollbar{display:none}
.cwh-tab{flex-shrink:0;height:40px;padding:0 14px;border:none;border-radius:13px;background:transparent;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;color:#6e6a7c;display:inline-flex;align-items:center;gap:7px}.cwh-tab>i{font-size:15px}.cwh-tab:hover{color:#17131f;background:#f6f5fa}
.cwh-tab.on{background:#17131f;color:#fff}.cwh-tab.on>i{color:var(--p-c4b5fd,#c4b5fd)}
.cwh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.cwh-span2{grid-column:span 2}.cwh-span3{grid-column:1/-1}
.cwh-col{display:flex;flex-direction:column;gap:16px}
.cwh-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.cwh-bar h3{margin:0;font-size:19px}.cwh-bar p{margin:3px 0 0;font-size:13px;color:#6e6a7c;max-width:640px}
.cwh-us{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cwh-us>div{background:#f6f5fa;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:2px}.cwh-us b{font-size:24px;font-weight:600}.cwh-us span{font-size:12px;color:#6e6a7c}
.cwh-svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.cwh-svc{display:flex;align-items:flex-start;gap:12px;border:1px solid #f0eef5;border-radius:16px;padding:14px}.cwh-svc>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.cwh-svc b{font-size:13.5px}.cwh-svc small{font-size:12px;color:#8b8796}
.cwh-si{width:40px;height:40px;border-radius:13px;background:#f1ecfe;color:var(--p-6d28d9,#6d28d9);display:grid;place-items:center;font-size:18px;flex-shrink:0}
.cwh-looks{display:flex;flex-direction:column;gap:8px}
.cwh-f5{grid-template-columns:2fr 1fr 1fr 1fr 1fr}
.cwh-ai{background:#fff}.cwh-aih{display:flex;gap:14px;align-items:flex-start}.cwh-aic{width:46px;height:46px;border-radius:15px;background:var(--p-7c3aed,#7c3aed);color:#fff;display:grid;place-items:center;font-size:20px;flex-shrink:0}.cwh-aih h3{margin:0;font-size:16px}.cwh-aih p{margin:3px 0 0;font-size:13px;color:#6e6a7c}
.cwh-air{display:flex;gap:10px;flex-wrap:wrap}.cwh-air .kp-search{flex:1;min-width:240px;background:#fff;border:1px solid #ecebf2}
.cwh-res{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #e4d8fd;border-radius:16px;padding:14px;flex-wrap:wrap}.cwh-res>img{width:72px;height:72px;object-fit:contain;border-radius:14px;border:1px solid #f0eef5}.cwh-res>div:nth-child(2){flex:1;min-width:220px;display:flex;flex-direction:column;gap:4px}.cwh-res p{margin:0;font-size:12.5px;color:#3a3642}.cwh-resb{display:flex;flex-direction:column;gap:6px}
.cwh-cols{display:flex;gap:6px}.cwh-cols>i{width:24px;height:24px;border-radius:8px;border:1px solid rgba(0,0,0,.06)}.cwh-cols.big>i{width:34px;height:34px;border-radius:10px}
.cwh-bt{display:flex;flex-direction:column;gap:3px}.cwh-bt b{font-size:14px}.cwh-bt small{font-size:11px;font-weight:600;color:#a19db0;margin-top:6px}.cwh-bt p{margin:0;font-size:13px;color:#3a3642;line-height:1.5}
.cwa{gap:14px}.cwa-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cwa-h>div{flex:1;min-width:160px;display:flex;flex-direction:column}.cwa-h b{font-size:15px}.cwa-h small{font-size:12px;color:#8b8796}
.cwa-av{width:46px;height:46px;border-radius:15px;background:#17131f;color:var(--p-c4b5fd,#c4b5fd);display:grid;place-items:center;font-weight:600}
.cwa-st{height:34px;padding:0 14px;border-radius:999px;border:1px solid #ecebf2;background:#f4f3f8;font-family:inherit;font-weight:600;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;color:#6e6a7c}.cwa-st>i{width:8px;height:8px;border-radius:50%;background:#a19db0}.cwa-st.on{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.cwa-st.on>i{background:#16a34a;box-shadow:0 0 0 3px #16a34a33}
.cwa-chs{display:flex;gap:6px;flex-wrap:wrap}.cwa-ch,.cwa-all{height:34px;padding:0 12px;border-radius:999px;border:1px solid #ecebf2;background:#fff;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#8b8796}.cwa-ch.on{border-color:var(--p-7c3aed,#7c3aed);background:#f5f0ff;color:#17131f}.cwa-ch.on>i{color:var(--p-7c3aed,#7c3aed)}.cwa-all{border-style:dashed;color:var(--p-6d28d9,#6d28d9)}
.cwc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.cwc-it{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #f0eef5;border-radius:18px;padding:14px}.cwc-it>span{width:42px;height:42px;border-radius:13px;background:#f6f5fa;display:grid;place-items:center;font-size:19px}.cwc-it>div{flex:1;min-width:0;display:flex;flex-direction:column}.cwc-it b{font-size:13.5px}.cwc-it small{font-size:11.5px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cwc-it>em{font-style:normal;font-size:11.5px;font-weight:600;color:#a19db0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.cwc-it>em>i{width:7px;height:7px;border-radius:50%;background:currentColor}.cwc-it.ok>em{color:#15803d}.cwc-it.bad>em{color:#b91c1c}
.cwc-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cwc-form code{flex:1;min-width:0;background:#f6f5fa;border-radius:10px;padding:9px 12px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cwm-link{display:flex;gap:10px;flex-wrap:wrap}.cwm-b{display:flex;gap:8px;flex-wrap:wrap}
.cwm-r{display:grid;grid-template-columns:130px 80px 110px minmax(100px,1fr) 110px 190px;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid #f3f1f7;font-size:13px}
.cwf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.cwf-it{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #f0eef5;border-radius:18px;padding:14px;text-decoration:none;color:#17131f}.cwf-it:hover{border-color:var(--p-ddd6fe,#ddd6fe)}.cwf-it>span{width:44px;height:44px;border-radius:13px;background:#f1ecfe;color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;font-size:20px}.cwf-it b{font-size:13px;overflow-wrap:anywhere}.cwf-it small{font-size:11.5px;color:#8b8796}
.cwt-r{display:grid;grid-template-columns:34px minmax(160px,1.5fr) 130px minmax(110px,1fr) 100px 110px;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid #f3f1f7;font-size:13px}
.cwt-n{display:flex;flex-direction:column;min-width:0}.cwt-n small{font-size:11.5px;color:#8b8796}
.cwt-r select,.cwt-r input{height:34px;border-radius:9px;border:1px solid #e7e4ec;background:#fff;padding:0 8px;font-size:12.5px;font-family:inherit;min-width:0}
@media (max-width:1100px){.cwh-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cwh-span3{grid-column:1/-1}.cwh-f5{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.cwh-grid{grid-template-columns:minmax(0,1fr)}.cwh-span2{grid-column:auto}.cwh-us{grid-template-columns:1fr 1fr}.cwh-acts{align-items:flex-start}.cwm-r,.cwt-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.kio-main:has(.cwh) .kph3{display:none}
.ktm-ps b{font-size:15px;overflow-wrap:anywhere;line-height:1.25}
body.kio-pro .k-help{display:none!important}
.kf5-t{font-size:20px;white-space:nowrap}.kf5-tw{overflow-x:auto}.kf5-r{display:grid;grid-template-columns:minmax(180px,1.6fr) 120px minmax(120px,1fr) 110px 140px 110px;gap:12px;align-items:center;padding:11px 8px;border:none;border-bottom:1px solid #f4f3f8;background:none;font:inherit;font-size:13px;text-align:start;cursor:pointer;color:#3a3642;min-width:820px;width:100%}.kf5-r.th{cursor:default;font-size:11px;font-weight:600;color:#a19db0;background:#f6f5fa;border-radius:10px;border-bottom:none}.kf5-r:not(.th):hover{background:#faf9fd}.kf5-n{display:flex;flex-direction:column;min-width:0}.kf5-n b{color:#17131f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kf5-n small{font-size:11.5px;color:#8b8796}.kf5-sh{display:flex;align-items:center;gap:8px}.kf5-sh em{font-style:normal;font-size:12px;min-width:34px}.kf5-sh i{flex:1;height:6px;border-radius:999px;background:#f1eff5;overflow:hidden}.kf5-sh u{display:block;height:100%;background:var(--p-7c3aed,#7c3aed)}.kf5-o{color:#b45309;font-weight:600}
.cwk-r{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #f4f3f8}.cwk-r>i{color:var(--p-7c3aed,#7c3aed)}.cwk-r>span{flex:1;display:flex;flex-direction:column}.cwk-r b{font-size:13px}.cwk-r small{font-size:11.5px;color:#8b8796}
.ie-ai{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:12px;background:#f6f1ff;border:1px solid #e9ddff}.ie-ai>i{color:var(--p-7c3aed,#7c3aed)}.ie-ai>input{flex:1;min-width:0;height:34px;border:0;background:transparent;font-size:13px;color:#111014;outline:none}.ie-ai>button{height:34px;padding:0 14px;border-radius:10px;border:0;background:var(--p-7c3aed,#7c3aed);color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}.ie-ai>button[disabled]{opacity:.6}

/* 2 Nov 2026: KIO tools banner inside a client workspace; finance scope switch active state */
.k-tool{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-size:13px}.k-tool>i{color:#ea580c}.k-tool>span{flex:1;min-width:180px}.k-tool>button{height:30px;padding:0 12px;border-radius:9px;border:1px solid #fed7aa;background:#fff;color:#7c2d12;font-weight:600;font-size:12px;cursor:pointer}.k-tool>button.pri{background:#ea580c;border-color:#ea580c;color:#fff}
.kf3-scope>button{cursor:pointer}
.kcl-logo{overflow:hidden}.kcl-logo>img{width:100%;height:100%;object-fit:contain;display:block}

/* 2 Nov 2026: client dashboard = AI at work, flat client sidebar, project progress */
.k-ns.flat .k-ns-num,.k-ns.flat .k-ns-ch{display:none}.k-ns.flat.act>.k-ns-h{background:var(--p-7c3aed,#7c3aed);color:#fff}.k-ns.flat.act>.k-ns-h .k-ns-ic{color:#fff}.k-ns.flat .k-ns-m{background:#ef4444;color:#fff}
.cai{display:flex;flex-direction:column;gap:16px}.cai-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.cai-top h2{font-size:22px;font-weight:600;margin:2px 0}.cai-top p{color:#8b8796;font-size:13px;margin:0}.cai-per{display:flex;gap:6px}
.cai-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cai-k{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:16px;border-radius:18px;background:#fff;border:1px solid #f0eef5;cursor:pointer;font:inherit;color:inherit}.cai-k>div{display:flex;flex-direction:column;gap:3px;min-width:0}.cai-k span{font-size:12.5px;color:#6a6675}.cai-k b{font-size:26px;font-weight:600;color:#111014}.cai-k small{font-size:11.5px;color:#8b8796}
.cai-k.hero{background:var(--p-7c3aed,#7c3aed);border:0}.cai-k.hero span,.cai-k.hero b,.cai-k.hero small{color:#fff}.cai-k.hero .cai-ic{background:rgba(255,255,255,.2);color:#fff}
.cai-ic{width:38px;height:38px;border-radius:12px;background:var(--p-f3e8ff,#f3e8ff);color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;flex-shrink:0;font-size:17px}.cai-d{font-style:normal;font-weight:600;margin-right:4px}.cai-d.up{color:#16a34a}.cai-d.down{color:#dc2626}.cai-k.hero .cai-d{color:#fff}
.cai-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cai-mini>div{background:#fff;border:1px solid #f0eef5;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.cai-mini span{font-size:12px;color:#6a6675}.cai-mini b{font-size:18px}.cai-mini small{font-size:11px;color:#8b8796}
.cai-r2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px}
.cai-chart{display:flex;align-items:flex-end;gap:4px;height:170px;padding-top:8px}.cai-chart>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;min-width:0}.cai-bw{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.cai-bw span{width:42%;max-width:12px;border-radius:4px 4px 0 0;min-height:2px}.cai-bw .c{background:var(--p-c4b5fd,#c4b5fd)}.cai-bw .a{background:var(--p-7c3aed,#7c3aed)}.cai-chart small{font-size:10px;color:#8b8796;height:12px}
.cai-lc,.cai-la{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:4px}.cai-lc{background:var(--p-c4b5fd,#c4b5fd)}.cai-la{background:var(--p-7c3aed,#7c3aed)}
.cai-l{display:flex;align-items:center;gap:10px;width:100%;padding:8px 6px;border:0;border-top:1px solid #f4f3f8;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.cai-l>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.cai-l b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cai-l small{font-size:11.5px;color:#8b8796}
.cai-av{width:32px;height:32px;border-radius:50%;background:var(--p-f3e8ff,#f3e8ff);color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}.cai-tg{font-style:normal;font-size:11px;padding:3px 8px;border-radius:99px;background:var(--p-f3e8ff,#f3e8ff);color:var(--p-6b21a8,#6b21a8);white-space:nowrap}.cai-tg.hot{background:#fee2e2;color:#b91c1c}
.cai-ag{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #f4f3f8}.cai-ag img{width:36px;height:36px;border-radius:11px}.cai-ag>span{flex:1;display:flex;flex-direction:column}.cai-ag b{font-size:13px}.cai-ag small{font-size:11.5px;color:#8b8796}
.cai-st{font-style:normal;font-size:11.5px;display:inline-flex;align-items:center;gap:5px;color:#8b8796}.cai-st i{width:7px;height:7px;border-radius:50%;background:#c9c5d3}.cai-st.on{color:#15803d}.cai-st.on i{background:#22c55e}
.cai-hours{display:flex;align-items:flex-end;gap:3px;height:130px}.cai-hours>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.cai-hours span{width:100%;background:var(--p-a78bfa,#a78bfa);border-radius:3px 3px 0 0;min-height:2px}.cai-hours small{font-size:9.5px;color:#8b8796;height:11px}
.cai-tw{overflow-x:auto}.cai-tr{display:grid;grid-template-columns:1.6fr repeat(4,1fr) 1fr;gap:8px;align-items:center;padding:9px 4px;border-top:1px solid #f4f3f8;font-size:13px;min-width:620px}.cai-tr.th{font-size:11.5px;color:#8b8796;border-top:0}
.cai-proj{display:flex;flex-direction:column;gap:4px}.cai-pr{display:flex;gap:12px;padding:12px 0;border-top:1px solid #f4f3f8}.cai-pi{width:38px;height:38px;border-radius:12px;background:var(--p-f3e8ff,#f3e8ff);color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;flex-shrink:0}.cai-pb{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}.cai-pt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cai-pt b{font-size:14px}.cai-pt small{margin-left:auto;font-weight:600;color:var(--p-7c3aed,#7c3aed)}
.cai-ps{font-style:normal;font-size:11px;padding:3px 8px;border-radius:99px;background:#f1f0f5;color:#5a5665}.cai-ps.s1{background:var(--p-ede9fe,#ede9fe);color:var(--p-6d28d9,#6d28d9)}.cai-ps.s2{background:#fef3c7;color:#92400e}.cai-ps.s3{background:#dcfce7;color:#166534}
.cai-steps{display:flex;gap:6px;flex-wrap:wrap}.cai-sp{font-size:11px;padding:3px 9px;border-radius:99px;border:1px solid #ece9f0;color:#8b8796}.cai-sp.ok{background:var(--p-f3e8ff,#f3e8ff);border-color:var(--p-e9d5ff,#e9d5ff);color:var(--p-6b21a8,#6b21a8)}.cai-sp.on{background:var(--p-7c3aed,#7c3aed);border-color:var(--p-7c3aed,#7c3aed);color:#fff}
.cai-bar{height:7px;border-radius:99px;background:#f1f0f5;overflow:hidden}.cai-bar i{display:block;height:100%;background:var(--p-7c3aed,#7c3aed);border-radius:99px}.cai-note{font-size:12.5px;color:#3f3b48}.cai-since{font-size:11px;color:#8b8796}
.cwh-pg{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.cwh-pg select,.cwh-pg input{height:30px;border-radius:9px;border:1px solid #e7e4ec;padding:0 8px;font-size:12px;background:#fff;color:#111014}.cwh-pg input[type=number]{width:62px}.cwh-pg input:not([type]){flex:1;min-width:160px}
@media (max-width:900px){.cai-kpis,.cai-mini{grid-template-columns:repeat(2,minmax(0,1fr))}.cai-r2{grid-template-columns:minmax(0,1fr)}.cai-k b{font-size:22px}}

/* 2 Nov 2026: lead panel, where they came from */
.ksrc{background:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid #efe9fb}
.ksrc-h{display:flex;gap:12px;align-items:center}.ksrc-ic{width:42px;height:42px;border-radius:13px;background:var(--p-7c3aed,#7c3aed);color:#fff;display:grid;place-items:center;font-size:18px;flex-shrink:0}.ksrc-h>div{display:flex;flex-direction:column;min-width:0}.ksrc-h small{font-size:11px;color:#8b8796}.ksrc-h b{font-size:15px;line-height:1.3}.ksrc-h em{font-style:normal;font-size:12px;color:#6a6675}
.ksrc-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.ksrc-facts>div{background:#faf9fc;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.ksrc-facts span{font-size:11px;color:#8b8796}.ksrc-facts b{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.ksrc-msg{background:var(--p-f5f3ff,#f5f3ff);border-left:3px solid var(--p-7c3aed,#7c3aed);border-radius:10px;padding:10px 12px}.ksrc-msg>span,.ksrc-tt{font-size:11px;color:#8b8796}.ksrc-msg p{margin:4px 0 0;font-size:13px;white-space:pre-wrap}
.ksrc-t{display:flex;flex-direction:column}.ksrc-r{display:grid;grid-template-columns:minmax(110px,34%) 1fr;gap:10px;padding:8px 2px;border-top:1px solid #f4f3f8;font-size:13px}.ksrc-r span{color:#6a6675}.ksrc-r b{font-weight:500;overflow-wrap:anywhere}
.ksrc-subs{display:flex;flex-direction:column;gap:3px}.ksrc-subs small{font-size:12px;color:#3f3b48}

/* 2 Nov 2026 (2): lead source, full width */
.ksr{flex-shrink:0;margin:14px 16px 0;background:#fff;border-radius:20px;border:1px solid #efe9fb;overflow:hidden}
.ksr-h{display:flex;gap:14px;align-items:center;padding:16px 18px;background:#fff}.ksr-ic{width:46px;height:46px;border-radius:14px;background:var(--p-7c3aed,#7c3aed);color:#fff;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.ksr-ht{display:flex;flex-direction:column;gap:4px;min-width:0}.ksr-ht small{font-size:11px;color:#8b8796}.ksr-ht b{font-size:17px;line-height:1.25}
.ksr-chips{display:flex;gap:6px;flex-wrap:wrap}.ksr-chips span{font-size:11.5px;padding:3px 9px;border-radius:99px;background:var(--p-f3e8ff,#f3e8ff);color:var(--p-6b21a8,#6b21a8);font-weight:500}
.ksr-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);border-top:1px solid #f1eef7}.ksr-p{padding:14px 18px;display:flex;flex-direction:column;min-width:0}.ksr-p+.ksr-p{border-left:1px solid #f1eef7;background:#fcfbfe}
.ksr-pt{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.ksr-pt b{font-size:13.5px}.ksr-pt small{font-size:11.5px;color:#8b8796}
.ksr-r{display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:12px;padding:9px 0;border-top:1px solid #f4f3f8;font-size:13.5px}.ksr-r>span{color:#6a6675}.ksr-r>b{font-weight:600;color:#111014;overflow-wrap:anywhere;white-space:pre-wrap}
.ksr-r.msg{grid-template-columns:1fr;background:var(--p-f5f3ff,#f5f3ff);border-radius:12px;padding:10px 12px;border:0;margin-bottom:4px}.ksr-r.msg>b{font-weight:500}.ksr-e{font-size:13px;color:#8b8796;margin:4px 0}
.ksr-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ksr-tl li{display:flex;gap:10px;position:relative;padding-bottom:14px}.ksr-tl li:not(:last-child)::before{content:'';position:absolute;left:14px;top:30px;bottom:0;width:2px;background:var(--p-ede9fe,#ede9fe)}
.ksr-dot{width:30px;height:30px;border-radius:50%;background:var(--p-ede9fe,#ede9fe);color:var(--p-7c3aed,#7c3aed);display:grid;place-items:center;flex-shrink:0;font-size:14px}.ksr-tl div{display:flex;flex-direction:column;gap:1px;min-width:0}.ksr-tl b{font-size:13px}.ksr-tl em{font-style:normal;font-size:12px;color:var(--p-7c3aed,#7c3aed);font-weight:600}.ksr-tl small{font-size:12px;color:#6a6675;overflow-wrap:anywhere}
@media (max-width:760px){.ksr-g{grid-template-columns:minmax(0,1fr)}.ksr-p+.ksr-p{border-left:0;border-top:1px solid #f1eef7}.ksr{margin:12px 12px 0}}

/* ---------- Bulk messages (5 Nov 2026). Brand colours through --brand / --p-*, phone first. ---------- */
.bk{display:flex;flex-direction:column;gap:14px;min-width:0}
.bk-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bk-top h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.bk-top p{margin:4px 0 0;color:#6f6a7c;font-size:13px;max-width:560px}
.bk-tabs{display:flex;gap:6px;flex-wrap:wrap}
.bk-tab{height:38px;padding:0 14px;border-radius:12px;border:1px solid #ecebf2;background:#fff;color:#3b3646;font:500 13px/1 inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.bk-tab.on{background:var(--brand,#7c3aed);border-color:var(--brand,#7c3aed);color:var(--brandInk,#fff)}
.bk-card{background:#fff;border:1px solid #f0eef5;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.bk-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.bk-h h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bk-h p{margin:3px 0 0;color:#8b8796;font-size:12.5px}
.bk-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.bk-btn{height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--brand,#7c3aed);background:var(--brand,#7c3aed);color:var(--brandInk,#fff);font:600 12.5px/1 inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;text-decoration:none}
.bk-btn.ghost{background:#fff;color:#17131f;border-color:#e7e4ec;font-weight:500}.bk-btn.ghost:hover{border-color:var(--brand,#7c3aed)}
.bk-btn.danger{color:#c0392b}.bk-btn.big{height:46px;font-size:14px;width:100%}.bk-btn:focus-visible,.bk-tab:focus-visible,.bk-camp:focus-visible{outline:2px solid var(--brand,#7c3aed);outline-offset:2px}
.bk-link{border:0;background:none;padding:0;color:var(--brand,#7c3aed);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}
.bk-back{border:0;background:none;padding:0 0 6px;color:#6f6a7c;font:500 12.5px/1 inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.bk-empty{align-items:center;text-align:center;padding:36px 18px;gap:10px}.bk-empty.in{display:flex;flex-direction:column}.bk-empty b{font-size:15px}.bk-empty p{margin:0;color:#8b8796;font-size:13px;max-width:440px}
.bk-eic{width:52px;height:52px;border-radius:16px;background:var(--p-f3e8ff,#f3e8ff);color:var(--p-6b21a8,#6b21a8);display:grid;place-items:center;font-size:22px}
.bk-spin{font-size:22px;animation:bkspin 1s linear infinite}@keyframes bkspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bk-spin{animation:none}}
.bk-kpis .cai-k{cursor:default}
.bk-st{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font:600 11px/1 inherit;font-style:normal;background:#f1eff5;color:#5a5665;white-space:nowrap}
.bk-st.ok{background:var(--p-f3e8ff,#f3e8ff);color:var(--p-6b21a8,#6b21a8)}.bk-st.go{background:#e8f1ff;color:#1d4ed8}.bk-st.wait{background:#fff6dd;color:#8a5a00}.bk-st.bad{background:#fde7e3;color:#b42318}.bk-st.off{background:#f1eff5;color:#6f6a7c}
.bk-camps,.bk-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:10px}
.bk-camp,.bk-tpl{text-align:left;border:1px solid #ecebf2;border-radius:14px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:8px;font:inherit;color:inherit;min-width:0}
.bk-camp{cursor:pointer}.bk-camp:hover{border-color:var(--brand,#7c3aed)}
.bk-camp-t{display:flex;align-items:center;justify-content:space-between;gap:8px}.bk-camp-t b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-camp small,.bk-tpl>small{color:#8b8796;font-size:12px;overflow-wrap:anywhere}
.bk-bar{display:flex;height:8px;border-radius:99px;background:#f1eff5;overflow:hidden}.bk-bar.big{height:12px}.bk-bar i{display:block;height:100%}
.bk-r,.bk-dot.bk-r{background:var(--brand,#7c3aed)}.bk-d,.bk-dot.bk-d{background:var(--p-c4b5fd,#c4b5fd)}.bk-s,.bk-dot.bk-s{background:#cfd8e6}.bk-f,.bk-dot.bk-f{background:#e5484d}.bk-k{background:#e3e0e8}.bk-dot.bk-p{background:#e0a33a}
.bk-rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.bk-rates span{display:flex;flex-direction:column;font-size:11px;color:#8b8796}.bk-rates b{font-size:14px;color:#17131f;font-weight:600}
.bk-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.bk-stat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid #ecebf2;background:#fff;font:inherit;color:inherit;cursor:pointer}
.bk-stat.on{border-color:var(--brand,#7c3aed);background:var(--p-f5f3ff,#f5f3ff)}.bk-stat span{font-size:12px;color:#6f6a7c}.bk-stat b{grid-column:1/-1;font-size:18px;font-weight:600}.bk-stat small{grid-column:1/-1;font-size:11px;color:#8b8796;min-height:13px}
.bk-dot{width:8px;height:8px;border-radius:99px;background:#17131f;display:inline-block}
.bk-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:14px}
.bk-hbar{display:grid;grid-template-columns:minmax(0,140px) 1fr auto;gap:10px;align-items:center;font-size:12.5px}.bk-hbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-hbar div{height:8px;border-radius:99px;background:#f1eff5;overflow:hidden}.bk-hbar i{display:block;height:100%;background:var(--brand,#7c3aed);border-radius:99px}
.bk-muted{color:#8b8796;font-size:12px;margin:0}
.bk-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid #e7e4ec;border-radius:12px;min-width:min(260px,100%);flex:0 1 300px}.bk-search input{border:0;outline:0;flex:1;min-width:0;font:inherit;font-size:13px;background:transparent}
.bk-chips{display:flex;gap:6px;flex-wrap:wrap}
.bk-chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:999px;border:1px solid #e7e4ec;background:#fff;font:500 12px/1 inherit;color:#3b3646}
.bk-chip.btn{cursor:pointer}.bk-chip.on{background:var(--brand,#7c3aed);border-color:var(--brand,#7c3aed);color:var(--brandInk,#fff)}.bk-chip small{opacity:.7}
.bk-recs{display:flex;flex-direction:column}
.bk-rec{display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,1.6fr);gap:10px;align-items:center;padding:9px 2px;border-top:1px solid #f3f1f7;font-size:12.5px}
.bk-rec-n{border:0;background:none;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;min-width:0}.bk-rec-n b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-rec-n small{color:#8b8796}
.bk-rec-x{color:#6f6a7c;overflow-wrap:anywhere}.bk-more{align-self:center;margin-top:8px}
.bk-new{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.bk-steps{display:flex;flex-direction:column;gap:12px;min-width:0}
.bk-step{flex-direction:row;gap:12px}.bk-sn{width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:var(--brand,#7c3aed);color:var(--brandInk,#fff);display:grid;place-items:center;font-weight:600;font-size:13px}
.bk-sb{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}.bk-sb h3{margin:4px 0 0;font-size:15px;font-weight:600}.bk-sb>p{margin:0;color:#8b8796;font-size:12.5px}
.bk-new label{font-size:12px;font-weight:600;color:#3b3646}
.bk-new input:not([type=file]),.bk-new select,.bk-new textarea{width:100%;box-sizing:border-box;height:40px;padding:0 12px;border:1px solid #e7e4ec;border-radius:11px;font:inherit;font-size:13px;color:#17131f;background:#fff;min-width:0}
.bk-new textarea{height:auto;padding:10px 12px;resize:vertical;line-height:1.45}
.bk-new input:focus,.bk-new select:focus,.bk-new textarea:focus{outline:2px solid var(--p-c4b5fd,#c4b5fd);border-color:var(--brand,#7c3aed)}
.bk-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:#f4f2f8;align-self:flex-start;max-width:100%}
.bk-sg{height:32px;padding:0 12px;border:0;border-radius:9px;background:transparent;font:500 12.5px/1 inherit;color:#5a5665;cursor:pointer}.bk-sg.on{background:#fff;color:#17131f;box-shadow:0 1px 3px rgba(23,19,31,.12)}
.bk-fl{display:flex;flex-direction:column;gap:6px}
.bk-row2,.bk-row3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end}.bk-row3{grid-template-columns:repeat(3,minmax(0,1fr))}.bk-row2.tight{grid-template-columns:auto 1fr;align-items:center}
.bk-row2>div,.bk-row3>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.bk-file{position:relative;overflow:hidden}.bk-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.bk-count{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:var(--p-f5f3ff,#f5f3ff)}.bk-count b{font-size:15px;color:var(--p-6b21a8,#6b21a8)}.bk-count span{font-size:12px;color:#6f6a7c}
.bk-note{padding:10px 12px;border-radius:12px;background:#f4f2f8;color:#3b3646;font-size:12.5px;line-height:1.45}.bk-note.warn{background:#fff6dd;color:#6b4a00}
.bk-var{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}.bk-var code{font:600 12px/1 ui-monospace,monospace;padding:7px 8px;border-radius:8px;background:#f4f2f8}
.bk-btnrow{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr) 36px;gap:6px;align-items:center}
.bk-x{width:36px;height:36px;border-radius:10px;border:1px solid #e7e4ec;background:#fff;cursor:pointer;display:grid;place-items:center}
.bk-prev{position:sticky;top:12px}
.bk-phone{border-radius:26px;border:8px solid #17131f;background:#efeae2;overflow:hidden;box-shadow:0 10px 30px rgba(23,19,31,.12)}.bk-phone.small{border-width:0;border-radius:14px;box-shadow:none;padding:12px}
.bk-ph-top{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#075e54;color:#fff}.bk-ph-top b{display:block;font-size:13px}.bk-ph-top small{font-size:11px;opacity:.8}
.bk-ph-av{width:32px;height:32px;border-radius:99px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-weight:600;font-size:12px}
.bk-ph-body{min-height:330px;padding:14px 12px;display:flex;flex-direction:column;gap:6px}
.bk-bub{align-self:flex-start;max-width:92%;background:#fff;border-radius:2px 12px 12px 12px;padding:8px 10px 6px;box-shadow:0 1px 1px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:5px}
.bk-bub p{margin:0;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.bk-bub b{font-size:13.5px}.bk-bub small{color:#8696a0;font-size:11.5px}.bk-bub time{align-self:flex-end;color:#8696a0;font-size:10.5px}
.bk-bub.mini{background:#f7f5fa;box-shadow:none;max-width:100%;border-radius:12px}
.bk-media{height:120px;border-radius:8px;background:#dfe5e7;display:grid;place-items:center;color:#7a8a90;font-size:30px}
.bk-qb{align-self:flex-start;width:min(92%,280px);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border-radius:10px;padding:9px;color:#027eb5;font-size:13px;font-weight:500;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bk-ph-empty{margin:auto;color:#6f6a7c;font-size:12.5px;text-align:center;max-width:220px}.bk-ph-for{margin-top:auto;color:#6f6a7c;font-size:11px;text-align:center}
@media (max-width:1100px){.bk-new{grid-template-columns:minmax(0,1fr)}.bk-prev{position:static;order:-1;max-width:420px;width:100%;margin:0 auto}.bk-ph-body{min-height:0}.bk-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.bk-row2,.bk-row3{grid-template-columns:minmax(0,1fr)}.bk-row2.tight{grid-template-columns:minmax(0,1fr)}.bk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-rates{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk-rec{grid-template-columns:minmax(0,1fr) auto}.bk-rec-x{grid-column:1/-1}.bk-btnrow{grid-template-columns:minmax(0,1fr) 36px}.bk-btnrow select{grid-column:1/-1}.bk-var{grid-template-columns:auto minmax(0,1fr)}.bk-var input{grid-column:1/-1}
  .bk-tabs{width:100%}.bk-tab{flex:1;justify-content:center;padding:6px 8px;height:auto;min-height:40px;line-height:1.2;text-align:center;font-size:12.5px}.bk-tab i{display:none}.bk-step{flex-direction:column}.bk-h .bk-acts{width:100%}}

[dir=rtl] .bk-camp,[dir=rtl] .bk-tpl,[dir=rtl] .bk-stat,[dir=rtl] .bk-rec-n{text-align:right}[dir=rtl] .bk-bub{border-radius:12px 2px 12px 12px}

/* active one-level menu item: text in the readable colour of the brand (white on dark brands, dark on light ones) */
.k-ns.flat.act>.k-ns-h,.k-ns.flat.act>.k-ns-h .k-ns-l,.k-ns.flat.act>.k-ns-h .k-ns-ic{color:var(--brandInk,#fff)}

/* ---------- Settings, profile and security (5 Nov 2026, unslop pass): one identity header, then ledger rows ----------
   Neutral surfaces and hairlines; the brand colour only on the identity mark, the primary buttons and the "on" dot. */
.ks{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:960px}
.ks-id{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px;border-radius:20px;background:#fff;border:1px solid rgb(23 19 31/.08)}
.ks-id-t{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.ks-id-t b{font-size:20px;font-weight:600;line-height:1.2;color:#17131f;overflow-wrap:anywhere}
.ks-id-t span{font-size:13px;color:#6f6a7c;overflow-wrap:anywhere}
.ks-id-a{display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:320px}
.ks-id-a>div:last-child{font-size:12px;color:#8b8796;text-align:right}
.ks-logo{width:64px;height:64px;border-radius:16px;object-fit:contain;background:#fff;border:1px solid rgb(23 19 31/.08);flex-shrink:0}
.ks-logo.ini,.ks-av{display:grid;place-items:center;font-size:22px;font-weight:600;color:var(--brandInk,#fff);background:var(--brand,#7c3aed);border:0}
.ks-av{width:64px;height:64px;border-radius:50%;flex-shrink:0}
.ks-list{background:#fff;border-radius:20px;border:1px solid rgb(23 19 31/.08);padding:0 24px}
.ks-row{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid rgb(23 19 31/.07)}
.ks-row:first-child{border-top:0}
.ks-rl b{display:block;font-size:14px;font-weight:600;color:#17131f}
.ks-rl small{display:block;margin-top:4px;font-size:12.5px;line-height:1.5;color:#8b8796;max-width:260px}
.ks-rc{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.ks-rc>*{max-width:100%}
.ks-in{height:40px;width:100%;max-width:420px;box-sizing:border-box;padding:0 12px;border-radius:10px;border:1px solid rgb(23 19 31/.12);background:#fff;font:inherit;font-size:14px;color:#17131f;transition:border-color .15s,box-shadow .15s}
.ks-in:hover{border-color:rgb(23 19 31/.22)}
.ks-in:focus{outline:0;border-color:var(--brand,#7c3aed);box-shadow:0 0 0 3px var(--p-ede9fe,#ede9fe)}
.ks-in:disabled{background:#f8f7fa;color:#6f6a7c;cursor:not-allowed}
.ks-inline{display:flex;gap:8px;width:100%;max-width:520px}.ks-inline .ks-in{flex:1}
.ks-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:520px}.ks-pair .ks-in{max-width:none}
.ks-btn{height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--brand,#7c3aed);background:var(--brand,#7c3aed);color:var(--brandInk,#fff);font:500 13px/1 inherit;cursor:pointer;white-space:nowrap;transition:filter .15s}
.ks-btn:hover{filter:brightness(.94)}
.ks-btn.ghost{background:#fff;color:#17131f;border-color:rgb(23 19 31/.12)}.ks-btn.ghost:hover{filter:none;border-color:rgb(23 19 31/.24)}
.ks-btn:focus-visible,.ks-sw button:focus-visible{outline:2px solid var(--brand,#7c3aed);outline-offset:2px}
.ks-muted{font-size:12px;color:#8b8796}
.ks-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;width:100%;max-width:520px}
.ks-dl dt{font-size:12px;color:#8b8796}.ks-dl dd{margin:4px 0 0;font-size:15px;font-weight:500;color:#17131f;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ks-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#17131f}
.ks-dot{width:8px;height:8px;border-radius:50%;background:#c9c5d1}.ks-dot.on{background:#1f9e45}.ks-dot.bad{background:#d63c3c}
.ks-logins{display:flex;flex-direction:column;width:100%;max-width:520px}
.ks-logins>div{border-top:1px solid rgb(23 19 31/.07)!important;padding:12px 0!important}.ks-logins>div:first-child{border-top:0!important;padding-top:0!important}
.ks-sw{display:flex;gap:8px;flex-wrap:wrap}.ks-sw button{width:28px;height:28px;border-radius:50%;border:0;cursor:pointer}
/* the original controls kept inside the security rows: same height and radius as the rest */
.ks-rc button[style],.ks-id-a button[style],.ks-id-a label[style]{height:40px!important;border-radius:10px!important;padding:0 16px!important;font-size:13px!important;font-weight:500!important}
.ks-rc input[style]{height:40px!important;border-radius:10px!important}
.ks-rc img[alt="QR code"]{border-radius:12px!important}
.ks-sw button[style]{width:28px!important;height:28px!important;padding:0!important;border-radius:50%!important}
body.kio-pro .kset>.k-set-tabs .k-set-tab.on{background:#f4f2f8;color:#17131f;box-shadow:none}
@media (max-width:860px){.ks-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 0}.ks-rl small{max-width:none}}
@media (max-width:560px){.ks-id,.ks-list{padding-left:16px;padding-right:16px}.ks-id-a{align-items:flex-start;max-width:none;width:100%}.ks-id-a>div:last-child{text-align:left}.ks-pair{grid-template-columns:minmax(0,1fr)}.ks-dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ks-inline{flex-direction:column}}

/* ---------- AI Agents hub (CRM owner) and Manage AI agents (clients), 5 Nov 2026 ---------- */
.ah{display:flex;flex-direction:column;gap:16px;min-width:0;margin-bottom:8px}
.ah-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ah-sum>div{background:#fff;border:1px solid rgb(23 19 31/.08);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ah-sum span{font-size:12px;color:#8b8796}.ah-sum b{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.ah-sum small{font-size:11.5px;color:#8b8796}
.ah-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ah-q{flex:0 1 260px}
.ah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px}
.ah-card{background:#fff;border:1px solid rgb(23 19 31/.08);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;transition:border-color .15s}
.ah-card:hover{border-color:rgb(23 19 31/.18)}
.ah-top{display:flex;align-items:center;gap:12px}
.ah-av{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:600;font-size:15px}
.ah-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ah-id b{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ah-id small{font-size:12px;color:#8b8796;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ah-biz{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:#3b3646}
.ah-bizav{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:10px;font-weight:600;color:#3b3646;border:1px solid rgb(23 19 31/.08)}
.ah-tags{display:flex;gap:6px;flex-wrap:wrap}
.ah-ch{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#6f6a7c;min-height:18px}.ah-ch span{display:inline-flex;align-items:center;gap:4px}.ah-ch em{font-style:normal;color:#8b8796}
.ah-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 0;border-top:1px solid rgb(23 19 31/.07);border-bottom:1px solid rgb(23 19 31/.07)}
.ah-st div{display:flex;flex-direction:column;align-items:flex-start}.ah-st b{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.ah-st span{font-size:11px;color:#8b8796}
.ah-go{width:100%}
/* the agent's picture in the full editor */
.ag-pic{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid rgb(23 19 31/.08);border-radius:14px}
.ag-pic-av{width:56px;height:56px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:600;font-size:18px}
.ag-pic-t{display:flex;flex-direction:column;gap:4px;min-width:0}.ag-pic-t b{font-size:13px;font-weight:600}.ag-pic-t small{font-size:12px;color:#8b8796}
.ag-pic-a{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
/* client page */
.ma{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:980px}
.ma-intro{max-width:620px}
.ma-list{display:flex;gap:10px;flex-wrap:wrap}
.ma-card{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;border:1px solid rgb(23 19 31/.1);background:#fff;font:inherit;color:inherit;cursor:pointer;min-width:0;max-width:100%;transition:border-color .15s}
.ma-card.on{border-color:var(--brand,#7c3aed);box-shadow:0 0 0 3px var(--p-ede9fe,#ede9fe)}
.ma-card .ah-av{width:36px;height:36px;font-size:13px}
.ma-id{display:flex;flex-direction:column;text-align:left;min-width:0}.ma-id b{font-size:13.5px;font-weight:600}.ma-id small{font-size:12px;color:#8b8796}
.ma-ed{display:flex;flex-direction:column;gap:16px}
.ma-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ma-tabs{display:flex;gap:6px;flex-wrap:wrap}
.ma-ta{height:auto!important;padding:10px 12px!important;line-height:1.5;resize:vertical;max-width:560px!important}
.ma-faq{display:flex;gap:8px;align-items:flex-start;width:100%;max-width:560px;padding:10px 12px;border-radius:10px;background:#f8f7fa}
.ma-faq>div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ma-faq b{font-size:13px;font-weight:600}.ma-faq span{font-size:12.5px;color:#5a5665}
.ma-src{display:flex;align-items:center;gap:8px;width:100%;max-width:560px;font-size:13px;padding:8px 0;border-bottom:1px solid rgb(23 19 31/.07)}
.ma-src span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ma-src em{font-style:normal}
.ma-test{padding:20px 24px}
.ma-chat{display:flex;flex-direction:column;gap:8px;min-height:180px;max-height:420px;overflow:auto;padding:12px;border-radius:14px;background:#f6f4f1}
.ma-msg{max-width:80%;padding:8px 12px;border-radius:12px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.ma-msg.me{align-self:flex-end;background:var(--brand,#7c3aed);color:var(--brandInk,#fff);border-bottom-right-radius:4px}
.ma-msg.ai{align-self:flex-start;background:#fff;border:1px solid rgb(23 19 31/.08);border-bottom-left-radius:4px}
.ma-send{max-width:none;margin-top:12px}
.ma-save{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-radius:14px;background:#17131f;color:#fff;box-shadow:0 8px 24px rgb(23 19 31/.2)}
.ma-save span{flex:1;font-size:13px}.ma-save .ks-btn.ghost{background:transparent;color:#fff;border-color:rgb(255 255 255/.3)}
@media (max-width:900px){.ah-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ah-st{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-test{padding:16px}.ma-msg{max-width:92%}.ma-save{flex-wrap:wrap}.ma-card{width:100%}}

/* agent pictures and business logos are images (inline data cannot sit in a style attribute) */
.ah-av,.ks-av,.kf-av,.ag-pic-av,.ah-bizav{position:relative;overflow:hidden}
.av-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.av-img.fit{object-fit:contain;background:#fff}

/* agent documents: drop area + one editable row per file */
.ks-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:560px;box-sizing:border-box;padding:20px 16px;border:1.5px dashed rgb(23 19 31/.18);border-radius:14px;background:#fafafb;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.ks-drop:hover{border-color:var(--brand,#7c3aed);background:var(--p-f5f3ff,#f5f3ff)}.ks-drop i{font-size:20px;color:var(--brand,#7c3aed)}.ks-drop b{font-size:13.5px;font-weight:600}.ks-drop span{font-size:12px;color:#8b8796}
.ks-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ks-doc{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:560px;padding:10px 0;border-top:1px solid rgb(23 19 31/.07)}
.ks-doc-ic{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--p-f3e8ff,#f3e8ff);color:var(--p-6b21a8,#6b21a8);display:grid;place-items:center;font-size:16px;text-decoration:none}
.ks-doc-f{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.ks-doc-f .ks-in{max-width:none}.ks-in-sm{height:34px!important;font-size:12.5px!important}

/* settings › business picture (5 Nov 2026) */
.bz-pic{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bz-pic-v .ks-logo{width:56px;height:56px}.bz-pic .ks-btn{display:inline-flex;align-items:center;gap:7px}
.ks-ta{height:auto!important;min-height:84px;padding:10px 12px!important;resize:vertical;font-family:inherit;line-height:1.45}

/* AI agent editor (5 Nov 2026, /unslop): toolbar, header with live dot, 4 tabs, sections, test chat on the right */
.ae-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ae-vws{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:#fff;border:1px solid rgb(23 19 31/.06)}
.ae-vw{height:32px;padding:0 12px;border:none;border-radius:8px;background:transparent;font:500 13px/1 inherit;color:#6e6a7c;cursor:pointer;transition:background-color .15s,color .15s}
.ae-vw:hover{color:#17131f}.ae-vw.on{background:#17131f;color:#fff}
.ae-bar-a{display:flex;gap:8px}
.ae-btn{height:36px;padding:0 14px;border-radius:10px;border:1px solid rgb(23 19 31/.12);background:#fff;color:#17131f;font:500 13px/1 inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:background-color .15s,border-color .15s}
.ae-btn:hover{border-color:rgb(23 19 31/.24)}.ae-btn i{font-size:16px}
.ae-btn.pri{background:var(--brand,#7c3aed);border-color:var(--brand,#7c3aed);color:var(--brandInk,#fff)}.ae-btn.pri:hover{filter:brightness(.95)}
.ae{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.ae-main{background:#fff;border-radius:20px;border:1px solid rgb(23 19 31/.06);min-width:0;overflow:hidden}
.ae-head{display:flex;align-items:center;gap:16px;padding:20px 24px;flex-wrap:wrap;border-bottom:1px solid rgb(23 19 31/.06)}
.ae-av{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:600;font-size:15px;overflow:hidden;flex-shrink:0}
.ae-av .av-img{width:100%;height:100%;object-fit:cover}
.ae-id{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}
.ae-id b{font-size:18px;font-weight:600;color:#17131f;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ae-id small{font-size:13px;color:#6e6a7c}
.ae-id .ae-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#6e6a7c}
.ae-id .ae-live i{width:8px;height:8px;border-radius:50%;background:#b8b4c2}.ae-id .ae-live.on{color:#15803d}.ae-id .ae-live.on i{background:#16a34a;box-shadow:0 0 0 3px rgb(22 163 74/.15)}
.ae-stats{display:flex;gap:24px;margin:0}
.ae-stats div{display:flex;flex-direction:column;gap:2px}.ae-stats dt{font-size:12px;color:#8b8796}.ae-stats dd{margin:0;font-size:16px;font-weight:600;color:#17131f;font-variant-numeric:tabular-nums}
.ae-acts{display:flex;gap:8px}
.ae-tabs{display:flex;gap:4px;padding:8px 20px;border-bottom:1px solid rgb(23 19 31/.06);overflow-x:auto}
.ae-tab{height:36px;padding:0 14px;border:none;border-radius:10px;background:transparent;font:500 14px/1 inherit;color:#6e6a7c;cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}
.ae-tab:hover{color:#17131f;background:#f6f5f9}.ae-tab.on{color:#17131f;background:#f1f0f5;box-shadow:inset 0 -2px 0 var(--brand,#7c3aed)}
.ae-body{padding:8px 24px 24px;display:flex;flex-direction:column}
.ae-sec{display:flex;flex-direction:column;gap:12px;padding:20px 0;border-bottom:1px solid rgb(23 19 31/.06)}
.ae-sec:last-child{border-bottom:none}
.ae-sh{display:flex;flex-direction:column;gap:4px}.ae-sh b{font-size:15px;font-weight:600;color:#17131f}.ae-sh small{font-size:13px;color:#6e6a7c;line-height:1.5;max-width:640px}
.ae-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.ae-f{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#6e6a7c;min-width:0}
.ae-body input:not([type=checkbox]):not([type=range]):not([type=file]),.ae-body select,.ae-send input{height:40px!important;padding:0 12px!important;border-radius:10px!important;border:1px solid rgb(23 19 31/.12)!important;background:#fff!important;font-size:14px!important;color:#17131f!important;font-family:inherit!important;min-width:0;box-sizing:border-box;outline:none;transition:border-color .15s}
.ae-f input,.ae-f select,.ae-send input{width:100%}
.ae-body input:focus,.ae-body select:focus,.ae-body textarea:focus,.ae-send input:focus{border-color:var(--brand,#7c3aed)!important;box-shadow:0 0 0 3px rgb(23 19 31/.06)}
.ae-body textarea{padding:12px!important;border-radius:10px!important;border:1px solid rgb(23 19 31/.12)!important;font-size:14px!important;line-height:1.55!important;color:#17131f!important;font-family:inherit!important;resize:vertical;outline:none;width:100%;box-sizing:border-box}
.ae-ta{min-height:120px}.ae-ta.big{min-height:420px;font-size:13.5px!important}.ae-ta.sm{min-height:80px}
.ae-body label{font-size:13px!important;color:#6e6a7c!important}
.ae-meta{font-size:12px;color:#8b8796;font-variant-numeric:tabular-nums}
.ae-know{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;margin:0;background:rgb(23 19 31/.06);border-radius:12px;overflow:hidden;border:1px solid rgb(23 19 31/.06)}
.ae-know div{background:#fff;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.ae-know dt{font-size:12px;color:#8b8796}.ae-know dd{margin:0;font-size:15px;font-weight:600;color:#17131f;font-variant-numeric:tabular-nums}
.ae-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;border:1.5px dashed rgb(23 19 31/.18);border-radius:14px;background:#fafafb;text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}
.ae-drop:hover{border-color:var(--brand,#7c3aed);background:#f7f6fa}.ae-drop i{font-size:20px;color:var(--brand,#7c3aed)}.ae-drop b{font-size:14px;font-weight:600;color:#17131f}.ae-drop span{font-size:12px;color:#8b8796}
.ae-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ae-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgb(23 19 31/.08);font-size:13px;color:#17131f}
.ae-row.top{align-items:flex-start}.ae-row>i{font-size:16px;color:#6e6a7c;width:18px;text-align:center;flex-shrink:0}
.ae-row-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;gap:2px}.ae-row.top .ae-row-t{white-space:normal}.ae-row-t.pre{white-space:pre-wrap}.ae-row-t span{color:#6e6a7c}
.ae-row em{font-style:normal;font-size:12px;color:#8b8796;font-variant-numeric:tabular-nums}
.ae-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#6e6a7c;white-space:nowrap}.ae-st i{width:7px;height:7px;border-radius:50%}
.ae-x{width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:#8b8796;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.ae-x:hover{background:#f1f0f5;color:#17131f}
.ae-inl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ae-inl>input{flex:1 1 220px}.ae-inl.qa>input{flex:1 1 180px}
.ae-chk{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ae-end{align-self:flex-end}
.ae-tpl{display:flex;flex-direction:column;gap:8px;padding:16px 0 4px;font-size:12px;color:#8b8796}.ae-tpl>div{display:flex;gap:6px;flex-wrap:wrap}
.ae-chip{height:32px;padding:0 12px;border-radius:8px;border:1px solid rgb(23 19 31/.1);background:#fff;font:500 12px/1 inherit;color:#3a3642;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.ae-chip i{font-size:14px;color:#6e6a7c}
.ae-danger{display:flex;justify-content:flex-end;padding-top:16px}
.ae-del{border:none;background:none;color:#b91c1c;font:500 13px/1 inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px}
.ae-test{position:sticky;top:16px;background:#fff;border-radius:20px;border:1px solid rgb(23 19 31/.06);display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 32px)}
.ae-th{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgb(23 19 31/.06)}.ae-th b{font-size:14px;font-weight:600;color:#17131f}
.ae-link{border:none;background:none;color:#6e6a7c;font:500 12px/1 inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px}.ae-link:hover{color:#17131f}
.ae-phone{flex:1;min-height:360px;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:#efeae2}
.ae-empty{margin:auto;max-width:220px;text-align:center;font-size:13px;color:#6e6a7c;background:rgb(255 255 255/.7);border-radius:10px;padding:10px 12px}
.ae-b{max-width:84%;padding:8px 12px;border-radius:12px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;color:#17131f;box-shadow:0 1px 1px rgb(0 0 0/.06)}
.ae-b.me{align-self:flex-end;background:#d9fdd3;border-bottom-right-radius:4px}.ae-b.it{align-self:flex-start;background:#fff;border-bottom-left-radius:4px}
.ae-typing{align-self:flex-start;font-size:12px;color:#6e6a7c;background:#fff;border-radius:10px;padding:6px 10px}
.ae-send{display:flex;gap:8px;padding:12px;border-top:1px solid rgb(23 19 31/.06)}
.ae-send button{width:40px;height:40px;flex-shrink:0;border-radius:10px;border:none;background:var(--brand,#7c3aed);color:var(--brandInk,#fff);display:grid;place-items:center;cursor:pointer}.ae-send button i{font-size:16px}
.ae-tl{display:flex;justify-content:space-between;gap:8px;padding:0 12px 12px;flex-wrap:wrap}
@media (max-width:1100px){.ae{grid-template-columns:minmax(0,1fr)}.ae-test{position:static;max-height:none}.ae-phone{min-height:280px}}
@media (max-width:640px){.ae-head{padding:16px}.ae-body{padding:4px 16px 16px}.ae-stats{gap:16px;width:100%}.ae-acts{width:100%}.ae-acts .ae-btn{flex:1;justify-content:center}.ae-bar-a{width:100%}.ae-bar-a .ae-btn{flex:1;justify-content:center}}

/* All AI agents hub (5 Nov 2026, /unslop): summary strip + agents grouped by business, one row each */
.ah2{display:flex;flex-direction:column;gap:16px}
.ah2-sum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;background:#fff;border:1px solid rgb(23 19 31/.06);border-radius:16px;overflow:hidden}
.ah2-sum div{padding:16px 20px;display:flex;flex-direction:column;gap:4px;border-inline-start:1px solid rgb(23 19 31/.06)}.ah2-sum div:first-child{border-inline-start:none}
.ah2-sum dt{font-size:12px;color:#8b8796}.ah2-sum dd{margin:0;font-size:22px;font-weight:600;color:#17131f;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:6px}.ah2-sum dd small{font-size:13px;font-weight:400;color:#8b8796}
.ah2-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ah2-chips{display:flex;gap:6px;flex-wrap:wrap}
.ah2-chips button{height:32px;padding:0 12px;border-radius:8px;border:1px solid rgb(23 19 31/.1);background:#fff;font:500 13px/1 inherit;color:#3a3642;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s,color .15s}
.ah2-chips button small{font-size:12px;color:#8b8796;font-variant-numeric:tabular-nums}.ah2-chips button.on{background:#17131f;border-color:#17131f;color:#fff}.ah2-chips button.on small{color:rgb(255 255 255/.6)}
.ah2-q{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:10px;border:1px solid rgb(23 19 31/.1);background:#fff;color:#8b8796;min-width:220px}.ah2-q input{border:none;outline:none;background:transparent;font:400 14px/1 inherit;color:#17131f;width:100%}
.ah2-none{background:#fff;border-radius:16px;padding:24px;text-align:center;font-size:14px;color:#6e6a7c}
.ah2-g{background:#fff;border:1px solid rgb(23 19 31/.06);border-radius:16px;overflow:hidden}
.ah2-gh{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid rgb(23 19 31/.06)}.ah2-gh b{font-size:15px;font-weight:600;color:#17131f}.ah2-gh small{font-size:12px;color:#8b8796;margin-inline-start:auto}
.ah2-logo{width:28px;height:28px;border-radius:8px;background:#f1f0f5;display:grid;place-items:center;overflow:hidden;font-size:12px;font-weight:600;color:#3a3642;flex-shrink:0}.ah2-logo .av-img{width:100%;height:100%;object-fit:contain;background:#fff}
.ah2-head,.ah2-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(160px,1.4fr) minmax(140px,1fr) 72px 64px 56px 20px;gap:16px;align-items:center;padding:0 20px}
.ah2-head{height:36px;font-size:12px;color:#8b8796;border-bottom:1px solid rgb(23 19 31/.06)}.ah2-head .n{text-align:end}
.ah2-row{min-height:68px;border-bottom:1px solid rgb(23 19 31/.06);cursor:pointer;transition:background-color .15s}.ah2-row:last-child{border-bottom:none}.ah2-row:hover{background:#f8f7fb}.ah2-row:focus-visible{outline:2px solid var(--brand,#7c3aed);outline-offset:-2px}
.ah2-who{display:flex;align-items:center;gap:12px;min-width:0}.ah2-who>div{min-width:0;display:flex;flex-direction:column;gap:2px}.ah2-who b{font-size:14px;font-weight:600;color:#17131f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ah2-who small{font-size:12px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ah2-av{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:600;flex-shrink:0}.ah2-av .av-img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.ah2-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:#b8b4c2;border:2px solid #fff}.ah2-dot.on{background:#16a34a}
.ah2-know{font-size:13px;color:#3a3642;line-height:1.4;min-width:0}
.ah2-ch{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:#6e6a7c;min-width:0}.ah2-ch span{display:inline-flex;align-items:center;gap:4px}.ah2-ch i{font-size:14px}.ah2-ch em{font-style:normal;color:#8b8796}
.ah2-n{display:flex;flex-direction:column;align-items:flex-end}.ah2-n b{font-size:15px;font-weight:600;color:#17131f;font-variant-numeric:tabular-nums}.ah2-n small{display:none;font-size:11px;color:#8b8796}
.ah2-sw{display:flex}.ah2-go{font-size:16px;color:#b8b4c2}.ah2-row:hover .ah2-go{color:#17131f}
@media (max-width:1000px){.ah2-sum{grid-template-columns:repeat(3,minmax(0,1fr))}.ah2-sum div:nth-child(4){border-inline-start:none}.ah2-sum div:nth-child(n+4){border-top:1px solid rgb(23 19 31/.06)}
  .ah2-head{display:none}.ah2-row{grid-template-columns:minmax(0,1fr) auto auto 20px;grid-template-areas:"who sw sw go" "know know know know" "ch ch ch ch" "rep lead . .";row-gap:8px;padding:14px 16px}
  .ah2-who{grid-area:who}.ah2-sw{grid-area:sw}.ah2-go{grid-area:go}.ah2-know{grid-area:know}.ah2-ch{grid-area:ch}.ah2-n{flex-direction:row;align-items:baseline;gap:4px}.ah2-n small{display:inline}.ah2-n:nth-of-type(4){grid-area:rep}.ah2-n:nth-of-type(5){grid-area:lead}}
@media (max-width:560px){.ah2-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.ah2-sum div{border-inline-start:none!important;border-top:1px solid rgb(23 19 31/.06)}.ah2-sum div:nth-child(-n+2){border-top:none}.ah2-q{min-width:0;width:100%}}
@media (max-width:560px){.ah2-sum div:last-child{grid-column:1/-1}}
/* hotfix 5 Nov 2026: .av-img is absolute, so every box that holds one must be positioned */
.ah2-logo,.ae-av,.ag-pic-av{position:relative}
/* business photos (7 Nov 2026): grid of 4:3 tiles, the cover is marked, actions sit under each photo */
.ks-rc.ks-wide{align-items:stretch}
.bph{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}
.bph-empty{display:flex;align-items:center;gap:10px;padding:16px;border:1px dashed #dcd8e3;border-radius:12px;color:#8b8796;font-size:12.5px}.bph-empty>i{font-size:18px;color:#a19db0}
.bph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}
.bph-i{margin:0;position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}
.bph-img{all:unset;cursor:zoom-in;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#f4f3f8;box-shadow:inset 0 0 0 1px rgb(23 19 31/.06)}
.bph-img:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}
.bph-img>img{width:100%;height:100%;object-fit:cover;display:block}
.bph-i.cover .bph-img{box-shadow:0 0 0 2px #7c3aed}
.bph-cv{position:absolute;top:8px;inset-inline-start:8px;font-style:normal;font-size:11px;font-weight:500;padding:2px 8px;border-radius:6px;background:#17131f;color:#fff}
.bph-i figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}
.bph-i figcaption button{all:unset;cursor:pointer;font-size:12px;color:#5a5665;padding:4px 6px;border-radius:8px}
.bph-i figcaption button:hover{background:#f4f3f8;color:#17131f}
.bph-i figcaption .bph-rm{margin-inline-start:auto;color:#8b8796;display:grid;place-items:center;width:28px;height:28px;padding:0}
.bph-i figcaption .bph-rm:hover{color:#b91c1c;background:#fdecec}
.bph-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bph-bar>small{margin-inline-start:auto;font-size:12px;color:#8b8796;font-variant-numeric:tabular-nums}
.bph-bar label{cursor:pointer}.bph-busy{font-size:12px;color:#5a5665}
@media (max-width:640px){.bph-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.bph-hint{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;background:#f6f4fa;color:#5a5665;font-size:12.5px;line-height:1.5}.bph-hint>i{margin-top:2px;color:#7c3aed}
.bph-i figcaption{flex-wrap:wrap;gap:4px}
/* All Clients: login column + Edit client panel (7 Nov 2026) */
.kcl-lg{min-width:0}.kcl-lg button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 8px;margin-inline-start:-8px;border-radius:8px;color:#3a3642}
.kcl-lg button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcl-lg button i{color:#8b8796;flex-shrink:0}
.kcl-lg button:hover{background:#f4f3f8;color:#17131f}.kcl-lg button:hover i{color:#7c3aed}.kcl-lg button:focus-visible{outline:2px solid #7c3aed}
.kce-bg{position:fixed;inset:0;z-index:86;background:rgb(23 19 31/.32);display:flex;justify-content:flex-end}
.kce{width:min(520px,100%);height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-12px 0 40px rgb(23 19 31/.12)}
.kce-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #f1eff5}
.kce-h h3{margin:0;font-size:18px;font-weight:600;color:#17131f}.kce-h p{margin:4px 0 0;font-size:12.5px;color:#8b8796}
.kce-x{all:unset;cursor:pointer;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#5a5665}.kce-x:hover{background:#f4f3f8}
.kce-b{flex:1;overflow-y:auto;padding:8px 24px 24px;display:flex;flex-direction:column;gap:8px}
.kce-b section{padding:16px 0;border-top:1px solid #f1eff5}.kce-b section:first-child{border-top:0}
.kce-b h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#17131f}
.kce-n{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:#8b8796}
.kce-ppl{display:flex;flex-direction:column;gap:8px}
.kce-p{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #f1eff5;border-radius:12px}
.kce-p>em{font-style:normal;width:36px;height:36px;border-radius:50%;background:#f4f3f8;color:#5a5665;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}
.kce-p>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.kce-p b{font-size:13px;font-weight:600}.kce-p small{font-size:12px;color:#8b8796;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kce-f{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kce-f label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#5a5665;min-width:0}.kce-f label.wide{grid-column:1/-1}
.kce-f input,.kce-f select,.kce-f textarea{font:inherit;font-size:13px;color:#17131f;border:1px solid #e7e4ec;border-radius:10px;padding:0 12px;height:40px;background:#fff;min-width:0}
.kce-f textarea{height:auto;padding:10px 12px;resize:vertical;line-height:1.5}
.kce-ft{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid #f1eff5}
@media (max-width:560px){.kce-f{grid-template-columns:1fr}.kce-h,.kce-b,.kce-ft{padding-inline:16px}}
.kcl-ed{all:unset;cursor:pointer;margin-inline-start:auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#a19db0;flex-shrink:0}
.kcl-ed:hover{background:#f4f3f8;color:#7c3aed}.kcl-ed:focus-visible{outline:2px solid #7c3aed}
.kce-p{flex-wrap:wrap}.kce-pa{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kce-otp{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px 0 6px;border-radius:999px;border:1px solid #e7e4ec;font-size:12px;color:#5a5665;white-space:nowrap}
.kce-otp>i{width:26px;height:16px;border-radius:999px;background:#d9d6e0;position:relative;transition:background-color .15s}
.kce-otp>i:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}
.kce-otp.on{color:#17131f;border-color:#d8c9f5}.kce-otp.on>i{background:#7c3aed}.kce-otp.on>i:after{transform:translateX(10px)}
[dir=rtl] .kce-otp.on>i:after{transform:translateX(-10px)}
.kce-otp:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}
/* Inbox contact panel: what the AI recorded (7 Nov 2026) */
.kib-sum{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:#f6f4fa;border:1px solid #ece8f4}
.kib-sum-h{display:flex;align-items:center;gap:6px;font-size:12px;color:#5a5665}.kib-sum-h i{color:#7c3aed;font-size:14px}.kib-sum-h b{font-weight:600;color:#17131f}.kib-sum-h small{margin-inline-start:auto;font-size:11px;color:#8b8796}
.kib-sum p{margin:0;font-size:13px;line-height:1.6;color:#17131f;white-space:pre-wrap;unicode-bidi:plaintext;text-align:start}
.kib-kvh{display:flex;align-items:center;justify-content:space-between}.kib-kvh em{font-style:normal;font-size:11px;color:#8b8796;font-variant-numeric:tabular-nums}
.kib-kvs{display:flex;flex-direction:column;border:1px solid #f1eff5;border-radius:12px;overflow:hidden}
.kib-kv{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;align-items:baseline;padding:8px 12px;border-top:1px solid #f4f3f7;font-size:12.5px}
.kib-kv:first-child{border-top:0}
.kib-kv>span{color:#8b8796;min-width:0;overflow-wrap:anywhere}
.kib-kv>b{font-weight:500;color:#17131f;min-width:0;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start}
.kib-kv.miss>b{color:#b9b5c4;font-weight:400}
.kib-side{max-height:calc(100vh - 32px);overflow-y:auto}
/* Inbox thread on laptop screens (7 Nov 2026): one-line header and toolbars, more room for the messages */
body.kio-pro .kib-th{flex-wrap:nowrap!important;gap:10px!important}
body.kio-pro .kib-th>div{min-width:0}
body.kio-pro .kib-th>div>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.kio-pro .kib-wbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:6px 14px}
body.kio-pro .k-cvbar{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding:6px 12px!important}
body.kio-pro .kib-wbar::-webkit-scrollbar,body.kio-pro .k-cvbar::-webkit-scrollbar{display:none}
body.kio-pro .k-cvbar>*{flex-shrink:0}
body.kio-pro .k-cvbar>span[style*="flex:1"]{flex:1 0 8px!important}
@media (max-width:1600px){body.kio-pro .kib-page .kio-ilist{flex-basis:290px!important;max-width:290px!important}body.kio-pro .kib-page .kib-side{flex-basis:280px}}
@media (max-width:1400px){body.kio-pro .kib-page .kio-ilist{flex-basis:260px!important;max-width:260px!important}body.kio-pro .kib-page .kib-side{flex-basis:260px;padding:16px!important}}
body.kio-pro .kib-wbar>*{flex-shrink:0;white-space:nowrap}
.kib-kv{grid-template-columns:1fr;gap:2px;padding:8px 12px}
.kib-kv>span{font-size:11.5px}
.kib-kv>b{font-size:13px}
/* Contact brief (8 Nov 2026): everything about the person in one card at the top of the contact */
.kbr{margin:16px 16px 0;background:#fff;border-radius:18px;border:1px solid #efedf3;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}
.kbr-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #f3f1f6}
.kbr-lvl{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;font-size:13px;background:#f4f3f8;color:#5a5665}
.kbr-lvl>i{width:8px;height:8px;border-radius:50%;background:currentColor}.kbr-lvl b{font-weight:600}.kbr-lvl em{font-style:normal;font-size:12px;opacity:.8;font-variant-numeric:tabular-nums}
.kbr-lvl.hot{background:#fdecec;color:#b42318}.kbr-lvl.warm{background:#fff4e0;color:#a15c07}.kbr-lvl.cold{background:#eef2f6;color:#475467}
.kbr-st{display:flex;flex-direction:column;gap:1px;padding-inline-start:12px;border-inline-start:1px solid #efedf3}.kbr-st span{font-size:11px;color:#8b8796}.kbr-st b{font-size:13px;font-weight:600;color:#17131f}
.kbr-sp{flex:1}
.kbr-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;border:1px solid #e7e4ec;background:#fff;color:#17131f;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap}
.kbr-btn:hover{border-color:#cfc7de;background:#faf9fc}.kbr-btn i{color:#7c3aed}.kbr-btn:disabled{opacity:.6;cursor:default}
.kbr-sum{padding:16px 18px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #f3f1f6}
.kbr-h{display:flex;align-items:center;gap:8px}.kbr-h i{color:#7c3aed;font-size:15px}.kbr-h b{font-size:14px;font-weight:600;color:#17131f}.kbr-h small{margin-inline-start:auto;font-size:11.5px;color:#8b8796}
.kbr-sum>p{margin:0;font-size:14.5px;line-height:1.7;color:#17131f;unicode-bidi:plaintext;text-align:start}
.kbr-e{margin:0;font-size:13px;color:#8b8796}
.kbr-why,.kbr-next{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:baseline;padding:10px 12px;border-radius:12px;background:#f8f7fb}
.kbr-why>span,.kbr-next>span{font-size:12px;color:#8b8796;white-space:nowrap}.kbr-why>p,.kbr-next>p{margin:0;font-size:13px;line-height:1.55;color:#3a3642;unicode-bidi:plaintext;text-align:start}
.kbr-next{grid-template-columns:auto auto 1fr;background:#f3effc}.kbr-next>i{color:#7c3aed}
.kbr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#f3f1f6}
.kbr-f{background:#fff;padding:12px 16px;display:flex;flex-direction:column;gap:3px;min-width:0}
.kbr-f>span{font-size:11.5px;color:#8b8796}.kbr-f>b{font-size:13.5px;font-weight:500;color:#17131f;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start}.kbr-f>small{font-size:11px;color:#a19db0}
.kbr-f.wide{grid-column:span 1}
.kbr-ph{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kbr-ph b{font-size:14px;font-weight:600;color:#17131f;font-variant-numeric:tabular-nums}
.kbr-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f4f3f8;color:#5a5665;text-decoration:none}.kbr-ic:hover{background:#ece9f3;color:#17131f}
.kbr-ic.wa{background:#e7f8ee;color:#128c4b}.kbr-ic.wa:hover{background:#d3f2df}
.kbr-m{color:#b9b5c4!important;font-weight:400!important}
.kbr-det{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.kbr-dg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kbr-dg .kbr-f{border:1px solid #f1eff5;border-radius:12px;padding:10px 12px}
.kbr-miss{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kbr-miss>span{font-size:12px;color:#8b8796;margin-inline-end:4px}
.kbr-miss em{font-style:normal;font-size:12px;color:#5a5665;background:#f6f5f9;border:1px dashed #dcd8e3;border-radius:999px;padding:3px 10px}
@media (max-width:720px){.kbr{margin:12px 12px 0}.kbr-grid,.kbr-dg{grid-template-columns:repeat(2,minmax(0,1fr))}.kbr-top{padding:12px}.kbr-sp{display:none}}
.kbr-grid{background:#fff;gap:0}.kbr-grid>.kbr-f,.kbr-grid>sc-if>.kbr-f{box-shadow:inset 0 -1px #f3f1f6,inset -1px 0 #f3f1f6}
/* conversation toolbars (8 Nov 2026): nothing cut off; they wrap neatly instead of scrolling */
body.kio-pro .k-cvbar{flex-wrap:wrap!important;overflow:visible;gap:6px!important;row-gap:6px!important}
body.kio-pro .k-cvbar select{max-width:132px!important;min-width:0}
body.kio-pro .k-cvbar>span[style*="flex:1"]{flex:1 0 0!important;min-width:0}
body.kio-pro .kib-wbar{flex-wrap:wrap;overflow:visible;row-gap:6px}
body.kio-pro .kib-wbar .kib-ws{margin-inline-start:auto}
.kqr{text-align:start}
/* conversation list filters as tidy chips (8 Nov 2026) */
body.kio-pro .kib-f{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:10px 12px!important}
body.kio-pro .kib-f .kl-tab{margin:0!important;height:30px!important;padding:0 10px!important;border-radius:999px!important;border:1px solid #ecebf2!important;display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap;box-shadow:none!important}
body.kio-pro .kib-f .kl-tab .kib-n{margin:0!important;font-size:11px;font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:#f1eff5;color:#5a5665}
/* client dashboard: people + interest (8 Nov 2026) */
.cai-pw{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
.cai-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.cai-ppl{display:flex;flex-direction:column;gap:4px}
.cai-p{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;width:100%}
.cai-p:hover{background:#f8f7fb}.cai-p:focus-visible{outline:2px solid #7c3aed}
.cai-p .cai-av{flex-shrink:0}
.cai-pm{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.cai-pn{display:flex;align-items:center;gap:8px;min-width:0}.cai-pn b{font-size:14px;font-weight:600;color:#17131f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cai-pn small{margin-inline-start:auto;font-size:11.5px;color:#8b8796;white-space:nowrap}
.cai-pw2{font-size:13px;line-height:1.5;color:#5a5665;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;unicode-bidi:plaintext;text-align:start}
.cai-chev{color:#c9c4d4;flex-shrink:0}[dir=rtl] .cai-chev{transform:scaleX(-1)}
.kbr-lvl.sm{height:22px;padding:0 8px;font-size:11.5px;gap:5px}.kbr-lvl.sm>i{width:6px;height:6px}
.cai-lvb{display:flex;flex-direction:column;gap:6px;padding:6px 0}.cai-lvb>div{display:flex;justify-content:space-between;font-size:13px}.cai-lvb b{font-weight:500;color:#17131f}.cai-lvb span{font-variant-numeric:tabular-nums;color:#5a5665}
.cai-lvb>i{display:block;height:8px;border-radius:999px;background:#f1f0f5;overflow:hidden}.cai-lvb u{display:block;height:100%;border-radius:999px;background:#c9c4d4}
.cai-lvb.hot u{background:#d92d20}.cai-lvb.warm u{background:#f79009}.cai-lvb.cold u{background:#98a2b3}.cai-lvb.none u{background:#d9d6e0}
@media (max-width:1100px){.cai-pw{grid-template-columns:1fr}}
.kib-trn{margin-top:6px;padding-top:6px;border-top:1px dashed rgb(23 19 31/.14);font-size:13px;line-height:1.55;opacity:.92;unicode-bidi:plaintext;text-align:start}
.kib-trn:before{content:"";display:inline-block;width:12px;height:12px;margin-inline-end:6px;vertical-align:-1px;background:currentColor;opacity:.45;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='m5 8 6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='m5 8 6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6'/%3E%3C/svg%3E") center/contain no-repeat}
/* 8 Nov 2026 (Hamza): client dashboard redesign, Knowvio-inspired: figure cards with sparkline, one highlights strip, smooth area chart with hover, channel ring, interest bar */
.cai-k2{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid #eeecf2;box-shadow:0 1px 2px rgb(24 16 48/.04);min-width:0;transition:border-color .15s,box-shadow .15s}
.cai-k2:hover{border-color:var(--p-e9d5ff,#e9d5ff);box-shadow:0 6px 18px -8px rgb(24 16 48/.14)}.cai-k2:focus-visible{outline:2px solid var(--p-7c3aed,#7c3aed);outline-offset:2px}
.cai-kh{display:flex;align-items:center;gap:8px;min-width:0}.cai-kh .cai-ic{width:30px;height:30px;border-radius:9px;font-size:14px}
.cai-kl{font-size:13px;font-weight:600;color:#3f3b48;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cai-k2 .cai-d{margin:0;margin-inline-start:auto;font-size:11px;font-weight:600;padding:2px 7px;border-radius:99px;background:#f1f0f5;color:#5a5665;white-space:nowrap;direction:ltr}
.cai-k2 .cai-d.up{background:#dcfce7;color:#15803d}.cai-k2 .cai-d.down{background:#fee2e2;color:#b91c1c}.cai-d:empty{display:none}
.cai-kb{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.cai-kb b{font-size:32px;line-height:1;font-weight:650;letter-spacing:-.02em;color:#111014;font-variant-numeric:tabular-nums}
.cai-spk{display:block;width:96px;height:34px;flex-shrink:0;background:var(--p-7c3aed,#7c3aed);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.cai-spk.bars{width:72px;background:var(--p-a78bfa,#a78bfa)}
.cai-k2 small{font-size:12px;color:#8b8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* highlights: one card with dividers */
.cai-mini{gap:0;background:#fff;border:1px solid #eeecf2;border-radius:18px;padding:4px 0;box-shadow:0 1px 2px rgb(24 16 48/.04)}
.cai-mini>div{border:0;border-radius:0;background:none;padding:12px 18px;border-inline-start:1px solid #f1eff5}.cai-mini>div:first-child{border-inline-start:0}
.cai-mini b{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums}
/* daily chart */
.cai-cc{gap:18px}
.cai-lg{display:flex;gap:8px;flex-wrap:wrap}.cai-lg span{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border:1px solid #eeecf2;border-radius:10px;font-size:12px;color:#5a5665;white-space:nowrap}
.cai-lg b{font-size:13px;color:#111014;font-variant-numeric:tabular-nums}
.cai-lg i,.cai-tt i{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.cai-lg i.c,.cai-tt i.c{background:var(--p-7c3aed,#7c3aed)}.cai-lg i.a,.cai-tt i.a{background:#f59e0b}
.cai-plot{display:flex;gap:8px;direction:ltr;padding-bottom:22px}
.cai-yax{position:relative;width:24px;height:220px;flex-shrink:0}.cai-yax span{position:absolute;right:0;transform:translateY(50%);font-size:11px;color:#a29eae;font-variant-numeric:tabular-nums}
.cai-pa{position:relative;flex:1;height:220px;min-width:0}
.cai-gl{position:absolute;left:0;right:0;height:0;border-top:1px dashed #ebe9f0}
.cai-ac,.cai-aa{position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}
.cai-ac{background:var(--p-7c3aed,#7c3aed)}.cai-aa{background:#f59e0b}
.cai-emp{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#8b8796}
.cai-cols{position:absolute;inset:0 0 -22px 0;display:flex}
.cai-hc{position:relative;flex:1;min-width:0;cursor:default}
.cai-cz{position:absolute;inset:0 0 22px 0}
.cai-hc>small{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:11px;color:#a29eae;white-space:nowrap}
.cai-gd{position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed var(--p-c4b5fd,#c4b5fd);opacity:0}
.cai-dc,.cai-da{position:absolute;left:50%;width:10px;height:10px;margin:0 0 -5px -5px;border-radius:50%;background:#fff;border:2.5px solid var(--p-7c3aed,#7c3aed);box-sizing:border-box;opacity:0;transition:opacity .12s}
.cai-da{border-color:#f59e0b}
.cai-tt{position:absolute;top:-6px;left:50%;transform:translate(-50%,-100%);background:#fff;border:1px solid #eeecf2;border-radius:12px;box-shadow:0 10px 28px -10px rgb(24 16 48/.28);padding:9px 11px;display:none;flex-direction:column;gap:5px;min-width:150px;z-index:5;pointer-events:none}
.cai-hc.l .cai-tt{left:0;transform:translate(0,-100%)}.cai-hc.r .cai-tt{left:auto;right:0;transform:translate(0,-100%)}
[dir=rtl] .cai-tt{direction:rtl}
.cai-tt b{font-size:12px;color:#17131f;font-weight:600}.cai-tt span{display:flex;align-items:center;gap:7px;font-size:12px;color:#5a5665}.cai-tt em{font-style:normal;font-weight:650;color:#111014;margin-inline-start:auto;padding-inline-start:12px;font-variant-numeric:tabular-nums}
.cai-hc:hover .cai-gd,.cai-hc:hover .cai-dc,.cai-hc:hover .cai-da{opacity:1}.cai-hc:hover .cai-tt{display:flex}
.cai-cc{overflow:visible}.cai-plot{padding-top:6px}
/* channel ring */
.cai-dn{display:grid;place-items:center;padding:6px 0 2px}
.cai-ring{width:176px;height:176px;border-radius:50%;display:grid;place-items:center;position:relative}
.cai-ring>div{width:124px;height:124px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:inset 0 0 0 1px #f1eff5}
.cai-ring b{font-size:30px;font-weight:650;line-height:1;color:#111014}.cai-ring span{font-size:12px;color:#8b8796}
.cai-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.cai-chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border:1px solid #eeecf2;border-radius:10px;font-size:12.5px;color:#3f3b48;white-space:nowrap}
.cai-chip>i:not(.cai-cd){font-size:13px;color:#8b8796}.cai-cd{width:9px;height:9px;border-radius:50%;flex-shrink:0}.cai-chip b{font-weight:600;color:#111014;font-variant-numeric:tabular-nums}
/* interest: one stacked bar + 4 tiles */
.cai-stk{display:flex;height:12px;border-radius:99px;overflow:hidden;background:#f1f0f5;gap:2px}
.cai-sg{display:block;height:100%;min-width:0}.cai-sg[style*="width:0%"]{display:none}
.cai-sg.hot,.cai-lt.hot i{background:#d92d20}.cai-sg.warm,.cai-lt.warm i{background:#f79009}.cai-sg.cold,.cai-lt.cold i{background:#98a2b3}.cai-sg.none,.cai-lt.none i{background:#d9d6e0}
.cai-lvt{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cai-lt{border:1px solid #f1eff5;border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:2px}
.cai-lt span{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#5a5665;grid-column:1/-1}.cai-lt i{width:8px;height:8px;border-radius:50%;display:inline-block}
.cai-lt b{font-size:22px;font-weight:650;color:#111014;font-variant-numeric:tabular-nums}.cai-lt small{font-size:11.5px;color:#a29eae;font-variant-numeric:tabular-nums}
@media (max-width:900px){.cai-mini>div:nth-child(3){border-inline-start:0}.cai-mini>div:nth-child(n+3){border-top:1px solid #f1eff5}.cai-kb b{font-size:26px}.cai-spk{width:80px}}
@media (max-width:560px){.cai-kpis{grid-template-columns:minmax(0,1fr)}.cai-yax,.cai-pa{height:180px}.cai-lg{width:100%}}
.cai-tt{top:2px;left:50%;right:auto;transform:translateX(12px);min-width:168px}.cai-tt span{white-space:nowrap}
.cai-hc.l .cai-tt{left:50%;transform:translateX(12px)}.cai-hc.r .cai-tt{left:auto;right:50%;transform:translateX(-12px)}
.cai-k2 .cai-d.none{display:none}
@media (max-width:560px){.cai-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cai-k2{padding:14px;gap:8px}.cai-spk{display:none}.cai-kb b{font-size:26px}.cai-k2 small{white-space:normal;font-size:11.5px}.cai-ring{width:150px;height:150px}.cai-ring>div{width:106px;height:106px}}
/* 8 Nov 2026 (Hamza): the header search field showed a grey box inside the white pill (the global input fill missed it because its inline style says border:none without a space) */
body.kio-pro .kio-search input:not(#_),.kio-search input:not(#_){background:transparent!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
/* 8 Nov 2026: dashboard order - chart+channels, people+interest, then 3 equal cards; rows stretch so no empty holes */
.cai{gap:16px}.cai-r2{gap:16px;align-items:stretch}
.cai-r3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:stretch}
.cai-r2>.kd3-card,.cai-r3>.kd3-card{height:100%;box-sizing:border-box}
.cai-eq .cai-ppl{gap:2px}
.cai .kd3-card{border:1px solid #eeecf2;border-radius:20px;box-shadow:0 1px 2px rgb(24 16 48/.04)}
.cai-r3 .kf4-row>i{display:block;height:7px;border-radius:99px;background:var(--p-7c3aed,#7c3aed);opacity:.85}
.cai-r3 .kf4-row{padding:4px 0}