/* ════════════════════════════════════════════════════════════════════════
   Koma — owner and team screens (stage F3): team, project settings, profile, activity, tasks, search, updates,
   and the dialog of the system. Built from koma.css tokens and components; this file adds only the page
   frames those screens share. Tokens only, logical properties only, scoped with :where(.k).

   CLASS INDEX
   ─ dialog   .kd  .kd--wide  .kd__head  .kd__title  .kd__sub  .kd__x  .kd__form  .kd__body  .kd__text  .kd__foot
   ─ page     .pg (scroller)  .pg__in  .pg__in--narrow  .pg__head  .pg__title  .pg__lead  .pg__tools
   ─ card     .sc  .sc__head  .sc__title  .sc__lead  .sc__body  .sc__list  .sc__foot  .sc__note  .sc__state
   ─ forms    .fgrid  .fgrid--3  .factions  .field--select  .opts  .opt  .opt__t  .opt__p  .copy  .kv
   ─ rows     .lrow (+ --member --invite --trash --job --audit --event --task --hit)  .lrow__who  .lrow__name
              .lrow__meta  .lrow__c  .lrow__foot  .lrow__acts
   ─ settings .set  .set__nav  .set__link
   ─ phone    .m-wrap  .m-sticky  .m-pg
   ════════════════════════════════════════════════════════════════════════ */

/* ───────── 1. dialog ───────── */
:where(.k) .kd{margin:auto;inline-size:480px;max-inline-size:calc(100vw - 32px);max-block-size:min(86vh,760px);border:0;border-radius:var(--r-xl);background:var(--c-surface);color:var(--c-ink);box-shadow:var(--e-2);overflow:hidden;font-size:var(--fs-14);line-height:var(--lh-14)}
:where(.k) .kd[open]{display:flex;flex-direction:column}
.kd::backdrop{background:rgba(20,23,26,.4)}
:where(.k) .kd--wide{inline-size:760px}
:where(.k) .kd__head{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6) var(--sp-2);flex:none}
:where(.k) .kd__titles{flex:1;min-inline-size:0}
:where(.k) .kd__title{font-size:var(--fs-16);line-height:var(--lh-16);font-weight:600;overflow-wrap:anywhere}
:where(.k) .kd__sub{margin-block-start:2px;font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-2);overflow-wrap:anywhere}
:where(.k) .kd__x{margin-block-start:-4px;margin-inline-end:calc(var(--sp-2)*-1)}
:where(.k) .kd__form{display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0}
:where(.k) .kd__body{display:flex;flex-direction:column;gap:var(--sp-4);flex:1 1 auto;min-block-size:0;overflow-y:auto;padding:var(--sp-2) var(--sp-6) var(--sp-5)}
:where(.k) .kd__body>*{flex:none}
:where(.k) .kd__text{color:var(--c-text-2);overflow-wrap:anywhere;text-wrap:pretty}
:where(.k) .kd__text b{font-weight:600;color:var(--c-ink)}
:where(.k) .kd__foot{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-2);flex:none;padding:var(--sp-3) var(--sp-6);background:var(--c-subtle);border-block-start:1px solid var(--c-line)}
:where(.k) .kd__foot .k-end{margin-inline-start:0;margin-inline-end:auto}
:where(.k) .kd:not(.kd--wide) .opts--3:not(.opts--row){grid-template-columns:minmax(0,1fr)}
:where(.k) .opts--row .opt{align-items:center}
:where(.k) .opts--row .opt input{margin-block-start:0}
:where(.k) .kd .fgrid:has(>[data-other][hidden]){grid-template-columns:minmax(0,1fr)}
:where(.k) .kd .banner--inline{align-items:flex-start}
:where(.k) .kd .banner--inline>.ic{margin-block-start:2px}

/* ───────── 2. page frame and cards ───────── */
:where(.k) .pg{flex:1;min-block-size:0;overflow:auto}
:where(.k) .pg__in{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6);max-inline-size:1080px}
:where(.k) .pg__in--narrow{max-inline-size:760px}
:where(.k) .pg__head{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}
:where(.k) .pg__title{font-size:var(--fs-16);line-height:var(--lh-16);font-weight:600}
:where(.k) .pg__lead{margin-block-start:2px;font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-2);max-inline-size:72ch;text-wrap:pretty}
:where(.k) .pg__tools{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);margin-inline-start:auto}
:where(.k) .sc{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);min-inline-size:0;container-type:inline-size;scroll-margin-block-start:var(--sp-4)}
:where(.k) .sc__head{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) 0}
:where(.k) .sc__head>div:first-child{flex:1;min-inline-size:0}
:where(.k) .sc__title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--fs-16);line-height:var(--lh-16);font-weight:600}
:where(.k) .sc__title .list__count{font-size:var(--fs-13);font-weight:500}
:where(.k) .sc__lead{margin-block-start:2px;font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-2);max-inline-size:72ch;text-wrap:pretty}
:where(.k) .sc__lead b{font-weight:600;color:var(--c-ink)}
:where(.k) .sc__body{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5) var(--sp-5)}
:where(.k) .sc__body>*{flex:none;min-inline-size:0}
:where(.k) .sc__body>.seg,:where(.k) .sc__body>.check{align-self:flex-start}
:where(.k) .sc__list{margin-block-start:var(--sp-4);border-block-start:1px solid var(--c-line)}
:where(.k) .sc__list>li+li,:where(.k) .sc__list>.lrow+.lrow{border-block-start:1px solid var(--c-line)}
:where(.k) .sc__list>li:last-child>.lrow,:where(.k) .sc__list>.lrow:last-child{border-end-start-radius:var(--r-lg);border-end-end-radius:var(--r-lg)}
:where(.k) .sc__sub{padding:var(--sp-4) var(--sp-5) 0;font-size:var(--fs-13);line-height:var(--lh-13);font-weight:600}
:where(.k) .sc__sub+.sc__list{margin-block-start:var(--sp-2)}
:where(.k) .sc__foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-block-start:1px solid var(--c-line)}
:where(.k) .sc__note{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-3)}
:where(.k) .sc__note>.ic{margin-block-start:2px}
:where(.k) .sc__state{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3)}
:where(.k) .sc__state>.grow{flex:1 1 240px}
:where(.k) .sc__state b{font-weight:600}
:where(.k) .sc .empty{padding-block:var(--sp-8)}
:where(.k) .sc .skel-rows{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-2) 0}
:where(.k) .sc--quiet{background:transparent}

/* ───────── 3. forms ───────── */
:where(.k) .fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
:where(.k) .fgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
:where(.k) .fgrid>.fgrid__all{grid-column:1/-1}
:where(.k) .factions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}
:where(.k) .field--select{position:relative;padding-inline-end:var(--sp-2)}
:where(.k) .field--select select{appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis;block-size:100%}
:where(.k) .field--select .ic{color:var(--c-text-3);pointer-events:none}
:where(.k) .field input[type=number]{appearance:textfield;-moz-appearance:textfield}
:where(.k) .field input:disabled{color:var(--c-text-3)}
:where(.k) .form>.form__label+.field,:where(.k) .form>.form__label+.textarea{margin-block-start:2px}
:where(.k) .opts{display:grid;gap:var(--sp-2);border:0;min-inline-size:0}
:where(.k) .opts--3{grid-template-columns:repeat(3,minmax(0,1fr))}
:where(.k) .opts>legend{font-size:var(--fs-13);line-height:var(--lh-13);font-weight:500;margin-block-end:6px;padding:0}
:where(.k) .opt{display:flex;align-items:flex-start;gap:var(--sp-2);min-inline-size:0;padding:10px var(--sp-3);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-surface);cursor:pointer;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}
:where(.k) .opt:hover{border-color:#B4BBC4}
:where(.k) .opt:has(input:checked){border-color:var(--c-accent);background:var(--c-accent-tint);box-shadow:0 0 0 1px var(--c-accent)}
:where(.k) .opt:has(input:focus-visible){box-shadow:var(--focus)}
:where(.k) .opt input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;inline-size:16px;block-size:16px;margin-block-start:2px;border:1px solid var(--c-line-strong);border-radius:50%;background:var(--c-surface);flex:none}
:where(.k) .opt input:focus-visible{box-shadow:none}
:where(.k) .opt input:checked{border-color:var(--c-accent)}
:where(.k) .opt input:checked::after{content:"";inline-size:8px;block-size:8px;border-radius:50%;background:var(--c-accent)}
:where(.k) .opt>span{display:flex;flex-direction:column;gap:2px;min-inline-size:0}
:where(.k) .opt__t{font-size:var(--fs-13);line-height:var(--lh-13);font-weight:600}
:where(.k) .opt__p{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--c-text-2);overflow-wrap:anywhere}
:where(.k) .check--block{display:flex;align-items:flex-start;gap:var(--sp-3)}
:where(.k) .check--block input{margin-block-start:2px}
:where(.k) .check--block>span{display:flex;flex-direction:column;gap:2px;min-inline-size:0}
:where(.k) .check--block b{font-weight:600}
:where(.k) .check--block small{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-2)}
:where(.k) .check input:disabled{background:var(--c-subtle);border-color:var(--c-line);cursor:not-allowed}
:where(.k) .check input:focus-visible{box-shadow:var(--focus)}
:where(.k) .copy{display:flex;gap:var(--sp-2);min-inline-size:0}
:where(.k) .copy .field{flex:1 1 auto;min-inline-size:0}
:where(.k) .kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-3) var(--sp-4)}
:where(.k) .kv dt{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--c-text-3)}
:where(.k) .kv dd{margin-block-start:2px;font-weight:500;overflow-wrap:anywhere}
:where(.k) .k-typed{font-weight:600;color:var(--c-ink);user-select:all}
:where(.k) .stepfield{display:inline-flex;align-items:center;gap:var(--sp-2)}
:where(.k) .stepfield .field{inline-size:88px}
:where(.k) .banner--inline .copy{margin-block-start:var(--sp-2)}
:where(.k) .banner--stack{align-items:flex-start}
:where(.k) .banner--stack>.ic{margin-block-start:2px}
:where(.k) .banner--stack>span{flex:1 1 auto}

/* ───────── 4. rows: one grid per list, restacked when the card is narrow ───────── */
:where(.k) .lrow{display:grid;align-items:center;column-gap:var(--sp-3);row-gap:2px;min-block-size:64px;padding:var(--sp-3) var(--sp-5);min-inline-size:0;color:var(--c-ink);background:var(--c-surface)}
:where(.k) a.lrow{cursor:pointer;transition:background var(--t-fast) var(--ease)}
:where(.k) a.lrow:hover{background:var(--c-hover)}
:where(.k) a.lrow:focus-visible{box-shadow:inset 0 0 0 2px var(--c-accent)}
:where(.k) .lrow>*{min-inline-size:0}
:where(.k) .lrow__lead{grid-area:lead;align-self:center}
:where(.k) .lrow__who{grid-area:who;display:flex;flex-direction:column;gap:2px}
:where(.k) .lrow__name{display:flex;align-items:center;gap:var(--sp-2);min-inline-size:0;font-weight:500}
:where(.k) .lrow__name>.clip{flex:0 1 auto}
:where(.k) .lrow__name>.t2{flex:none;white-space:nowrap;font-weight:500}
:where(.k) .lrow__name>.tag,:where(.k) .lrow__name>.mine{flex:none}
:where(.k) .lrow__meta{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-3)}
:where(.k) .lrow__c{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-2)}
:where(.k) .lrow__c small{display:block;font-size:var(--fs-12);line-height:var(--lh-12);color:var(--c-text-3)}
:where(.k) .lrow__acts{grid-area:acts;display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-1)}
:where(.k) .lrow__foot{display:contents}
:where(.k) .lrow .a1{grid-area:a1} :where(.k) .lrow .a2{grid-area:a2} :where(.k) .lrow .a3{grid-area:a3} :where(.k) .lrow .a4{grid-area:a4}
:where(.k) .lrow.is-unread .lrow__name{font-weight:600}
:where(.k) .lrow.is-done .lrow__name{color:var(--c-text-2);font-weight:400}
:where(.k) .lrow .unread{flex:none}
:where(.k) .lrow--member{grid-template-columns:auto minmax(0,1.5fr) minmax(0,1fr) 112px 152px 32px;grid-template-areas:"lead who a1 a2 a3 acts"}
:where(.k) .lrow--invite{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 104px 152px auto;grid-template-areas:"who a1 a2 a3 acts"}
:where(.k) .lrow--trash{grid-template-columns:auto minmax(0,1.5fr) minmax(0,1fr) 152px auto;grid-template-areas:"lead who a1 a2 acts"}
:where(.k) .lrow--job{grid-template-columns:minmax(0,1.4fr) 112px minmax(0,1fr) auto;grid-template-areas:"who a1 a2 acts"}
:where(.k) .lrow--audit{grid-template-columns:132px minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.6fr);grid-template-areas:"a1 a2 who a3";min-block-size:48px;align-items:baseline}
:where(.k) .lrow--event{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lead who a1";min-block-size:52px;padding-block:var(--sp-2)}
:where(.k) .lrow--task{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"lead who a1 a2";min-block-size:56px}
:where(.k) .lrow--hit{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lead who a1";min-block-size:56px}
:where(.k) .lrow--oi{grid-template-columns:minmax(0,1.5fr) 132px 152px auto;grid-template-areas:"who a1 a2 acts"}
:where(.k) .lrow--audit .lrow__name{font-weight:500}
:where(.k) .lrow--audit .a3{overflow-wrap:anywhere}
@container (max-width:899px){
  :where(.k) .lrow--trash{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lead who acts" "lead a1 acts" "lead a2 acts";align-items:start;row-gap:2px}
  :where(.k) .lrow--trash .a2 small{display:inline}
  :where(.k) .lrow--trash .a2 small::before{content:" · "}
}
@container (max-width:559px){
  :where(.k) .lrow--trash{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lead who" "lead a1" "lead a2" "lead acts"}
}
@container (max-width:639px){
  :where(.k) .lrow{padding-inline:var(--sp-4);row-gap:var(--sp-1)}
  :where(.k) .lrow__foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);grid-area:foot}
  :where(.k) .lrow--member{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lead who acts" "lead a1 acts" "lead foot foot";align-items:start}
  :where(.k) .lrow--member .lrow__lead{align-self:start}
  :where(.k) .lrow--invite{grid-template-columns:minmax(0,1fr);grid-template-areas:"who" "a1" "foot" "acts"}
  :where(.k) .lrow--invite .lrow__acts,:where(.k) .lrow--job .lrow__acts,:where(.k) .lrow--trash .lrow__acts,:where(.k) .lrow--oi .lrow__acts{justify-content:flex-start;margin-block-start:var(--sp-1)}
  :where(.k) .lrow--job{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who a1" "a2 a2" "acts acts"}
  :where(.k) .lrow--oi{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who a1" "a2 a2" "acts acts"}
  :where(.k) .lrow--audit{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who a1" "a2 a2" "a3 a3"}
  :where(.k) .lrow--task{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lead who a2" "lead a1 a1"}
}
:where(.k) .taskbox{display:grid;place-items:center;inline-size:20px;block-size:20px;border-radius:var(--r-sm);border:1.5px solid var(--c-line-strong);color:#fff;flex:none}
:where(.k) .taskbox .ic{inline-size:12px;block-size:12px;stroke-width:2}
:where(.k) .taskbox--done{background:var(--c-ok);border-color:var(--c-ok)}
:where(.k) .taskbox--progress{border-color:var(--c-accent)}
:where(.k) .k-day{padding:var(--sp-4) var(--sp-1) var(--sp-2);font-size:var(--fs-12);line-height:var(--lh-12);font-weight:600;color:var(--c-text-2)}
:where(.k) .k-day:first-child{padding-block-start:0}
:where(.k) .k-quiet{color:var(--c-text-3)}
:where(.k) details.k-more>summary{display:flex;align-items:center;gap:var(--sp-2);min-block-size:44px;padding-inline:var(--sp-5);font-size:var(--fs-13);font-weight:500;color:var(--c-text-2);cursor:pointer;list-style:none;border-block-start:1px solid var(--c-line)}
:where(.k) details.k-more>summary::-webkit-details-marker{display:none}
:where(.k) details.k-more>summary:hover{color:var(--c-ink)}
:where(.k) details.k-more[open]>summary .ic{transform:rotate(180deg)}
:where(.k) details.k-more>ul{border-block-start:1px solid var(--c-line)}
:where(.k) .board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);align-items:start}
:where(.k) .board .lrow{padding-inline:var(--sp-4)}

/* ───────── 5. project settings: section list + cards ───────── */
:where(.k) .set{display:grid;grid-template-columns:200px minmax(0,760px);gap:var(--sp-6);padding:var(--sp-6);align-items:start}
:where(.k) .set__nav{position:sticky;inset-block-start:var(--sp-6);display:flex;flex-direction:column;gap:2px}
:where(.k) .set__link{display:flex;align-items:center;gap:var(--sp-2);min-block-size:var(--h-ctl);padding-inline:var(--sp-2);border-radius:var(--r-md);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:500;color:var(--c-text-2);inline-size:100%}
:where(.k) .set__link:hover{background:var(--c-hover-app);color:var(--c-ink)}
:where(.k) .set__link .ic{color:var(--c-text-3)}
:where(.k) .set__link .badge{margin-inline-start:auto}
:where(.k) .set__cards{display:flex;flex-direction:column;gap:var(--sp-4);min-inline-size:0}
@media (max-width:1100px){
  :where(.k) .set{grid-template-columns:minmax(0,760px)}
  :where(.k) .set__nav{display:none}
}

/* ───────── 6. phone ───────── */
:where(.k) .m-wrap{position:relative;flex:1;min-block-size:0;display:flex;flex-direction:column}
:where(.k) .m-sticky{flex:none;display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--m-gutter);background:var(--c-surface);border-block-start:1px solid var(--c-line);position:relative;z-index:3}
:where(.k) .m-sticky .btn{flex:1 1 0}
:where(.k) .m-pg{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4) 0 var(--sp-6)}
:where(.k) .m-pg>.pg__head{padding-inline:var(--m-gutter)}
:where(.k) .m-pg .sc{border-inline:0;border-radius:0}
:where(.k) .m-pg .sc__head{padding-inline:var(--m-gutter)}
:where(.k) .m-pg .sc__body{padding-inline:var(--m-gutter)}
:where(.k) .m-pg .sc__sub{padding-inline:var(--m-gutter)}
:where(.k) .m-pg .sc__foot{padding-inline:var(--m-gutter)}
:where(.k) .m-pg .sc__title{font-size:var(--m-fs-18);line-height:var(--m-lh-18)}
:where(.k) .m-pg .sc__lead,:where(.k) .m-pg .pg__lead{font-size:var(--fs-14);line-height:var(--lh-14)}
:where(.k) .m-pg .lrow{padding-inline:var(--m-gutter);min-block-size:72px}
:where(.k) .m-pg .lrow__name{font-size:var(--fs-16);line-height:var(--lh-16)}
:where(.k) .m-pg .lrow__meta,:where(.k) .m-pg .lrow__c{font-size:var(--fs-14);line-height:var(--lh-14)}
:where(.k) .m-pg .sc__list>li:last-child>.lrow{border-radius:0}
:where(.k) .m-pg .k-day{padding-inline:var(--m-gutter)}
:where(.k) .m-pg .sc--quiet .sc__head,:where(.k) .m-pg .sc--quiet .sc__body{padding-inline:var(--m-gutter)}
@media (max-width:759px){
  :where(.k) .kd{margin:auto 0 0;inline-size:100%;max-inline-size:100%;max-block-size:92dvh;border-radius:0;border-start-start-radius:var(--m-r-sheet);border-start-end-radius:var(--m-r-sheet);box-shadow:var(--m-e-sheet)}
  :where(.k) .kd__head{padding:var(--sp-5) var(--m-gutter) var(--sp-2)}
  :where(.k) .kd__title{font-size:var(--fs-20);line-height:var(--lh-20)}
  :where(.k) .kd__sub,:where(.k) .kd__text{font-size:var(--m-fs-15);line-height:var(--m-lh-15)}
  :where(.k) .kd__x{inline-size:var(--m-tap-min);block-size:var(--m-tap-min);margin-block-start:-10px}
  :where(.k) .kd__body{padding:var(--sp-2) var(--m-gutter) var(--sp-4)}
  :where(.k) .kd__foot{flex-direction:column-reverse;flex-wrap:nowrap;padding:var(--sp-3) var(--m-gutter) calc(var(--sp-3) + var(--m-safe-b));background:var(--c-surface)}
  :where(.k) .kd__foot .btn{inline-size:100%;block-size:var(--m-tap-lg);border-radius:var(--r-lg);font-size:var(--fs-16)}
  :where(.k) .kd__foot .k-end{margin-inline-end:0}
  :where(.k) .kd .field,:where(.k) .m-pg .field,:where(.k) .m-sticky .btn{block-size:var(--m-tap)}
  :where(.k) .kd .field__input,:where(.k) .kd .textarea,:where(.k) .m-pg .field__input,:where(.k) .m-pg .textarea{font-size:var(--fs-16);line-height:var(--lh-16)}
  :where(.k) .kd .form__label,:where(.k) .m-pg .form__label{font-size:var(--fs-14);line-height:var(--lh-14)}
  :where(.k) .kd .form__help,:where(.k) .m-pg .form__help{font-size:var(--m-fs-13);line-height:var(--m-lh-13)}
  :where(.k) .m-sticky .btn{border-radius:var(--r-lg);font-size:var(--fs-16)}
  :where(.k) .fgrid,:where(.k) .fgrid--3,:where(.k) .opts--3{grid-template-columns:minmax(0,1fr)}
  :where(.k) .opt{min-block-size:var(--m-tap-lg);padding-block:var(--sp-3)}
  :where(.k) .opt__t{font-size:var(--m-fs-15);line-height:var(--m-lh-15)}
  :where(.k) .opt__p{font-size:var(--m-fs-13);line-height:var(--m-lh-13)}
  :where(.k) .m-pg .btn,:where(.k) .kd__body .btn{min-block-size:var(--m-tap-min);font-size:var(--m-fs-15)}
  :where(.k) .m-pg .btn--icon,:where(.k) .m-pg .more>.btn{inline-size:var(--m-tap-min);block-size:var(--m-tap-min)}
  :where(.k) .m-pg .menu__item{block-size:var(--m-tap-min);font-size:var(--m-fs-15)}
  :where(.k) .m-pg .check{min-block-size:var(--m-tap-min);font-size:var(--m-fs-15);line-height:var(--m-lh-15)}
  :where(.k) .m-pg .check--block small{font-size:var(--fs-14);line-height:var(--lh-14)}
  :where(.k) .m-pg .chip{block-size:40px;position:relative;font-size:var(--m-fs-15)}
  :where(.k) .m-pg .chip::after{content:"";position:absolute;inset-inline:0;inset-block:calc(var(--sp-1)*-1)}   /* 48px touch height, as .m-chip */
  :where(.k) .m-pg .seg__btn{block-size:var(--m-tap-min);font-size:var(--m-fs-15)}
  :where(.k) .m-pg .seg{inline-size:100%}
  :where(.k) .m-pg .seg__btn{flex:1 1 0;justify-content:center}
  :where(.k) .board{grid-template-columns:minmax(0,1fr)}
  :where(.k) .copy{flex-wrap:wrap}
  :where(.k) .copy .btn{flex:1 1 auto}
}

/* ───────── 7. small pieces ───────── */
:where(.k) .k-scrollx{overflow-x:auto}
:where(.k) .k-reason{display:block;font-size:var(--fs-12);line-height:var(--lh-12);color:var(--c-text-3);white-space:normal}
:where(.k) .k-stack{display:flex;flex-direction:column;gap:var(--sp-3)}
:where(.k) .k-stack:empty{display:none}
:where(.k) .k-fill{inline-size:100%}
:where(.k) .k-pre{white-space:pre-wrap}
:where(.k) .k-center{margin-block:auto}
:where(.k) .k-layers{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--c-subtle);font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-2)}
:where(.k) .k-layers li{display:flex;align-items:flex-start;gap:var(--sp-2)}
:where(.k) .k-layers .ic{margin-block-start:2px;color:var(--c-text-3)}
:where(.k) .k-layers b{font-weight:600;color:var(--c-ink)}
:where(.k) .k-tools{row-gap:var(--sp-2)}
:where(.k) .k-search{flex:0 1 264px;min-inline-size:160px}
:where(.k) .k-list>li>.lrow{inline-size:100%}
:where(.k) button.lrow{text-align:start;cursor:pointer}
:where(.k) button.lrow:hover{background:var(--c-hover)}
:where(.k) .sc__list.k-flat{margin-block-start:0;border-block-start:0}
:where(.k) .sc__list.k-flat>li:first-child>.lrow{border-start-start-radius:var(--r-lg);border-start-end-radius:var(--r-lg)}
:where(.k) details.k-more--first>summary{border-block-start:0}
:where(.k) .k-log{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-2)}
:where(.k) .k-log summary{cursor:pointer;font-weight:500;color:var(--c-ink)}
:where(.k) .k-log ul{display:flex;flex-direction:column;gap:var(--sp-1);margin-block-start:var(--sp-2)}
:where(.k) .k-log b{font-weight:600;color:var(--c-ink)}
:where(.k) .k-days{display:flex;flex-direction:column}
:where(.k) .sc__state>form.k-fill,:where(.k) form.sc__state{flex:1 1 auto}
:where(.k) form.sc__state>.form-error{flex:1 1 100%}
/* upload dialog */
:where(.k) .up-zone{cursor:pointer;padding:var(--sp-6)}
:where(.k) .up-zone>.ic{inline-size:20px;block-size:20px;color:var(--c-text-3)}
:where(.k) .up-zone:focus-within{border-color:var(--c-accent)}
:where(.k) .up-list{display:flex;flex-direction:column;gap:var(--sp-3)}
:where(.k) .up-file{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-lg)}
:where(.k) .up-file__head{display:flex;align-items:center;gap:var(--sp-3);min-inline-size:0}
:where(.k) .up-file__name{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;font-weight:500}
:where(.k) .up-file__name>*{align-self:flex-start;max-inline-size:100%}
:where(.k) .up-file__name small{font-weight:400;font-size:var(--fs-12);line-height:var(--lh-12)}
:where(.k) .up-file__ext{font-size:10px;font-weight:600;letter-spacing:.02em}
:where(.k) .up-notify{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-2) var(--sp-4);margin:0;padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-lg);min-inline-size:0}
:where(.k) .up-notify[hidden]{display:none}
@media (max-width:759px){
  :where(.k) .m-pg .k-tools{padding-inline:var(--m-gutter)}
  :where(.k) .m-pg .k-search{flex:1 1 100%}
  :where(.k) .m-pg>.factions,:where(.k) .m-pg>.k-days,:where(.k) .m-pg>#task-results>.empty{padding-inline:0}
  :where(.k) .m-pg>.factions{padding-inline:var(--m-gutter)}
  :where(.k) .m-pg .group{border-inline:0;border-radius:0}
  :where(.k) .m-pg .select{block-size:var(--m-tap-min);font-size:var(--m-fs-15)}
  :where(.k) .m-pg .factions{row-gap:var(--sp-3)}
}

/* Profile: documents and support links, and the account deletion (danger) section and dialog. */
:where(.k) .pf-legal{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-inline:calc(var(--sp-3)*-1)}
:where(.k) .sc--danger{border-color:#E7B4AF}
:where(.k) .sc--danger .sc__title{color:var(--c-return-text)}
:where(.k) .pf-del{display:flex;flex-direction:column;gap:var(--sp-2)}
:where(.k) .pf-del__h{font-size:var(--fs-13);line-height:var(--lh-13);font-weight:600;color:var(--c-ink)}
:where(.k) .pf-del__list{display:flex;flex-direction:column;gap:2px;padding-inline-start:var(--sp-5);list-style:disc;color:var(--c-text-2)}
:where(.k) .pf-blockers{margin-block:0;border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden}
:where(.k) .pf-blockers .lrow{padding-inline:var(--sp-4)}