/* Kuickr warm-paper component library (spec 20 / 22). Scoped under .kapp so it
   only styles the signed-in app shell, never the docs/landing layouts. Tokens
   from mock-2 themes.js defaultTheme.

   Canonical `--k-*` token set — kept identical to the standalone-layout copy in
   app/views/shared/_doc_tokens.html.erb (spec 24, Thread A — token unification).
   Sync rule: any value changed here must change there too, and vice-versa.
   Dark applies via explicit data-theme override (saved toggle) or, when unset,
   system prefers-color-scheme. */
:root{
  --k-bg:#FAF9F6; --k-warm:#F3F1EC; --k-card:#FFFFFF; --k-elevated:#FFFFFF;
  --k-ink:#1A1917; --k-muted:#6E6B63; --k-light:#A19D94; --k-faint:#C5C2BA;
  --k-accent:#C2402A; --k-accent-soft:#F4E4DF; --k-accent-hover:#A8351F; --k-accent-dark:#8F2C1A;
  --k-green:#1B7D3F; --k-green-soft:#DCF0E3; --k-blue:#1D5BD6; --k-blue-soft:#E0EAFC;
  --k-amber:#C47F17; --k-amber-soft:#FDF2D0; --k-purple:#6B4FCF; --k-purple-soft:#ECE6FB;
  --k-border:#E3E0D8; --k-border-light:#EDEBE5; --k-border-focus:#C2402A;
  --k-r:10px; --k-rs:6px; --k-rl:16px;
  --k-sh:0 1px 2px rgba(0,0,0,.04); --k-shm:0 8px 30px rgba(0,0,0,.14); --k-shl:0 16px 50px rgba(0,0,0,.20);
  --k-serif:'Instrument Serif',Georgia,serif; --k-sans:'DM Sans','Inter',system-ui,sans-serif; --k-mono:'JetBrains Mono',monospace;
}
:root[data-theme="dark"]{
  --k-bg:#161615; --k-warm:#1E1E1C; --k-card:#1C1C1A; --k-elevated:#242422;
  --k-ink:#ECEAE3; --k-muted:#A8A498; --k-light:#6E6B63; --k-faint:#4A4844;
  --k-accent:#E08763; --k-accent-soft:#2A211C; --k-accent-hover:#EBA07F; --k-accent-dark:#C46A47;
  --k-green:#4FB87A; --k-green-soft:#16251C; --k-blue:#7FB0FF; --k-blue-soft:#172033;
  --k-amber:#E0A93C; --k-amber-soft:#2A2210; --k-purple:#A28BF0; --k-purple-soft:#221C33;
  --k-border:#2E2D2A; --k-border-light:#262522; --k-border-focus:#E08763;
  --k-sh:none; --k-shm:0 8px 30px rgba(0,0,0,.40); --k-shl:0 16px 50px rgba(0,0,0,.55);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --k-bg:#161615; --k-warm:#1E1E1C; --k-card:#1C1C1A; --k-elevated:#242422;
  --k-ink:#ECEAE3; --k-muted:#A8A498; --k-light:#6E6B63; --k-faint:#4A4844;
  --k-accent:#E08763; --k-accent-soft:#2A211C; --k-accent-hover:#EBA07F; --k-accent-dark:#C46A47;
  --k-green:#4FB87A; --k-green-soft:#16251C; --k-blue:#7FB0FF; --k-blue-soft:#172033;
  --k-amber:#E0A93C; --k-amber-soft:#2A2210; --k-purple:#A28BF0; --k-purple-soft:#221C33;
  --k-border:#2E2D2A; --k-border-light:#262522; --k-border-focus:#E08763;
  --k-sh:none; --k-shm:0 8px 30px rgba(0,0,0,.40); --k-shl:0 16px 50px rgba(0,0,0,.55);
}}

body.kapp{background:var(--k-bg);color:var(--k-ink);font-family:var(--k-sans);-webkit-font-smoothing:antialiased;}
.kapp a{color:inherit;text-decoration:none;}

/* top nav */
.kapp .knav{position:sticky;top:0;z-index:100;height:54px;display:flex;align-items:center;justify-content:space-between;
     padding:0 24px;background:color-mix(in srgb,var(--k-bg) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--k-border-light);}
.kapp .knav .left{display:flex;align-items:center;gap:14px;}
.kapp .knav .brand{font-family:var(--k-serif);font-size:20px;letter-spacing:-.02em;color:var(--k-ink);}
.kapp .knav .tab{font-size:13px;color:var(--k-ink);background:var(--k-warm);padding:5px 12px;border-radius:var(--k-rs);font-weight:550;}
.kapp .knav .actions{display:flex;align-items:center;gap:4px;}
.kapp .knav .actions a,.kapp .knav .actions button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--k-rs);color:var(--k-light);background:none;border:none;cursor:pointer;}
.kapp .knav .actions a:hover,.kapp .knav .actions button:hover{background:var(--k-warm);color:var(--k-ink);}
.kapp .hidden{display:none;}

.kapp .kwrap{max-width:940px;margin:0 auto;padding:34px 24px 100px;}

/* buttons */
.kapp .btn{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;border:none;padding:10px 16px;font-family:var(--k-sans);}
.kapp .btn-accent{background:var(--k-accent);color:#fff;} .kapp .btn-accent:hover{filter:brightness(.96);}
.kapp .btn-dark{background:var(--k-ink);color:var(--k-bg);}
.kapp .btn-outline{background:transparent;color:var(--k-ink);border:1px solid var(--k-border);}
.kapp .btn-outline:hover{border-color:var(--k-accent);color:var(--k-accent);}
.kapp .btn-sm{padding:7px 13px;font-size:13px;}

/* header */
.kapp .khead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:16px;}
.kapp .khead h1{font-family:var(--k-serif);font-weight:400;font-size:36px;letter-spacing:-.02em;line-height:1;}
.kapp .khead .sub{font-size:13.5px;color:var(--k-muted);margin-top:6px;}

/* pills */
.kapp .kpills{display:flex;align-items:center;gap:6px;margin-bottom:22px;flex-wrap:wrap;}
.kapp .pill{font-size:12.5px;font-weight:550;padding:4px 13px;border-radius:18px;border:none;cursor:pointer;background:var(--k-warm);color:var(--k-muted);text-decoration:none;}
.kapp .pill.on{background:var(--k-ink);color:var(--k-bg);}
.kapp .pill.amber{background:var(--k-amber-soft);color:var(--k-amber);display:inline-flex;align-items:center;gap:5px;}

/* panels (settings / admin sections) */
.kapp .kpanel{background:var(--k-card);border:1px solid var(--k-border);border-radius:var(--k-r);padding:20px 22px;margin-bottom:16px;}
.kapp .kpanel.danger{border-color:#d9a89e;}
.kapp .kpanel h2{font-family:var(--k-serif);font-weight:400;font-size:21px;color:var(--k-ink);margin:0 0 3px;}
.kapp .kpanel .psub{font-size:13px;color:var(--k-muted);margin:0 0 14px;}
.kapp .btn-danger{background:transparent;color:#b23b2a;border:1px solid #d9a89e;}
.kapp .btn-danger:hover{background:#b23b2a;color:#fff;}
.kapp .muted-link{font-size:13px;color:var(--k-muted);} .kapp .muted-link:hover{color:var(--k-ink);}
.kapp .tok{font-family:var(--k-mono);font-size:13px;background:var(--k-warm);border:1px solid var(--k-border-light);border-radius:var(--k-rs);padding:9px 12px;word-break:break-all;}

/* groups + rows (LibraryMode) */
.kapp .kgroup{margin-bottom:28px;}
.kapp .gh{display:flex;align-items:baseline;gap:9px;margin:0 4px 10px;}
.kapp .gh .name{font-family:var(--k-serif);font-size:22px;color:var(--k-ink);}
.kapp .gh .slug{font-family:var(--k-mono);font-size:11px;color:var(--k-light);}
.kapp .gh .count{font-family:var(--k-mono);font-size:11px;color:var(--k-faint);margin-left:auto;}
.kapp .kcard{border:1px solid var(--k-border);border-radius:var(--k-r);overflow:hidden;background:var(--k-card);}
.kapp .krow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;transition:background .12s;}
.kapp .krow:hover{background:var(--k-warm);}
.kapp .krow .l{display:flex;align-items:center;gap:14px;min-width:0;}
.kapp .krow .type{font-family:var(--k-mono);font-size:9.5px;font-weight:500;color:var(--k-light);text-transform:uppercase;letter-spacing:.06em;width:58px;flex-shrink:0;}
.kapp .krow .title{font-size:14px;font-weight:550;color:var(--k-ink);}
.kapp .krow .meta{font-size:12px;color:var(--k-light);margin-top:1px;}
.kapp .krow .r{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.kapp .krow .act{font-size:12.5px;color:var(--k-light);} .kapp .krow .act:hover{color:var(--k-ink);} .kapp .krow .act.view{color:var(--k-blue);}
.kapp .divline{height:1px;background:var(--k-border-light);margin:0 16px;}
.kapp .badge{font-size:10.5px;font-weight:600;padding:2px 9px;border-radius:999px;}
.kapp .badge.green{background:var(--k-green-soft);color:var(--k-green);} .kapp .badge.gray{background:var(--k-warm);color:var(--k-muted);}
.kapp .badge.amber{background:var(--k-amber-soft);color:var(--k-amber);}
.kapp .badge.blue{background:var(--k-blue-soft);color:var(--k-blue);}

/* disclosure (progressive) */
.kapp details.kdisc{border-top:1px solid var(--k-border-light);}
.kapp details.kdisc>summary{list-style:none;cursor:pointer;padding:11px 16px;font-size:12.5px;font-weight:600;color:var(--k-muted);display:flex;align-items:center;gap:7px;}
.kapp details.kdisc>summary::-webkit-details-marker{display:none;}
.kapp details.kdisc>summary::before{content:"＋";color:var(--k-accent);font-weight:700;}
.kapp details.kdisc[open]>summary::before{content:"–";}
.kapp .kdisc-body{padding:0 16px 14px;}

/* forms */
.kapp .field{margin-bottom:16px;}
.kapp .field label{display:block;font-size:13px;font-weight:600;color:var(--k-ink);margin-bottom:6px;}
.kapp .field .hint{font-size:11.5px;color:var(--k-light);margin-top:6px;}
.kapp .input,.kapp .textarea,.kapp .select{width:100%;border:1px solid var(--k-border);background:var(--k-card);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--k-ink);font-family:var(--k-sans);}
.kapp .textarea{font-family:var(--k-mono);font-size:13px;resize:vertical;}
.kapp .inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.kapp .inline-form .input{width:auto;}

/* activity feed icon chip */
.kapp .actic{width:30px;height:30px;border-radius:8px;background:var(--k-warm);color:var(--k-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;}

/* doc reading (used in management previews) */
.kapp .empty{padding:20px 16px;text-align:center;color:var(--k-light);font-size:13px;}
.kapp .empty a{color:var(--k-accent);}

/* first-run hero + big tiles + template chips (spec 22 onboarding) */
.kapp .khero{text-align:center;padding:18px 0 6px;}
.kapp .khero .wave{font-size:38px;line-height:1;margin-bottom:8px;}
.kapp .khero h1{font-family:var(--k-serif);font-weight:400;font-size:36px;letter-spacing:-.02em;line-height:1.05;margin:0 0 6px;}
.kapp .khero h1 em{font-style:italic;color:var(--k-accent);}
.kapp .khero .sub{font-size:14.5px;color:var(--k-muted);max-width:440px;margin:0 auto;}
.kapp .ktiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;}
.kapp .ktile{display:flex;flex-direction:column;gap:8px;background:var(--k-card);border:1px solid var(--k-border);border-radius:var(--k-r);padding:18px 16px;cursor:pointer;transition:border-color .12s,transform .12s;text-decoration:none;}
.kapp .ktile:hover{border-color:var(--k-accent);transform:translateY(-2px);}
.kapp .ktile .ico{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--k-accent-soft);color:var(--k-accent);}
.kapp .ktile .tt{font-size:15px;font-weight:650;color:var(--k-ink);}
.kapp .ktile .td{font-size:12.5px;color:var(--k-muted);line-height:1.5;}
.kapp .ktile .step{font-family:var(--k-mono);font-size:10px;color:var(--k-light);text-transform:uppercase;letter-spacing:.06em;}
.kapp .ktmpls{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 22px;}
.kapp .ktmpl{display:inline-flex;align-items:center;gap:7px;background:var(--k-card);border:1px solid var(--k-border);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:550;color:var(--k-ink);text-decoration:none;cursor:pointer;transition:border-color .12s;}
.kapp .ktmpl:hover{border-color:var(--k-accent);color:var(--k-accent);}
.kapp .seclabel{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--k-light);margin:0 2px 10px;}
@media (max-width:640px){.kapp .ktiles{grid-template-columns:1fr;}}

/* modal / drawer (Hotwire) */
.kapp .kscrim{position:fixed;inset:0;background:rgba(20,18,16,.45);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:200;}
.kapp .kmodal{width:460px;max-width:calc(100% - 32px);background:var(--k-card);border:1px solid var(--k-border);border-radius:var(--k-r);box-shadow:var(--k-shm);padding:22px;}
.kapp .kmodal h3{font-family:var(--k-serif);font-weight:400;font-size:24px;margin-bottom:4px;}
.kapp .radiocard{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--k-border);border-radius:8px;padding:12px 14px;margin-bottom:8px;cursor:pointer;}
.kapp .radiocard.on{border-color:var(--k-accent);background:var(--k-accent-soft);}
.kapp .radiocard .t{font-size:13.5px;font-weight:600;color:var(--k-ink);} .kapp .radiocard .d{font-size:12px;color:var(--k-muted);margin-top:1px;}
.kapp .linkpill{display:flex;align-items:center;gap:8px;background:var(--k-warm);border:1px solid var(--k-border-light);border-radius:var(--k-rs);padding:8px 10px;margin:14px 0;font-family:var(--k-mono);font-size:12px;}
.kapp .linkpill .u{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--k-ink);}
.kapp .kscrim{position:fixed;inset:0;background:rgba(20,18,16,.45);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:9vh;z-index:200;}
.kapp .kmodal .md-sub{font-size:13px;color:var(--k-muted);margin-bottom:18px;}
/* RadioCard: hide the native input; active state + dependent reveal via :has (progressive disclosure, no JS) */
.kapp .radiocard input{position:absolute;opacity:0;width:0;height:0;}
.kapp .radiocard:has(input:checked){border-color:var(--k-accent);background:var(--k-accent-soft);}
.kapp .pw-field{display:none;}

/* ── Dashboard document feed (spec 27) ─────────────────────────────── */
.kapp .badge.purple{background:var(--k-purple-soft);color:var(--k-purple);}

/* feed header: global entry points + a compact Manage menu */
.kapp .feed-header{display:flex;align-items:center;gap:8px;margin-bottom:18px;}
.kapp .kmenu{position:relative;}
.kapp .kmenu>summary{list-style:none;}
.kapp .kmenu>summary::-webkit-details-marker{display:none;}
.kapp .kmenu-body{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:180px;background:var(--k-card);border:1px solid var(--k-border);border-radius:var(--k-r);box-shadow:var(--k-shm);padding:6px;display:flex;flex-direction:column;}
.kapp .kmenu .manage-link{padding:8px 10px;border-radius:var(--k-rs);font-size:13px;color:var(--k-ink);text-decoration:none;}
.kapp .kmenu .manage-link:hover{background:var(--k-warm);color:var(--k-accent);}

/* filter chips */
.kapp .filters{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
.kapp .chips{display:flex;flex-wrap:wrap;gap:7px;}
.kapp .fchip{font-size:12.5px;font-weight:550;color:var(--k-muted);background:var(--k-card);border:1px solid var(--k-border);border-radius:999px;padding:5px 13px;cursor:pointer;font-family:var(--k-sans);transition:border-color .12s,color .12s,background .12s;}
.kapp .fchip:hover{border-color:var(--k-accent);color:var(--k-accent);}
.kapp .fchip.is-active{background:var(--k-ink);border-color:var(--k-ink);color:var(--k-bg);}
.kapp .secondary-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.kapp .fchip.ghost{border-style:dashed;color:var(--k-light);}
.kapp .secondary-wrap.is-collapsed .collapsible{display:none;}

/* view-mode segmented control (spec 28) */
.kapp .view-modes{display:inline-flex;gap:2px;background:var(--k-warm);border:1px solid var(--k-border);border-radius:999px;padding:3px;margin-bottom:16px;}
.kapp .vmode{font-size:12.5px;font-weight:550;color:var(--k-muted);background:none;border:none;border-radius:999px;padding:5px 14px;cursor:pointer;font-family:var(--k-sans);}
.kapp .vmode:hover{color:var(--k-ink);}
.kapp .vmode.is-active{background:var(--k-card);color:var(--k-ink);box-shadow:var(--k-sh);}

/* grouped view (spec 28) */
.kapp .feed-group{margin-bottom:24px;}
.kapp .feed-group-head{display:flex;align-items:baseline;gap:9px;}
.kapp .feed-group-head .g-label{font-family:var(--k-serif);font-size:18px;letter-spacing:-.01em;color:var(--k-ink);text-transform:none;}
.kapp .feed-group-head .g-sub{font-family:var(--k-mono);font-size:11px;color:var(--k-light);text-transform:none;}
.kapp .feed-group-head .g-count{font-family:var(--k-mono);font-size:11px;color:var(--k-faint);margin-left:auto;}
.kapp .show-more{display:inline-block;margin:8px 2px 0;font-size:12.5px;font-weight:600;color:var(--k-accent);text-decoration:none;}
.kapp .show-more:hover{text-decoration:underline;}

/* manage-menu search (spec 28) */
.kapp .kmenu .menu-search-input{width:100%;margin-bottom:6px;padding:7px 10px;font-size:13px;}
.kapp .kmenu .manage-link[hidden]{display:none;}

/* ── search-first dashboard chrome (spec 30) ───────────────────────── */
.kapp .feed-header{gap:10px;}
/* compact, modern buttons in this chrome */
.kapp .feed-header .btn{padding:7px 12px;font-size:13px;border-radius:8px;}

/* the search field that opens the palette */
.kapp .palette-trigger{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;
  background:var(--k-card);border:1px solid var(--k-border);border-radius:8px;
  padding:8px 12px;font-size:13.5px;color:var(--k-light);cursor:text;font-family:var(--k-sans);}
.kapp .palette-trigger:hover{border-color:var(--k-accent);}
.kapp .palette-trigger span{flex:1;text-align:left;}
.kapp .palette-trigger kbd{font-family:var(--k-mono);font-size:11px;color:var(--k-light);
  border:1px solid var(--k-border);border-radius:5px;padding:1px 6px;background:var(--k-warm);}

/* the palette overlay (mirrors the docs kpalette) */
.kapp .kpalette{position:fixed;inset:0;background:rgba(20,18,16,.42);backdrop-filter:blur(2px);
  z-index:300;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;}
.kapp .kpalette[hidden]{display:none;}
.kapp .kpalette-box{width:560px;max-width:calc(100% - 32px);background:var(--k-bg);
  border:1px solid var(--k-border);border-radius:var(--k-r);box-shadow:0 24px 60px rgba(0,0,0,.28);overflow:hidden;}
.kapp .kpalette-input{width:100%;border:none;border-bottom:1px solid var(--k-border-light);
  padding:15px 18px;font-size:15.5px;font-family:var(--k-sans);background:transparent;color:var(--k-ink);outline:none;}
.kapp .kpalette-list{list-style:none;margin:0;padding:6px;max-height:54vh;overflow:auto;}
.kapp .kp-section{font-size:10.5px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;
  color:var(--k-light);padding:10px 12px 4px;}
.kapp .kp-item[hidden]{display:none;}
.kapp .kp-item a{display:block;padding:8px 12px;border-radius:var(--k-rs);font-size:14px;
  color:var(--k-ink);text-decoration:none;}
.kapp .kp-item a:hover{background:var(--k-accent-soft);color:var(--k-accent);}
.kapp .kpalette-empty{padding:14px 18px;font-size:13px;color:var(--k-light);}

/* active-filter bar — only rendered when a filter is on (progressive disclosure) */
.kapp .active-filters{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;}
.kapp .active-filters .af-label{color:var(--k-light);}
.kapp .active-filters .af-chip{background:var(--k-ink);color:var(--k-bg);border-radius:999px;padding:3px 11px;font-weight:550;}
.kapp .active-filters .af-clear{color:var(--k-accent);font-weight:600;text-decoration:none;}
.kapp .active-filters .af-clear:hover{text-decoration:underline;}

/* dropdown menu polish (#7): comfortable width + tidy items + separators */
.kapp .kmenu-body{min-width:220px;}
.kapp .kmenu .manage-link{display:flex;align-items:center;gap:8px;white-space:nowrap;}
.kapp .kmenu-sep{height:1px;background:var(--k-border-light);margin:6px 0;}

/* ── public Space show, in the app shell (spec 30 #3) ──────────────── */
.kapp .space-show{padding-top:26px;}
.kapp .space-show .space-brand{font-family:var(--k-serif);font-size:17px;color:var(--k-light);text-decoration:none;}
.kapp .space-show .space-brand:hover{color:var(--k-accent);}
.kapp .space-show .space-head h1{font-family:var(--k-serif);font-weight:400;font-size:34px;letter-spacing:-.02em;line-height:1.1;margin:6px 0 4px;}
.kapp .space-show .space-head .sub{font-size:13px;color:var(--k-muted);}
.kapp .space-show .space-head .ln{color:var(--k-accent);font-weight:600;}
.kapp .share-card{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:18px 20px;margin:18px 0 26px;}
.kapp .share-card .sc-main{flex:1;min-width:240px;}
.kapp .share-card .sc-title{font-size:13px;font-weight:650;margin-bottom:8px;}
.kapp .share-card .sc-link{display:flex;gap:8px;align-items:center;}
.kapp .share-card .sc-url{flex:1;font-family:var(--k-mono);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kapp .share-card .sc-hint{font-size:12px;color:var(--k-light);margin-top:8px;}
.kapp .space-row{cursor:default;}

/* saved views row */
.kapp .saved-views{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;}

/* feed rows live in a kcard; the row reuses .krow but isn't a whole-row link */
.kapp .feed-row{cursor:default;}
.kapp .kcard .krow + .krow{border-top:1px solid var(--k-border-light);}
.kapp .feed-row .l{gap:11px;align-items:center;}
.kapp .feed-row .tt{min-width:0;}
.kapp .feed-row .tt .title{display:block;text-decoration:none;}
.kapp .feed-row .tt .title:hover{color:var(--k-accent);}

/* star toggle */
.kapp .star{background:none;border:none;cursor:pointer;font-size:15px;line-height:1;color:var(--k-faint);padding:0;flex-shrink:0;transition:color .12s;}
.kapp .star:hover{color:var(--k-amber);}
.kapp .star.is-on{color:var(--k-amber);}

/* starred group + collapse */
.kapp .starred{margin-bottom:22px;}
.kapp .seclabel .collapse-toggle{background:none;border:none;cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;padding:0;}
.kapp .is-collapsed .collapsible{display:none;}
.kapp form:has(#access_password:checked) .pw-field{display:block;}