/* Витрина «Возможности» v4 (2026-09-24): экраны повторяют текущие компоненты
   приложения (apps/web) — заголовки без точки, рейл-иконки, кокпит «Сейчас
   в фокусе», лента дня с «Начать», календарь с полосой недели и стержнем,
   Память с пилюлями-вкладками и сводкой дня. Хуки showcase.js (data-kv-*,
   .kv-task-row/.kv-task-check/.kv-done, .kv-spine-*, .kv-day-button)
   сохранены — файл только переопределяет вид. Токены — из globals.css. */
.kv4{--kv-bg:#fafaf7;--kv-bg2:#f2f1eb;--kv-bg3:#ecebe3;--kv-surface:#fff;--kv-ink:#14161b;--kv-ink2:#3a3d44;--kv-muted:#74787f;--kv-faint:#a2a5ab;--kv-line:#e6e4dc;--kv-line-soft:#efeee7;--kv-accent:#2845d9;--kv-accent-ink:#1e37b0;--kv-accent-soft:#e6eafb;--kv-accent-tint:#f2f4fd;--kv-ok:#1f8a5b;--kv-ok-soft:#e4f2eb;--kv-wait:#c68a1e;--kv-wait-soft:#faefd7;--kv-fail:#c8332d;--kv-fail-soft:#f8e3e1;--kv-marine:#2845d9;--kv-lilac:#7b4fbf;--kv-shadow:0 1px 0 rgba(20,22,27,.04),0 4px 14px rgba(20,22,27,.05)}
.kv4 .kv-device{grid-template-columns:72px minmax(0,1fr);background:var(--kv-bg);border-radius:24px}
.kv4 .kv-rail{width:72px;padding:18px 0 18px;background:var(--kv-bg);border-right:0;gap:0}
.kv4 .kv-brand-mark{width:26px;height:26px}
.kv4 .kv-tabs{margin-top:26px;gap:6px;width:auto;align-items:center}
.kv4 .kv-tab{min-height:auto;width:54px;height:54px;border-radius:14px;gap:3px;padding:6px 2px;color:var(--kv-ink2);font-size:9px!important;letter-spacing:.01em}
.kv4 .kv-tab svg{width:20px;height:20px;stroke-width:2}
.kv4 .kv-tab[aria-selected="true"]{background:var(--kv-accent-tint);color:var(--kv-accent);box-shadow:none}
.kv4-rail-more{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.kv4-rail-more span{width:54px;height:54px;display:grid;place-items:center;color:var(--kv-ink2);opacity:.7}
.kv4-rail-more svg,.kv4-rail-settings svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.kv4 .kv-rail-bottom.kv4-rail-settings{margin-top:auto;background:transparent;width:54px;height:54px;display:grid;place-items:center;color:var(--kv-ink2);border-radius:14px;font-size:0}
.kv4 .kv-workspace{padding:28px 36px 32px 32px;background:var(--kv-bg)}
/* заголовок экрана — как .screen-title приложения */
.kv4-head{align-items:flex-start;margin-bottom:14px}
.kv4 .kv-page-heading h3{font-size:40px;font-weight:800;letter-spacing:-.035em;line-height:1;margin-top:4px;color:var(--kv-ink)}
.kv4 .kv-page-heading h3 span{display:none}
.kv4-eyebrow{display:flex;align-items:center;gap:8px;font-family:Onest,Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--kv-faint)}
.kv4-head .kv4-eyebrow::before{content:"";width:18px;height:2px;border-radius:1px;background:var(--kv-accent);display:inline-block}
.kv4 .kv-chip{align-self:flex-start;font-size:11px;padding:6px 10px;border-radius:999px;background:var(--kv-bg2);border:1px solid var(--kv-line);color:var(--kv-muted)}
.kv4-label{display:inline-flex;align-items:center;gap:6px;font-family:Onest,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kv-muted)}
.kv4-label i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.kv4-label svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.kv4-label-accent{color:var(--kv-accent)}
/* кнопки/пилюли */
.kv4-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--kv-line);background:var(--kv-surface);color:var(--kv-ink);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:none}
.kv4-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.kv4-btn .kv4-play{width:12px;height:12px}
.kv4-btn-primary{background:var(--kv-accent);border-color:var(--kv-accent);color:#fff}
.kv4-btn-sm{height:32px;padding:0 12px;font-size:12.5px}
.kv4 button.kv4-btn{border:1px solid var(--kv-line);text-decoration:none}
.kv4 button.kv4-btn-primary{border-color:var(--kv-accent)}
.kv4 button.kv4-btn[aria-pressed="true"]{background:var(--kv-ink);border-color:var(--kv-ink);color:#fff}
.kv4-pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:500;background:var(--kv-bg3);color:var(--kv-ink2)}
.kv4-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}
.kv4-pill-marine{background:var(--kv-accent-soft);color:var(--kv-accent-ink)}
.kv4-pill-fail{background:var(--kv-fail-soft);color:var(--kv-fail)}
.kv4-pill-neutral{background:var(--kv-bg3);color:var(--kv-muted)}
.kv4-pill-accent{background:var(--kv-accent-soft);color:var(--kv-accent-ink)}
.kv4-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--kv-faint);letter-spacing:.02em}
.kv4-dot-marine,.kv4-dot-accent,.kv4-dot-wait,.kv4-dot-fail,.kv4-dot-ok{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--kv-accent)}
.kv4-dot-wait{background:var(--kv-wait)}.kv4-dot-fail{background:var(--kv-fail)}.kv4-dot-ok{background:var(--kv-ok)}
/* тулбар */
.kv4-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.kv4-seg{display:inline-flex;background:var(--kv-bg2);border-radius:999px;padding:3px;gap:2px}
.kv4-seg span{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:999px;font-size:13px;font-weight:600;color:var(--kv-ink2)}
.kv4-seg span.is-on{background:var(--kv-ink);color:#fff}
.kv4-seg svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.kv4-search{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--kv-line);background:var(--kv-surface);color:var(--kv-faint);font-size:13.5px;min-width:200px}
.kv4-search svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.kv4-toolbar .kv4-btn-primary{margin-left:auto}
/* кокпит */
.kv4-cockpit{background:var(--kv-surface);border:1px solid var(--kv-line-soft);border-radius:22px;padding:18px 22px 16px;box-shadow:var(--kv-shadow);margin-bottom:14px}
.kv4-cockpit-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.kv4-cockpit-main{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.kv4-cockpit h4{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}
.kv4-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.kv4-cockpit-actions{display:flex;gap:8px}
.kv4-cockpit-actions .kv4-btn{height:40px;padding:0 20px;font-size:14px}
.kv4-ring{width:72px;height:72px;border-radius:50%;border:5px solid var(--kv-bg3);border-top-color:var(--kv-accent);display:grid;place-items:center;text-align:center;flex:none;margin-top:8px;position:relative}
.kv4-ring span{font-size:17px;font-weight:800;letter-spacing:-.02em}
.kv4-ring small{position:absolute;top:82px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.1em;color:var(--kv-faint);font-weight:600}
.kv4-cockpit-counts{display:flex;gap:18px;margin-top:22px;padding-top:14px;border-top:1px solid var(--kv-line-soft);font-size:12.5px;color:var(--kv-muted)}
.kv4-cockpit-counts span{display:inline-flex;align-items:center;gap:6px}.kv4-cockpit-counts b{color:var(--kv-ink);font-weight:700}
/* фильтры */
.kv4-filters{display:flex;gap:8px;align-items:center;margin:0 0 12px}
.kv4-filters span{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--kv-line);background:var(--kv-surface);font-size:13px;font-weight:600;color:var(--kv-ink2)}
.kv4-filters span b{font-weight:500;color:var(--kv-faint)}
.kv4-filters span.is-on{background:var(--kv-ink);border-color:var(--kv-ink);color:#fff}.kv4-filters span.is-on b{color:#cfd3dc}
.kv4-filters-archive{margin-left:auto;background:var(--kv-bg2)!important}
.kv4-filters-tight{margin-bottom:10px}
/* группа и строки задач */
.kv4-group-head{display:flex;align-items:center;gap:10px;margin:2px 0 8px;font-family:Onest,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--kv-muted)}
.kv4-group-head em{flex:1;height:1px;background:var(--kv-line-soft)}
.kv4-group-head b{font-family:ui-monospace,Menlo,monospace;font-weight:700;color:var(--kv-faint)}
.kv4 .kv-task-row.kv4-row{display:flex;align-items:center;gap:14px;background:var(--kv-surface);border:1px solid var(--kv-line-soft);border-radius:18px;padding:14px 16px;margin-bottom:10px;box-shadow:var(--kv-shadow);border-left:0}
.kv4-row-body{flex:1;min-width:0}
.kv4-row-body strong{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.kv4-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--kv-muted)}
.kv4-when{display:inline-flex;align-items:center;gap:4px}.kv4-when svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.kv4-proj{color:var(--kv-faint)}
.kv4-row-side{display:flex;flex-direction:column;align-items:center;gap:8px}
.kv4-pri{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--kv-bg3);color:var(--kv-faint)}
.kv4-pri-high{background:var(--kv-fail-soft);color:var(--kv-fail)}
.kv4-me{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--kv-accent-soft);color:var(--kv-accent);font-size:11px;font-weight:700}
.kv4 .kv-task-check{width:22px;height:22px;border-radius:6px;border:1.5px solid #c9cbd2;background:var(--kv-surface);display:grid;place-items:center;padding:0;flex:none}
.kv4 .kv-task-check svg{width:12px;height:12px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.kv4 .kv-task-check[aria-pressed="true"]{background:var(--kv-ok);border-color:var(--kv-ok)}
.kv4 .kv-done strong{text-decoration:line-through;color:var(--kv-muted)}
/* бриф */
.kv4-brief{background:var(--kv-surface);border:1px solid var(--kv-line-soft);border-radius:22px;padding:18px 22px 16px;box-shadow:var(--kv-shadow);margin-bottom:16px}
.kv4-brief-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.kv4-brief-text{font-size:17px;line-height:1.4;letter-spacing:-.01em;color:var(--kv-ink);max-width:640px;margin-bottom:10px}
.kv4-energy svg{width:100%;height:100px;overflow:visible}
.kv4 .kv-energy-labels{display:flex;justify-content:space-between;font-family:Onest,Arial,sans-serif;font-size:10px;color:var(--kv-faint);padding:0 4px;margin-top:2px}
.kv4-brief-stats{margin-top:12px;font-size:12.5px;color:var(--kv-muted)}.kv4-brief-stats b{color:var(--kv-ink);font-weight:700}
/* лента дня */
.kv4-section-head{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-family:Onest,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--kv-muted)}
.kv4-section-head em{flex:1}
.kv4-section-head small{font-size:11px;font-weight:600;color:var(--kv-faint);letter-spacing:.02em}
.kv4-day-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:22px}
.kv4-feed{display:flex;flex-direction:column;gap:10px}
.kv4-feed-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:start}
.kv4-feed-row>time{font-size:12.5px;font-weight:700;color:var(--kv-ink2);padding-top:14px;text-align:right;font-variant-numeric:tabular-nums}
.kv4 .kv-task-row.kv4-feed-card{display:flex;align-items:center;gap:12px;background:var(--kv-surface);border:1px solid var(--kv-line-soft);border-radius:16px;padding:12px 14px;box-shadow:var(--kv-shadow)}
.kv4-feed-card .kv4-row-body span{display:block;font-size:12px;color:var(--kv-muted);margin-top:3px}
.kv4-feed-card .kv4-btn{flex:none}
.kv4-meet-dot{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--kv-accent-soft);color:var(--kv-accent)}
.kv4-meet-dot svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.kv4 .kv-free-slot.kv4-free{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px dashed var(--kv-line);border-radius:16px;padding:10px 14px;background:transparent;color:var(--kv-muted);font-size:13px}
.kv4-aside{display:flex;flex-direction:column;gap:10px}
.kv4-suggest{background:var(--kv-accent-tint);border:1px solid var(--kv-accent-soft);border-radius:16px;padding:14px 16px;margin-bottom:6px}
.kv4-suggest p{font-size:13.5px;line-height:1.45;color:var(--kv-ink)}
.kv4-suggest-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.kv4-suggest .kv-small{display:block;margin-top:8px}
.kv4-habit{background:var(--kv-surface);border:1px solid var(--kv-line-soft);border-radius:16px;padding:12px 14px;box-shadow:var(--kv-shadow);margin-bottom:6px}
.kv4-habit-row{display:flex;align-items:center;gap:10px}
.kv4-habit-check{width:22px;height:22px;border-radius:50%;border:1.5px solid #c9cbd2}
.kv4-habit-row strong{font-size:14.5px;font-weight:600;flex:1}.kv4-habit-row small{font-size:11px;color:var(--kv-faint)}
.kv4-habit-streak{display:flex;align-items:center;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid var(--kv-line-soft);font-size:11px;color:var(--kv-faint)}
.kv4-habit-streak span{margin-right:6px}.kv4-habit-streak i{width:9px;height:9px;border-radius:50%;border:1.5px solid #d6d8de}
.kv4-habit-streak a{margin-left:auto;color:var(--kv-accent);font-weight:600;font-size:11.5px}
.kv4 .kv-progress-card.kv4-progress{background:var(--kv-surface);border:1px solid var(--kv-line-soft);border-radius:16px;padding:12px 14px;box-shadow:var(--kv-shadow)}
.kv4-progress .kv-progress-number{display:flex;align-items:baseline;gap:6px}
.kv4-progress .kv-progress-number b{font-size:26px;font-weight:800;letter-spacing:-.02em}.kv4-progress .kv-progress-number span{font-size:12px;color:var(--kv-muted)}
.kv4 .kv-progress-track{height:6px;border-radius:3px;background:var(--kv-bg3);margin:8px 0;overflow:hidden}
.kv4 .kv-progress-track span{display:block;height:100%;width:100%;background:var(--kv-ok);transform-origin:left;transform:scaleX(0);transition:transform .3s}
.kv4-progress p{font-size:12px;color:var(--kv-muted)}
/* календарь */
.kv4-cal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.kv4-cal-arrows{display:flex;align-items:center;gap:6px}
.kv4-cal-arrows button{width:34px;height:34px;border-radius:999px;border:1px solid var(--kv-line);background:var(--kv-surface);font-size:16px;color:var(--kv-ink2)}
.kv4-cal-arrows strong{font-size:14px;font-weight:600;padding:0 8px;min-width:170px;text-align:center}
.kv4-cal-reset{font-size:12.5px;color:var(--kv-accent);background:transparent;border:0;font-weight:600;margin-left:6px}
.kv4-modes{display:inline-flex;background:var(--kv-bg2);border-radius:999px;padding:3px;gap:2px}
.kv4-modes button{height:32px;padding:0 14px;border-radius:999px;border:0;background:transparent;font-size:13px;font-weight:600;color:var(--kv-ink2)}
.kv4-modes button[aria-pressed="true"]{background:var(--kv-ink);color:#fff}
.kv4-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:14px}
.kv4 .kv-day-button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 10px;border:0;background:transparent;border-radius:12px;color:var(--kv-ink)}
.kv4 .kv-day-button span{font-family:Onest,Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--kv-faint)}
.kv4 .kv-day-button strong{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:700}
.kv4 .kv-day-button::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--kv-accent);opacity:.7}
.kv4 .kv-day-button[aria-pressed="true"] strong{background:var(--kv-accent);color:#fff}
.kv4-cal-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:20px;align-items:start}
.kv4-agenda-card{background:var(--kv-surface);border:1px solid var(--kv-line-soft);border-radius:22px;padding:16px 18px 18px;box-shadow:var(--kv-shadow)}
.kv4-agenda-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.kv4-agenda-head h4{font-size:15px;font-weight:700;letter-spacing:-.01em;text-transform:capitalize}
.kv4-agenda{position:relative;padding-left:0}
.kv4-agenda::before{content:"";position:absolute;left:78px;top:26px;bottom:26px;border-left:2px dashed var(--kv-accent);opacity:.5}
.kv4 .kv-spine-boundary{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--kv-muted);padding:6px 0 6px 56px;position:relative}
.kv4 .kv-spine-boundary time{font-weight:700;color:var(--kv-ink);font-size:12.5px}
.kv4 .kv-spine-boundary .kv-spine-edge{width:26px;height:26px;border-radius:50%;background:var(--kv-wait-soft);color:var(--kv-wait);display:grid;place-items:center;font-size:13px;position:absolute;left:66px}
.kv4 .kv-spine-boundary span:last-child{margin-left:30px}
.kv4 .kv-spine-gap{display:flex;align-items:center;gap:6px;padding:10px 0 10px 96px;font-size:12px;color:var(--kv-muted)}
.kv4 .kv-spine-gap i{display:none}.kv4 .kv-spine-gap>span:first-child{display:none}
.kv4 .kv-spine-gap>span:last-child::before{content:"⏱ ";color:var(--kv-fail)}
.kv4 .kv-spine-row{display:grid;grid-template-columns:52px 44px minmax(0,1fr);gap:8px;align-items:center;padding:8px 0;border-radius:14px;position:relative}
.kv4 .kv-spine-times{display:flex;flex-direction:column;gap:14px;font-size:11.5px;color:var(--kv-faint);text-align:right;font-variant-numeric:tabular-nums}
.kv4 .kv-spine-times time:first-child{color:var(--kv-ink2);font-weight:600}
.kv4 .kv-spine-node{width:44px;min-height:44px;border-radius:22px;background:var(--kv-accent);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:700;box-shadow:0 0 0 4px var(--kv-surface);z-index:1}
.kv4 .kv-spine-meeting .kv-spine-node{background:var(--kv-lilac)}
.kv4 .kv-spine-content{padding-left:8px}
.kv4 .kv-spine-content small{display:block;font-size:11.5px;color:var(--kv-faint);margin-bottom:2px}
.kv4 .kv-spine-content strong{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}
.kv4 .kv-spine-content span{display:block;font-size:11.5px;color:var(--kv-muted);margin-top:2px}
.kv4 .kv-spine-row.kv-done .kv-spine-node{background:var(--kv-ok)}
.kv4 .kv-spine-row.kv-done strong{text-decoration:line-through;color:var(--kv-muted)}
.kv4 .kv-calendar-empty{padding:12px 0 12px 96px;color:var(--kv-muted);font-size:13px}
.kv4-cal-aside{background:transparent;border:0;padding:0}
.kv4-key{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--kv-muted);margin-top:4px}
.kv4-key span{display:flex;align-items:center;gap:8px}.kv4-key i{width:10px;height:10px;border-radius:50%;background:var(--kv-accent)}
.kv4-key span:nth-child(2) i{background:var(--kv-lilac)}.kv4-key span:nth-child(3) i{background:var(--kv-line)}
/* память */
.kv4-toolbar-memory{margin-bottom:14px}
.kv4-mem-tabs{display:inline-flex;background:var(--kv-bg2);border-radius:999px;padding:3px;gap:2px;margin:0}
.kv4-mem-tabs button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:999px;border:0;background:transparent;font-size:13px;font-weight:600;color:var(--kv-ink2)}
.kv4-mem-tabs button span{font-size:11px;font-weight:500;color:var(--kv-faint)}
.kv4-mem-tabs button[aria-selected="true"]{background:var(--kv-ink);color:#fff}.kv4-mem-tabs button[aria-selected="true"] span{color:#cfd3dc}
.kv4-mem-tabs svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.kv4-summary{background:var(--kv-accent-tint);border:1px solid var(--kv-accent-soft);border-radius:20px;padding:16px 18px;margin-bottom:14px}
.kv4-summary-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.kv4-summary p{font-size:14px;line-height:1.45;color:var(--kv-ink)}.kv4-summary p b{font-weight:700}
.kv4-summary-soon{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px}
.kv4-summary-soon a{font-size:12px;font-weight:600;color:var(--kv-accent)}
.kv4-soon-item{display:flex;align-items:center;gap:12px;background:var(--kv-surface);border-radius:14px;padding:10px 12px}
.kv4-soon-ico{width:34px;height:34px;border-radius:12px;background:var(--kv-accent-soft);color:var(--kv-accent);display:grid;place-items:center;flex:none}
.kv4-soon-ico svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.kv4-soon-item strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}
.kv4-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.kv4 .kv-person.kv4-person{display:flex;align-items:center;gap:12px;background:var(--kv-surface);border:1px solid var(--kv-line-soft);border-radius:18px;padding:14px 16px;box-shadow:var(--kv-shadow);text-align:left;width:100%}
.kv4 .kv-person.kv4-person[aria-pressed="true"]{border-color:var(--kv-accent);background:var(--kv-accent-tint)}
.kv4 .kv-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}
.kv4 .kv-person strong{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}
.kv4 .kv-person small{display:block;font-size:12px;color:var(--kv-muted);margin-top:2px}
.kv4-person-send{margin-left:auto;color:var(--kv-faint)}
.kv4-person-send svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.kv4 .kv-person-detail.kv4-detail{background:var(--kv-surface);border:1px solid var(--kv-line-soft);border-radius:20px;padding:16px 18px;box-shadow:var(--kv-shadow)}
.kv4-detail .kv-detail-person{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--kv-line-soft)}
.kv4-detail h4{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-top:2px}
.kv4-detail .kv-detail-line{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--kv-line-soft);font-size:13.5px}
.kv4-detail .kv-detail-line span{color:var(--kv-faint);font-size:12px}
.kv4-detail .kv-detail-line strong{font-weight:500;color:var(--kv-ink)}
.kv4-detail .kv-memory-hint{margin-top:10px}
.kv4-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kv4 .kv-saved-note.kv4-note{background:var(--kv-surface);border:1px solid var(--kv-line-soft);border-radius:18px;padding:16px 18px;box-shadow:var(--kv-shadow)}
.kv4-note h4{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:6px 0 8px}
.kv4-note p{font-size:13.5px;line-height:1.45;color:var(--kv-ink2)}
.kv4-note .kv-small{display:block;margin-top:10px;color:var(--kv-faint)}
.kv4-checklist{list-style:none;padding:0;margin:0}
.kv4-checklist li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--kv-line-soft);font-size:14px}
.kv4-checklist li::before{content:"";width:18px;height:18px;border-radius:5px;border:1.5px solid #c9cbd2;flex:none}
.kv4-checklist li.is-done{color:var(--kv-muted);text-decoration:line-through}
.kv4-checklist li.is-done::before{background:var(--kv-ok);border-color:var(--kv-ok)}
.kv4-proj-meta{display:flex;gap:8px;margin:8px 0 12px}
.kv4-note-muted{background:var(--kv-bg2)!important;border-color:transparent!important;box-shadow:none!important}
.kv4-note-muted h4{font-size:18px}
@media (max-width:900px){.kv4-day-layout,.kv4-cal-body,.kv4-people,.kv4-extras{grid-template-columns:1fr}.kv4-search{display:none}.kv4-cockpit-main{flex-direction:column}.kv4-ring{display:none}.kv4 .kv-page-heading h3{font-size:32px}}
@media (max-width:560px){.kv4 .kv-device{grid-template-columns:1fr}.kv4 .kv-rail{flex-direction:row;width:auto;padding:12px}.kv4 .kv-tabs{flex-direction:row;margin:0 0 0 10px}.kv4-rail-more,.kv4-rail-settings{display:none}.kv4 .kv-workspace{padding:20px 16px}.kv4-cockpit-counts{flex-wrap:wrap;gap:10px}.kv4-filters{flex-wrap:wrap}.kv4-filters-archive{margin-left:0}}
/* перекрытия базовых .kv-task-row/.kv-task-check (флекс-растяжение обёртки, 44px чекбокс) */
.kv4 .kv-task-row{min-height:auto;border-bottom:0}
.kv4 .kv-task-row>.kv4-row-check{flex:0 0 auto;min-width:0;display:flex;align-items:center}
.kv4 .kv-task-row>.kv4-row-body{flex:1 1 0%;min-width:0}
.kv4 .kv-task-row>.kv4-row-side{flex:0 0 auto}
.kv4 .kv-task-row .kv-task-check,.kv4 .kv-timeline .kv-task-check{width:22px!important;height:22px!important;min-width:0;border-radius:6px}
.kv4 .kv-task-row .kv-task-check svg{width:12px!important;height:12px!important}
.kv4 .kv-task-row>div>span.kv4-row-meta{display:flex;font-size:12px;margin-top:6px}
.kv4 .kv-task-row.kv4-row strong,.kv4 .kv-task-row.kv4-feed-card strong{font-size:15.5px;font-weight:600}
.kv4 .kv-task-row.kv4-feed-card>div>span{font-size:12px}
/* доводка после скриншотов 2026-09-24 */
.kv4 .kv-task-row .kv-task-check{min-height:0!important;max-height:22px;padding:0}
.kv4-free .kv4-btn{flex:none}
.kv4-cal-arrows button.kv4-cal-reset{width:auto;height:auto;border:0;background:transparent;border-radius:0;font-size:12.5px;white-space:nowrap}
.kv4 .kv-spine-boundary{display:grid;grid-template-columns:52px 44px minmax(0,1fr);gap:8px;padding:6px 0}
.kv4 .kv-spine-boundary time{text-align:right}
.kv4 .kv-spine-boundary .kv-spine-edge{position:static;margin:0 auto;box-shadow:0 0 0 4px var(--kv-surface);z-index:1}
.kv4 .kv-spine-boundary span:last-child{margin-left:0}
.kv4-agenda::before{left:81px}