/* Prepared work, reviews, My account, invitations and the workspace menu. Owner: work and account.
   Tokens only (ui-kit.css :root). Legacy .work-card / .next-work / .tool-grid rules load later from styles.css,
   so every rule that touches those classes is scoped under .wa for specificity. */

/* ------------------------------------------------------------------ page */
.wa{--wa-rail:340px;color:var(--text-1);font:var(--t-body);letter-spacing:-.006em}
.wa p{margin:0}
.wa-page{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:24px;min-width:0}
.wa-page--detail{container-type:inline-size;container-name:wa-detail;gap:20px}
.wa-muted,.wa-muted-text{color:var(--text-3)}
.wa-muted-text{font:400 14px/20px var(--font-sans);letter-spacing:-.003em;text-wrap:pretty}
.wa-hint{font:400 13px/18px var(--font-sans);color:var(--text-3);text-wrap:pretty}
.wa-label{font:var(--t-small);color:var(--text-3)}
.wa-inline{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.wa-text--awaiting{color:var(--warning-text)!important}.wa-text--changes{color:var(--lc-changes-text)!important}.wa-text--accepted{color:var(--success-text)!important}.wa-text--implemented{color:var(--lc-implemented-text)!important}.wa-text--stale{color:var(--lc-stale-text)!important}
.wa-pill{white-space:nowrap}
.wa-dot+.wa-dot::before,.wa-prov+.wa-dot::before,.wa-dot+.wa-prov::before{content:"·";margin-right:8px;color:var(--gray-400)}
.wa .uk-card{min-width:0}
.wa [hidden],.wa-form [hidden]{display:none!important}
/* styles.css still gives .status-chip a legacy box and loads after the kit; pills on these screens keep the kit look.
   .uk-sheet is shared top-layer chrome every surface opens, so only this surface's own sheets (.wa-sheet) are matched. */
:is(.wa,.uk-sheet.wa-sheet,.wa-wsm) .uk-pill.status-chip{display:inline-flex;align-items:center;gap:4px;height:24px;margin:0;padding:0 10px;border:0;border-radius:var(--r-full);background:var(--pill-bg);color:var(--pill-text);font:500 13px/16px var(--font-sans);white-space:nowrap}
:is(.wa,.uk-sheet.wa-sheet,.wa-wsm) .uk-pill--sm.status-chip{height:20px;padding:0 8px;gap:3px;font-size:12px}
:is(.wa,.uk-sheet.wa-sheet,.wa-wsm) .uk-pill.status-chip:has(>.uk-icon){padding-left:7px}
:is(.wa,.uk-sheet.wa-sheet,.wa-wsm) .uk-pill--sm.status-chip:has(>.uk-icon){padding-left:6px}

/* A checked option card tints itself green and the kit turns its badges white so a neutral pill still reads.
   A success badge keeps the success family instead: success text on --green-100, the pair spec 2.1 uses for "Verified". */
.wa .uk-card-option:has(input:checked) .uk-card-option__meta .uk-pill--success{--pill-bg:var(--green-100)}

.wa-head{display:flex;flex-direction:column;gap:16px}
.wa-head__text{display:flex;flex-direction:column;gap:4px}
.wa-head h1{margin:0}
.wa-head__sub{font:400 15px/22px var(--font-sans);color:var(--text-3)}
.wa-head .uk-tabs{margin-top:4px}
.wa-error:not([hidden]){margin:0}
.wa-error:focus{outline:none;box-shadow:0 0 0 3px var(--danger-ring)}
.wa-skel-head{max-width:420px}
.wa-skel-head .uk-skeleton__body{display:flex;flex-direction:column;gap:10px}
.wa-skel-hero{min-height:132px}

/* ------------------------------------------------------------------ hero */
.wa .wa-hero.next-work{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 24px 24px 27px;margin:0;border:1px solid var(--border);border-left:0;border-radius:var(--r-lg);overflow:hidden}
.wa .wa-hero.next-work::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--wa-tone,var(--green-500))}
.wa-tone--awaiting{--wa-tone:var(--warning-solid);--wa-tone-text:var(--warning-text)}
.wa-tone--changes{--wa-tone:var(--lc-changes-text);--wa-tone-text:var(--lc-changes-text)}
.wa-tone--brand{--wa-tone:var(--green-500);--wa-tone-text:var(--green-700)}
.wa-tone--neutral{--wa-tone:var(--border-strong);--wa-tone-text:var(--text-3)}
.wa-tone--implemented{--wa-tone:var(--lc-implemented-text);--wa-tone-text:var(--lc-implemented-text)}
.wa-hero__eyebrow{display:flex;align-items:center;gap:6px;font:var(--t-small);color:var(--wa-tone-text,var(--text-3))}
.wa .wa-hero__title{margin:0;font:var(--t-h2);letter-spacing:-.015em;font-variation-settings:"opsz" 32;max-width:760px;text-wrap:balance}
.wa-hero__reason{max-width:680px;font:400 15px/24px var(--font-sans);color:var(--text-2);text-wrap:pretty}
.wa-hero__meta{font:400 14px/20px var(--font-sans);color:var(--text-3)}
.wa-hero__draft{display:flex;align-items:center;gap:8px;font:500 14px/20px var(--font-sans);color:var(--text-2)}
.wa-hero__draft .uk-icon{color:var(--text-3)}
.wa-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.wa-btn-mark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--gray-0);margin-left:-4px}
.wa-btn-mark--light{box-shadow:inset 0 0 0 1px var(--plate-ring)}
.wa-btn-mark svg{display:block}

.wa-quote{margin:4px 0 0;padding:14px 16px;max-width:680px;border-radius:var(--r-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border)}
.wa-quote__who{display:flex;align-items:center;gap:8px;font:var(--t-small);color:var(--text-3)}
.wa-quote__name{color:var(--text-1);font-weight:600}
.wa-quote__text{margin:8px 0 0;font:400 15px/23px var(--font-sans);color:var(--text-1);white-space:pre-line;text-wrap:pretty}
.wa-quote--panel{margin:0}
.wa-quote-mini{padding:10px 12px;border-radius:var(--r-md);background:var(--surface-sunken);font:400 14px/20px var(--font-sans);color:var(--text-2);white-space:pre-line}

.wa-ministeps{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:4px 0 0;padding:0;list-style:none;font:500 13px/18px var(--font-sans);color:var(--text-3)}
.wa-ministeps li{display:flex;align-items:center;gap:8px}
.wa-ministeps li+li::before{content:"";width:28px;height:1px;margin:0 10px;background:var(--border-strong)}
.wa-ministeps__dot{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--r-full);box-shadow:inset 0 0 0 1px var(--border-strong);font:600 11px/1 var(--font-sans);color:var(--text-3)}
.wa-ministeps .is-done{color:var(--text-2)}
.wa-ministeps .is-done .wa-ministeps__dot{background:var(--green-500);box-shadow:none;color:var(--on-accent)}
.wa-ministeps .is-current{color:var(--text-1)}
.wa-ministeps .is-current .wa-ministeps__dot{box-shadow:inset 0 0 0 2px var(--green-500);color:var(--green-700)}

/* ------------------------------------------------------------------ list */
.wa-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.wa-toolbar .uk-chips{gap:8px}
.wa .tool-grid.wa-groups{display:flex;flex-direction:column;gap:24px;grid-template-columns:none}
.wa-group{display:flex;flex-direction:column;gap:8px;min-width:0}
.wa-group[hidden]{display:none}
.wa .wa-group__title{display:flex;align-items:center;gap:8px;margin:0;font:600 13px/18px var(--font-sans);letter-spacing:0;color:var(--text-2)}
.wa-group__title .tabular{display:inline-grid;place-items:center;min-width:20px;height:18px;padding:0 6px;border-radius:var(--r-full);background:var(--gray-100);color:var(--text-2);font:600 11px/14px var(--font-sans)}
.wa-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}
.wa .wa-row.work-card,.wa .wa-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:64px;margin:0;padding:12px 16px;border:0;border-radius:0;background:var(--surface);color:inherit;text-decoration:none;transition:background-color var(--dur-2) var(--ease-out)}
.wa .wa-row+.wa-row{box-shadow:inset 0 1px 0 var(--border)}
.wa a.wa-row:hover{background:var(--gray-25)}
.wa a.wa-row:hover .wa-row__chev{color:var(--text-1);transform:translateX(2px)}
.wa a.wa-row:active{background:var(--hover)}
.wa a.wa-row:focus-visible{outline:2px solid var(--green-600);outline-offset:-2px}
.wa-row__icon{color:var(--text-2)}
.wa-row__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.wa-row__title{font:600 15px/22px var(--font-sans);letter-spacing:-.006em;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;max-width:100%}
.wa-row__meta{font:400 13px/18px var(--font-sans);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-row__chev{color:var(--gray-400);transition:transform var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}
.wa .wa-row.is-locked{background:var(--surface)}
.wa .wa-row.is-locked .wa-row__title{color:var(--text-2)}
.wa .wa-row.is-locked .wa-row__icon{color:var(--text-3)}
.wa .wa-row--queue{grid-template-columns:auto minmax(0,1fr) auto}
.wa .wa-row--skel{grid-template-columns:1fr}
.wa-row--skel .uk-skeleton{display:flex;align-items:center;gap:14px}
.wa-row--skel .uk-skeleton__body{flex:1;display:flex;flex-direction:column;gap:8px}
.wa-queue{display:flex;flex-direction:column;gap:8px}
.wa-filter-empty .uk-empty{padding:28px 16px}

.wa-mirror{display:none}
@media (max-width:767px){
 .wa-mirror:not([hidden]){display:block;position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:var(--z-sticky);padding:10px 16px;background:var(--frost-bg);-webkit-backdrop-filter:var(--frost-filter);backdrop-filter:var(--frost-filter);box-shadow:0 -1px 0 var(--frost-border);animation:uk-rise var(--dur-3) var(--ease-out)}
 body.is-focus-mode .wa-mirror:not([hidden]),body.wa-auth-mode .wa-mirror:not([hidden]){bottom:env(safe-area-inset-bottom,0px)}
 .wa .wa-hero.next-work{padding:18px 16px 18px 19px}
 .wa .wa-row.work-card,.wa .wa-row{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:12px}
 .wa .wa-row .wa-row__chev{display:none}
 .wa .wa-row--queue{grid-template-columns:auto minmax(0,1fr) auto}
}
@media (max-width:420px){
 .wa .wa-row.work-card,.wa .wa-row{grid-template-columns:auto minmax(0,1fr);row-gap:6px}
 .wa .wa-row>.uk-pill{grid-column:2;justify-self:start}
 .wa .wa-row--queue>.uk-btn{grid-column:2;justify-self:start}
 .wa-ministeps li+li::before{width:14px;margin:0 6px}
}

/* ---------------------------------------------------------------- detail */
.wa-page--detail>#wa-top{display:flex;flex-direction:column;gap:12px}
.wa-dhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.wa-dhead__main{display:flex;flex-direction:column;gap:10px;min-width:0}
.wa-dhead__title{display:flex;align-items:center;gap:14px;min-width:0}
.wa-dhead__title h1{margin:0;overflow-wrap:anywhere}
.wa-dhead__icon{color:var(--text-2)}
.wa-dhead__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font:400 14px/20px var(--font-sans);color:var(--text-2)}
.wa-dhead__meta>.uk-pill{margin-right:4px}
.wa-dhead__meta #wa-status:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}
.wa-prov{display:inline-flex;align-items:center;gap:6px;color:var(--text-2)}
.wa-prov .uk-icon{color:var(--text-3)}
@media (max-width:767px){
 .wa-dhead__meta{row-gap:4px}
 .wa-dhead__meta .wa-prov{flex-basis:100%}
 .wa-dhead__meta .wa-dot+.wa-prov::before{content:none}
 .wa-dhead__edited{display:none}
}
.wa-dhead__actions{flex:none;display:flex;gap:8px}
.wa-life-card{padding:14px 20px 12px}
.wa-life-card .uk-life__step{padding-top:24px}
.wa-life-card.is-complete .uk-life__step.is-current .uk-life__node{background:var(--green-500);box-shadow:none}
.wa-life-card.is-complete .uk-life__step.is-current .uk-life__node::after{width:9px;height:5px;margin-top:-2px;border-radius:0;background:none;border-left:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);transform:rotate(-45deg)}

.wa-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.wa-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.wa-main>.uk-tabs{margin-bottom:0}
.wa-main>.uk-tabpanel{display:flex;flex-direction:column;gap:16px;min-width:0}
.wa-main>.uk-tabpanel[hidden]{display:none}
.wa-main>.uk-tabpanel:focus-visible{outline:none}
.wa-rail{display:flex;flex-direction:column;gap:12px;min-width:0}
@container wa-detail (min-width:980px){
 .wa-detail-grid{grid-template-columns:minmax(0,1fr) var(--wa-rail)}
 .wa-detail-grid--single{grid-template-columns:minmax(0,760px)}
 .wa-rail.is-sticky{position:sticky;top:calc(var(--sticky-top,0px) + 16px)}
 .wa-page--detail .wa-mirror{display:none!important}
}
@media (min-width:768px) and (max-width:1199px){
 .wa-page--detail .wa-mirror:not([hidden]){display:block;position:sticky;bottom:12px;z-index:var(--z-sticky);padding:8px;border-radius:var(--r-lg);background:var(--frost-bg);-webkit-backdrop-filter:var(--frost-filter);backdrop-filter:var(--frost-filter);box-shadow:var(--shadow-pop)}
}

/* paper */
.wa-paper{display:flex;flex-direction:column;gap:12px}
.wa-paper__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-12px -12px 4px 0;min-height:32px}
.wa-paper__label{font:var(--t-small);color:var(--text-3)}
.wa .wa-paper__title{margin:0;font:var(--t-reader-title);letter-spacing:-.022em;font-variation-settings:"opsz" 32;text-wrap:balance;overflow-wrap:anywhere}
.wa-paper__summary{font:var(--t-reading);letter-spacing:-.006em;color:var(--text-2);text-wrap:pretty;padding-bottom:16px;border-bottom:1px solid var(--border)}
.wa .prepared-markdown{max-width:680px;font:var(--t-reading);letter-spacing:-.004em;color:var(--text-1);overflow-wrap:anywhere}
.wa .prepared-markdown>*+*{margin-top:14px}
.wa .prepared-markdown h2{margin:28px 0 0;font:var(--t-h2);letter-spacing:-.015em;font-variation-settings:"opsz" 32}
.wa .prepared-markdown h3{margin:24px 0 0;font:var(--t-h3);letter-spacing:-.01em;font-variation-settings:"opsz" 24}
.wa .prepared-markdown h4{margin:20px 0 0;font:600 16px/24px var(--font-sans)}
.wa .prepared-markdown>:first-child{margin-top:0}
.wa .prepared-markdown p{margin:0}
.wa .prepared-markdown ul,.wa .prepared-markdown ol{margin:0;padding-left:22px}
.wa .prepared-markdown li{margin:6px 0;padding-left:2px}
.wa .prepared-markdown li::marker{color:var(--text-3)}
.wa .prepared-markdown li>ul,.wa .prepared-markdown li>ol{margin-top:6px}
.wa .prepared-markdown .draft-task{list-style:none;display:flex;align-items:flex-start;gap:10px;margin-left:-22px}
.draft-task__box{flex:none;width:18px;height:18px;margin-top:4px;border-radius:var(--r-xs);box-shadow:inset 0 0 0 1.5px var(--border-strong);background:var(--surface)}
.draft-task__box[aria-checked=true]{background:var(--green-500);box-shadow:none;position:relative}
.draft-task__box[aria-checked=true]::after{content:"";position:absolute;left:5px;top:3px;width:6px;height:9px;border-right:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);transform:rotate(45deg)}
.wa .prepared-markdown blockquote{margin:0;padding:2px 0 2px 16px;border-left:3px solid var(--border-strong);color:var(--text-2)}
.wa .prepared-markdown code{padding:1px 5px;border-radius:var(--r-2xs);background:var(--gray-100);font:450 14px/20px var(--font-mono)}
.wa .prepared-markdown pre{margin:0;padding:14px 16px;border-radius:var(--r-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border);overflow-x:auto;white-space:pre-wrap}
.wa .prepared-markdown pre code{padding:0;background:none}
.wa .prepared-markdown a{color:var(--link);text-decoration:underline;text-decoration-color:var(--green-200);text-underline-offset:3px}
.wa .prepared-markdown a:hover{text-decoration-color:currentColor}
.wa .prepared-markdown hr{height:1px;margin:24px 0;border:0;background:var(--border)}
.wa .prepared-markdown .draft-table{box-shadow:none}
.wa .prepared-markdown .uk-table{font-size:14px}
.wa .prepared-markdown .uk-table td{white-space:normal}

.wa-callout{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r-lg);background:var(--lc-changes-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lc-changes-text) 16%,var(--lc-changes-bg))}
.wa-callout__text{display:flex;flex-direction:column;gap:4px;min-width:0}
.wa-callout__who{font:400 14px/20px var(--font-sans);color:var(--text-2)}
.wa-callout__who strong{color:var(--text-1);font-weight:600}
.wa-callout__who time{color:var(--text-3);margin-left:4px}
.wa-callout__note{font:400 15px/23px var(--font-sans);color:var(--text-1);white-space:pre-line}
.wa-versions{min-width:0}

.wa-side-card{display:flex;flex-direction:column;gap:12px}
.wa .wa-card-title{display:flex;align-items:center;gap:8px;margin:0;font:600 15px/22px var(--font-sans);letter-spacing:-.006em;color:var(--text-1)}
.wa-card-title .tabular{display:inline-grid;place-items:center;min-width:20px;height:18px;padding:0 6px;border-radius:var(--r-full);background:var(--gray-100);color:var(--text-3);font:600 11px/14px var(--font-sans)}
.wa-questions{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.wa-questions li{display:flex;gap:10px;font:400 15px/22px var(--font-sans);color:var(--text-1)}
.wa-questions li .uk-icon{margin-top:3px;color:var(--warning-solid)}
.wa-questions li.is-done{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--gray-400)}
.wa-questions li.is-done .uk-icon{color:var(--green-500)}
.wa-source-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.wa-src{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--r-full);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);font:500 13px/18px var(--font-sans);color:var(--text-2);text-decoration:none;max-width:100%}
.wa-src>span:not(.uk-dot):not(.uk-sr-only){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa a.wa-src:hover{box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text-1)}
.wa-src .uk-icon{color:var(--text-3)}
.wa-src .uk-dot{width:6px;height:6px}

.wa-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.wa-card-head>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.wa-card-head h2,.wa-card-head h3{margin:0}
.wa-form{display:flex;flex-direction:column;gap:16px;min-width:0}
.wa-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wa-form-grid>.uk-seg{grid-column:1/-1}
@container wa-detail (max-width:560px){.wa-form-grid{grid-template-columns:minmax(0,1fr)}}
.wa-form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}
.wa-field-group{display:flex;flex-direction:column;gap:8px}
.wa-confirm .wa-form-actions{margin-top:20px}

/* prepare */
.wa-steps{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.wa-step{position:relative;display:flex;flex-direction:column;gap:12px;padding:0 0 24px 38px}
.wa-step:not(:last-child)::before{content:"";position:absolute;left:11.5px;top:30px;bottom:6px;width:1px;background:var(--border)}
.wa-step__title{display:flex;align-items:center;gap:12px;margin-left:-38px;font:600 15px/24px var(--font-sans);letter-spacing:-.006em;color:var(--text-1)}
.wa-step__num{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:var(--r-full);background:var(--gray-100);color:var(--text-2);font:600 12px/1 var(--font-sans)}
.wa-step__body{display:flex;flex-direction:column;gap:12px;min-width:0}
.wa-inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wa-prepare__foot{display:flex;justify-content:flex-start;padding-top:12px;border-top:1px solid var(--border)}
.wa-running{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border)}
.wa-running__head{display:flex;align-items:center;gap:10px;font:500 14px/20px var(--font-sans)}
.wa-running__head .tabular{margin-left:auto}
.wa-spin{color:var(--green-500);animation:uk-spin 800ms linear infinite}
.wa-running__stages{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;font:400 14px/20px var(--font-sans);color:var(--text-3)}
.wa-running__stages li{display:flex;align-items:center;gap:8px}
.wa-running__stages .is-done{color:var(--text-2)}
.wa-running__stages .is-done .uk-icon{color:var(--green-500)}
.wa-running__stages .is-current{color:var(--text-1);font-weight:500}
.wa-inline-error{display:flex;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--danger-bg);box-shadow:inset 0 0 0 1px var(--danger-border);font:400 14px/20px var(--font-sans);color:var(--text-1)}
.wa-inline-error>.uk-icon{margin-top:2px;color:var(--danger-solid)}
.wa-inline-error>div{display:flex;flex-direction:column;gap:8px}
.wa-paste{gap:12px}
.wa-paste textarea{max-height:340px}
.wa-parse:empty{display:none}
.wa-parse__card{display:flex;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--success-bg);box-shadow:inset 0 0 0 1px var(--success-border)}
.wa-parse__card>.uk-icon{margin-top:2px;color:var(--success-solid)}
.wa-parse__card.is-warn{background:var(--warning-bg);box-shadow:inset 0 0 0 1px var(--warning-border)}
.wa-parse__card.is-warn>.uk-icon{color:var(--warning-solid)}
.wa-parse__card p{font:400 14px/20px var(--font-sans);color:var(--text-1)}
.wa-parse__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.wa-parse__title{font-weight:600!important;overflow-wrap:anywhere}
.wa-parse__meta{color:var(--text-3)!important;font-size:13px!important}

/* editor */
.wa-editor{display:flex;flex-direction:column;gap:18px}
.wa-editor__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.wa-editor__head>div{display:flex;flex-direction:column;gap:4px}
.wa-editor__head h2{margin:0}
.wa-md{display:flex;flex-direction:column;gap:8px}
.wa-md__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.wa-md__tools{display:flex;flex-wrap:wrap;gap:2px;padding:2px;border-radius:var(--r-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border)}
.wa-md__tools.is-disabled{opacity:.45;pointer-events:none}
.wa-md__tool{appearance:none;display:grid;place-items:center;min-width:32px;height:28px;padding:0 6px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-2);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out)}
.wa-md__tool:hover{background:var(--gray-0);color:var(--text-1);box-shadow:var(--shadow-xs)}
.wa-md__glyph{font:600 12px/1 var(--font-sans);letter-spacing:0}
.wa-md__glyph--b{font:700 14px/1 var(--font-sans)}
.wa-md__field textarea{min-height:280px}
.wa-md__preview{min-height:280px;padding:16px 18px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.wa-qedit{display:flex;flex-direction:column;gap:8px}
.wa-qedit__list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.wa-qedit__list:empty{display:none}
.wa-qedit__row{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 4px 4px 12px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.wa-qedit__check{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:var(--r-full);box-shadow:inset 0 0 0 1.5px var(--border-strong);color:transparent;cursor:pointer}
.wa-qedit__check[aria-checked=true]{background:var(--green-500);box-shadow:none;color:var(--on-accent)}
.wa-qedit__input{flex:1;min-width:0;height:34px;border:0;background:transparent;font:var(--t-input);color:var(--text-1);outline:none}
.wa-qedit__row:focus-within{box-shadow:inset 0 0 0 1px var(--green-500),0 0 0 3px var(--focus-ring)}
.wa-qedit__row.is-done .wa-qedit__input{color:var(--text-3);text-decoration:line-through}
.wa-qedit__add{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 4px 4px 12px;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border);border:1px dashed transparent;background:var(--surface-sunken)}
.wa-qedit__new{flex:1;min-width:0;height:34px;border:0;background:transparent;font:var(--t-input);color:var(--text-1);outline:none}
.wa-qedit__add:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1px var(--green-500),0 0 0 3px var(--focus-ring)}
.wa-refs{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--r-lg);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border)}
.wa-refs__title{font:600 14px/20px var(--font-sans);color:var(--text-1)}
.wa-refs__group{display:flex;flex-direction:column;gap:8px}
.wa .wa-refs__label{font:500 13px/18px var(--font-sans);color:var(--text-2)}
.wa-refs .uk-chips{gap:8px;min-width:0}
.wa-refs .uk-chip{max-width:100%;min-width:0}
.wa-refs .uk-chip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-editor__foot{position:sticky;bottom:0;margin:0 calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad));padding:12px var(--card-pad);border-top:1px solid var(--border);border-radius:0 0 var(--r-lg) var(--r-lg);background:var(--frost-bg);-webkit-backdrop-filter:var(--frost-filter);backdrop-filter:var(--frost-filter)}
@media (max-width:767px){.wa-editor__foot{bottom:calc(56px + env(safe-area-inset-bottom,0px))}}

/* changes */
.wa-changes{display:flex;flex-direction:column;gap:16px}
.wa-compare{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.wa-compare__pick{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}
.wa-compare__label{font:var(--t-small);color:var(--text-3)}
.wa-compare__arrow{color:var(--text-3)}
.wa-compare__mode{margin-left:auto;display:none}
@container wa-detail (min-width:1080px){.wa-compare__mode{display:block}}
.wa-diff-summary{display:flex;flex-wrap:wrap;gap:6px}
.wa-chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--r-full);background:var(--gray-100);color:var(--text-2);font:500 12px/16px var(--font-sans);white-space:nowrap}
.wa-chip--success{background:var(--success-bg);color:var(--success-text)}
.wa-chip--button{appearance:none;border:0;cursor:pointer;height:24px}
.wa-chip--button:hover{background:var(--gray-150);color:var(--text-1)}
.wa-diff-section{display:flex;flex-direction:column;gap:8px}
.wa .wa-diff-section__title{display:flex;align-items:center;gap:10px;margin:0;font:600 13px/18px var(--font-sans);color:var(--text-2)}
.wa-diff-split-head{display:grid;grid-template-columns:1fr 1fr;gap:1px;font:var(--t-caption);color:var(--text-3)}
.wa-diff-split-head span{padding:0 12px}
.diff{overflow:hidden;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border);background:var(--surface);font:400 14px/22px var(--font-sans)}
.diff-line{display:grid;grid-template-columns:28px minmax(0,1fr);border-left:3px solid transparent}
.diff-line__sign{padding:2px 0;text-align:center;color:var(--text-3);font:500 13px/22px var(--font-mono);user-select:none}
.diff-line__text{padding:2px 12px 2px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2)}
.diff-line--insert{background:var(--green-50);border-left-color:var(--green-500)}
.diff-line--insert .diff-line__text,.diff-line--insert .diff-line__sign{color:var(--text-1)}
.diff-line--delete{background:var(--danger-bg);border-left-color:var(--danger-border)}
.diff-line--delete .diff-line__text{color:var(--danger-text);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--danger-text) 45%,transparent)}
.diff-line--pair.diff-line--delete .diff-line__text{color:var(--text-2);text-decoration:none}
.diff-line--pair.diff-line--delete del{color:var(--danger-text);text-decoration-color:color-mix(in srgb,var(--danger-text) 60%,transparent)}
.diff ins{text-decoration:none;background:var(--green-100);border-radius:3px;color:var(--green-900)}
.diff del{text-decoration:line-through;background:var(--danger-border);border-radius:3px}
.diff-gap{padding:4px 12px 4px 31px;background:var(--surface-sunken);font:var(--t-caption);color:var(--text-3);box-shadow:inset 0 1px 0 var(--border),inset 0 -1px 0 var(--border)}
.diff--split{display:grid;grid-template-columns:1fr 1fr}
.diff-cell{padding:2px 12px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2);border-left:1px solid var(--border)}
.diff-cell:nth-child(odd){border-left:0}
.diff-cell--insert{background:var(--green-50);color:var(--text-1)}
.diff-cell--delete{background:var(--danger-bg);color:var(--danger-text)}
.diff-cell--empty{background:repeating-linear-gradient(135deg,var(--surface-sunken) 0 6px,var(--surface) 6px 12px)}

/* evidence */
.wa-tab-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wa-evidence{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.wa .wa-evidence__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px}
.wa-evidence__text{display:flex;flex-direction:column;gap:4px;min-width:0}
.wa-evidence__obs{font:400 15px/22px var(--font-sans);color:var(--text-1);white-space:pre-line}
.wa-evidence__ref{font:500 13px/18px var(--font-sans);color:var(--text-2);overflow-wrap:anywhere}
.wa-evidence__ref a{display:inline-flex;align-items:center;gap:2px;color:var(--link);text-decoration:none}
.wa-evidence__ref a:hover{text-decoration:underline}
.wa-evidence__meta{font:var(--t-caption);color:var(--text-3)}
.wa-evidence__tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
@media (max-width:767px){.wa .wa-evidence__item{grid-template-columns:auto minmax(0,1fr)}.wa-evidence__tags{grid-column:2;justify-content:flex-start}}

/* review panel */
.wa .wa-panel{display:flex;flex-direction:column;gap:14px;padding:18px}
.wa-panel--quiet{background:var(--surface);box-shadow:none}
.wa-panel--warning{box-shadow:inset 0 3px 0 var(--lc-stale-text),var(--shadow-card)}
.wa .wa-panel__eyebrow{font:500 12px/16px var(--font-sans);color:var(--text-3);margin-bottom:-10px}
.wa .wa-panel__title{margin:0;font:var(--t-title);letter-spacing:-.01em;color:var(--text-1);text-wrap:balance}
.wa-panel__actions{display:flex;flex-direction:column;gap:8px}
.wa-panel__actions--row{flex-direction:row;justify-content:flex-end}
.wa-panel__row{display:flex;align-items:center;gap:12px}
.wa-panel__row>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.wa-panel .uk-disclosure--plain summary{padding-left:0;padding-right:0}
.wa-panel .uk-empty{padding:12px 0}
.wa-test-card{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border)}
.wa-test-card>.uk-icon{margin-top:2px;color:var(--danger-solid)}
.wa-test-card.is-pass>.uk-icon{color:var(--green-500)}
.wa-test-card__title{font:500 14px/20px var(--font-sans);color:var(--text-1)}
.wa-waiting{display:flex;align-items:center;gap:12px;font:400 14px/20px var(--font-sans);color:var(--text-2)}
.wa-facts{display:flex;flex-direction:column;gap:12px;margin:0}
.wa-facts div{display:flex;flex-direction:column;gap:2px}
.wa-facts dt{font:var(--t-caption);color:var(--text-3)}
.wa-facts dd{margin:0;font:400 14px/20px var(--font-sans);color:var(--text-1);text-wrap:pretty}
.wa-expect{display:flex;flex-direction:column;gap:8px;margin:0;padding:0 0 4px 18px;font:400 13px/19px var(--font-sans);color:var(--text-2)}

.wa-checks{display:flex;flex-direction:column;gap:10px}
.wa-checks__head{display:flex;align-items:center;gap:8px}
.wa-checks__title{display:inline-flex;align-items:center;gap:4px;font:600 14px/20px var(--font-sans);color:var(--text-1);border-radius:var(--r-2xs)}
.wa-checks__title .uk-icon{color:var(--text-3)}
.wa-checks__score{margin-left:auto;font:600 13px/18px var(--font-sans);color:var(--text-2)}
.wa-checks__head .uk-pill{order:3}
.wa-checks__rows{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.wa-check{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 0;border-top:1px solid var(--border)}
.wa-check:first-child{border-top:0}
.wa-check__icon{margin-top:2px}
.wa-check.is-pass .wa-check__icon{color:var(--green-500)}
.wa-check.is-warn .wa-check__icon{color:var(--warning-solid)}
.wa-check__text{display:flex;flex-direction:column;gap:1px;min-width:0}
.wa .wa-check__label{font:500 14px/20px var(--font-sans);color:var(--text-1)}
.wa-check__detail{font:400 13px/18px var(--font-sans);color:var(--text-3);overflow-wrap:anywhere}
.wa-check__fix{white-space:nowrap;margin-top:1px}
.wa-checks__questions{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:var(--r-md);background:var(--warning-bg)}
.wa-checks__questions ul{margin:0;padding-left:18px;font:400 13px/19px var(--font-sans);color:var(--text-2)}
.wa-review-list{margin:0}
.wa-review-list .uk-check-row>button{padding:6px 8px;margin:0 -8px;width:calc(100% + 16px);font:400 13px/19px var(--font-sans);color:var(--text-2)}

.wa-conv{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.wa-conv__item{display:flex;gap:10px}
.wa-conv__bubble{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:4px var(--r-md) var(--r-md) var(--r-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border)}
.wa-conv__item.is-reviewer .wa-conv__bubble{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong)}
.wa-conv__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font:400 12px/16px var(--font-sans);color:var(--text-3)}
.wa-conv__head strong{font-weight:600;color:var(--text-1)}
.wa-conv__head time{margin-left:auto}
.wa-conv__head .wa-chip{height:18px;font-size:11px}
.wa-conv__text{font:400 14px/20px var(--font-sans);color:var(--text-1);white-space:pre-line;overflow-wrap:anywhere}

/* ------------------------------------------------------------------ auth */
.wa-auth{min-height:calc(100dvh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 0}
body.is-onboarding .wa-auth,body.wa-auth-mode .wa-auth{min-height:calc(100dvh - 80px)}
.wa .wa-auth__card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:var(--r-xl);box-shadow:var(--shadow-raised),var(--shadow-card)}
.wa-auth__tile{width:44px;height:44px;border-radius:12px;box-shadow:0 1px 2px rgba(24,24,27,.1)}
.wa-auth__eyebrow{font:var(--t-small);color:var(--text-3);margin-bottom:-12px!important}
.wa .wa-auth__title{margin:0;font:var(--t-h2);letter-spacing:-.015em;font-variation-settings:"opsz" 32;text-wrap:balance}
.wa-auth__lead{font:400 15px/22px var(--font-sans);color:var(--text-3);margin-top:-8px!important;text-wrap:pretty}
.wa-auth__rows{display:flex;flex-direction:column;gap:12px;margin:4px 0;padding:0;list-style:none}
.wa-auth__rows li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:500 14px/20px var(--font-sans);color:var(--text-1)}
/* The text takes the row; on a narrow phone the vendor marks drop to their own line instead of squeezing it to one word. */
.wa-auth__rows li>span:not(.uk-plate):not(.uk-stack){flex:1 1 170px;min-width:0}
.wa-auth__rows li .uk-stack{margin-left:auto}
.wa-auth__help{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-4px}
.wa-auth__muted{font:var(--t-caption);color:var(--text-3)}
.wa-auth__foot a{display:inline-flex;align-items:center;gap:6px;font:500 13px/18px var(--font-sans);color:var(--text-3);text-decoration:none}
.wa-auth__foot a:hover{color:var(--text-1)}
/* On a phone this link is the way off the signed-out screen, so it is a full touch target. */
@media (max-width:767px),(pointer:coarse){.wa-auth__foot a{min-height:44px;padding-inline:8px}}
.wa-pop-text{font:400 14px/20px var(--font-sans);color:var(--text-2)}
.wa-auth .wa-form{gap:14px}
.wa-auth .wa-form .uk-btn--primary{margin-top:6px}
.wa-reveal{cursor:pointer}
@keyframes wa-shake{0%,100%{transform:translateX(0)}17%,50%,83%{transform:translateX(-6px)}33%,67%{transform:translateX(6px)}}
.wa-auth__card.is-shaking{animation:wa-shake 300ms var(--ease-in-out)}
.wa-join-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:-6px;font:400 13px/18px var(--font-sans);color:var(--text-3)}
.wa-join-meta span{display:inline-flex;align-items:center;gap:4px}
.wa-pass-checks{display:flex;flex-direction:column;gap:6px;margin:-4px 0 0;padding:0;list-style:none;font:400 13px/18px var(--font-sans);color:var(--text-3)}
.wa-pass-checks li{display:flex;align-items:center;gap:8px;transition:color var(--dur-2) var(--ease-out)}
.wa-pass-checks .uk-icon{padding:1px;border-radius:var(--r-full);box-shadow:inset 0 0 0 1px var(--border-strong);color:transparent}
.wa-pass-checks .is-ok{color:var(--text-1)}
.wa-pass-checks .is-ok .uk-icon{background:var(--green-500);box-shadow:none;color:var(--on-accent)}
.wa-state-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-lg);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border);color:var(--text-2)}
.wa-state-icon--warning{background:var(--warning-bg);box-shadow:inset 0 0 0 1px var(--warning-border);color:var(--warning-text)}
.wa-state-icon--success{background:var(--success-bg);box-shadow:inset 0 0 0 1px var(--success-border);color:var(--success-solid)}
@media (max-width:767px){.wa .wa-auth__card{padding:24px 20px;border-radius:var(--r-lg)}.wa-auth{justify-content:flex-start;padding-top:24px}}
@media (prefers-reduced-motion:reduce){.wa-auth__card.is-shaking{animation:none}.wa-spin{animation:none}}

/* --------------------------------------------------------------- account */
.wa-account-main{display:flex;flex-direction:column;gap:16px;min-width:0}
#wa-section{display:flex;flex-direction:column;gap:16px;min-width:0}
.wa-profile__id{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.wa-avatar-lg{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:var(--r-full);background:var(--gray-150);color:var(--text-2);font:600 20px/1 var(--font-sans)}
.wa-profile__name{display:flex;flex-direction:column;gap:6px;min-width:0}
.wa-profile__name h2{margin:0;overflow-wrap:anywhere}
.wa-facts--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.wa-section-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.wa .wa-link-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;color:inherit;text-decoration:none}
.wa-link-card>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}
.wa-link-card strong{font:600 15px/22px var(--font-sans)}
.wa-person{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.wa-person strong{font-weight:600}
/* A client's members list (a stacked list, not a table): names wrap and the role sits under them on a phone. */
#wa-members.wa-list .wa-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
#wa-members.wa-list .wa-person{white-space:normal;min-width:0;flex:1 1 220px}
#wa-members.wa-list .wa-person strong{overflow-wrap:anywhere}
.wa-row-actions{display:inline-flex;align-items:center;gap:4px}
.wa-inline-empty{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-sunken);font:400 14px/20px var(--font-sans);color:var(--text-2)}
.wa-inline-empty .uk-icon{color:var(--text-3)}
.wa-empty-line{display:flex;align-items:center;gap:8px}
.wa-note{display:flex;align-items:flex-start;gap:8px;margin-top:16px!important;font:400 13px/18px var(--font-sans);color:var(--text-3)}
.wa-note .uk-icon{margin-top:2px}
.wa-rename{display:flex;flex-direction:column;gap:12px;margin-top:-4px}
.wa-more-picker{margin-top:16px;max-width:360px}
.wa-host{display:flex;flex-direction:column;gap:12px;padding-top:16px}
.wa-host[hidden]{display:none}
.wa-host__steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font:400 14px/20px var(--font-sans);color:var(--text-2)}
.wa-code{position:relative;border-radius:var(--r-md);background:var(--gray-900);overflow:hidden}
.wa-code pre{margin:0;padding:14px 16px;overflow:auto;max-height:240px;color:var(--gray-150);font:450 13px/20px var(--font-mono)}
.wa-code .uk-btn{position:absolute;top:8px;right:8px}
.wa .uk-tabs .uk-mark,.wa .uk-tabs svg[aria-hidden]{flex:none}
.wa-sources{display:flex;flex-direction:column;margin:0 calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad));padding:0;list-style:none;border-top:1px solid var(--border)}
.wa .wa-source.work-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;margin:0;padding:16px var(--card-pad);border:0;border-radius:0;background:transparent}
.wa .wa-source+.wa-source{border-top:1px solid var(--border)}
.wa-source__text{display:flex;flex-direction:column;gap:3px;min-width:0}
.wa-source__label{font:600 15px/22px var(--font-sans);color:var(--text-1);overflow-wrap:anywhere}
.wa-source__ref{font:500 13px/18px var(--font-sans);color:var(--text-2);overflow-wrap:anywhere}
.wa-source__ref a{display:inline-flex;align-items:center;gap:2px;color:var(--link);text-decoration:none}
.wa-source__ref a:hover{text-decoration:underline}
.wa-source__preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:400 14px/20px var(--font-sans);color:var(--text-3)}
.wa-source__meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px!important;font:var(--t-caption);color:var(--text-3)}
.wa-source__actions{display:flex;align-items:center;gap:2px}
.wa-history{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-top:1px solid var(--border)}
.wa-history:first-child{border-top:0;padding-top:4px}
.wa-history__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;font:400 14px/20px var(--font-sans)}
.wa-history__text{margin:0;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-sunken);white-space:pre-wrap;overflow-wrap:anywhere;font:400 14px/20px var(--font-sans);color:var(--text-2)}
@media (max-width:767px){
 .wa-card-head{flex-direction:column;align-items:stretch}
 .wa-card-head>.uk-btn{align-self:flex-start}
 .wa .wa-source.work-card{grid-template-columns:auto minmax(0,1fr)}
 .wa-source__actions{grid-column:2}
 .wa-section-foot{flex-direction:column;align-items:flex-start}
}

/* sheets opened by these screens live in <body>, outside .wa */
.wa-sheet-actions{position:sticky;bottom:-24px;margin:8px -24px -24px;padding:12px 24px;border-top:1px solid var(--border);background:var(--surface)}
.wa-sheet-error:focus{outline:none}
#wa-invite-sheet .wa-form,#wa-token-sheet .wa-form,#wa-source-sheet .wa-form,#wa-evidence-sheet .wa-form,#wa-role-sheet .wa-form{display:flex;flex-direction:column;gap:16px}
#wa-invite-sheet .wa-refs__label,#wa-evidence-sheet .wa-refs__label{margin:0;font:500 13px/18px var(--font-sans);color:var(--text-1)}
#wa-invite-sheet .wa-field-group,#wa-evidence-sheet [data-evidence]{display:flex;flex-direction:column;gap:8px}
#wa-evidence-sheet [data-evidence][hidden]{display:none}
.wa-invite-done,.wa-token-done{display:flex;flex-direction:column;gap:14px;padding-top:8px}
.wa-invite-done h3,.wa-token-done h3{margin:0}
.wa-invite-done p,.wa-token-done p{margin:0}

/* -------------------------------------------------------- workspace menu */
.wa-wsm{position:relative;min-width:0}
.wa-wsm__row{appearance:none;display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin:0;padding:8px 10px;border:0;border-radius:var(--r-md);background:transparent;color:var(--text-1);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--dur-2) var(--ease-out)}
.wa-wsm__row:hover,.wa-wsm__row[aria-expanded=true]{background:var(--hover)}
.wa-wsm__tile{flex:none;width:28px;height:28px;border-radius:8px}
.wa-wsm__text{display:flex;flex-direction:column;min-width:0;flex:1}
.wa-wsm__app{font:600 14px/18px var(--font-sans);letter-spacing:-.003em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-wsm__biz{font:500 12px/16px var(--font-sans);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-wsm__chev{color:var(--text-3)}
.uk-popover.wa-wsm__panel{width:300px;max-width:calc(100vw - 16px);padding:6px;border-radius:var(--r-lg)}
.wa-wsm__head{display:flex;align-items:center;gap:10px;padding:8px 8px 10px}
.wa-wsm__who{display:flex;flex-direction:column;min-width:0}
.wa-wsm__user{font:600 14px/20px var(--font-sans);color:var(--text-1)}
.wa-wsm__role{font:400 12px/16px var(--font-sans);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-wsm__section{padding:4px 0;border-top:1px solid var(--border)}
.wa-wsm__label{margin:4px 8px;font:500 12px/16px var(--font-sans);color:var(--text-3)}
.wa-wsm__search{width:calc(100% - 8px);height:32px;margin:2px 4px 6px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--r-sm);font:400 14px/20px var(--font-sans);color:var(--text-1);background:var(--surface)}
.wa-wsm__list{display:flex;flex-direction:column;gap:1px;max-height:260px;overflow:auto;margin:0;padding:0;list-style:none}
.wa-wsm__list li[hidden]{display:none}
.wa-wsm__ws,.wa-wsm__link{appearance:none;display:flex;align-items:center;gap:10px;width:100%;min-height:40px;margin:0;padding:6px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-1);font:500 14px/20px var(--font-sans);text-align:left;text-decoration:none;cursor:pointer}
.wa-wsm__ws:hover,.wa-wsm__link:hover,.wa-wsm__ws:focus-visible,.wa-wsm__link:focus-visible{background:var(--hover);outline:none}
.wa-wsm__link .uk-icon{color:var(--text-3)}
.wa-wsm__link .uk-count{margin-left:auto}
.wa-wsm__ws-text{display:flex;flex-direction:column;min-width:0;flex:1}
.wa-wsm__ws-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-wsm__ws-meta{font:400 12px/16px var(--font-sans);color:var(--text-3)}
.wa-wsm__ws-check{color:var(--green-500)}
.wa-wsm__ws[aria-busy=true]{opacity:.6}
@media (pointer:coarse){.wa-wsm__ws,.wa-wsm__link{min-height:44px}}
.wa-next-steps{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:20px;font:400 14px/20px var(--font-sans);color:var(--text-2)}

/* ------------------------------------------------ locked prepared work */
/* #work while private accounts are closed: the prepared-work surface shown as a labelled, inert example. */
.wa .wa-locked__unlock{display:flex;align-items:center;gap:12px;padding:14px 16px;flex-wrap:wrap}
.wa-locked__unlock-text{flex:1 1 300px;min-width:0;font:400 14px/20px var(--font-sans);color:var(--text-2);text-wrap:pretty}
.wa-locked__unlock-text strong{color:var(--text-1);font-weight:600}
.wa-locked__block{display:flex;flex-direction:column;gap:12px;min-width:0}
.wa-locked__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wa .wa-locked__head h2{margin:0}
.wa-locked__detail{display:flex;flex-direction:column;gap:16px;min-width:0;container-type:inline-size;container-name:wa-detail}
.wa-locked__detail .wa-dhead__title h3{margin:0;overflow-wrap:anywhere}
.wa-locked__detail .wa-card-title,.wa-locked__detail .wa-paper__title,.wa-locked__detail .wa-panel__title{margin:0}
.wa-locked .wa-row{cursor:default}
/* The example review panel's action is a picture of the kit's disabled primary, never a button: the live action is. */
.wa-locked__btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:var(--h-md);padding:0 14px;border-radius:var(--r-md);background:var(--primary);color:var(--on-accent);font:500 14px/20px var(--font-sans);letter-spacing:-.003em;white-space:nowrap;opacity:.5}
@media (max-width:767px){.wa .wa-locked__unlock{padding:14px}.wa .wa-locked__unlock .uk-btn{width:100%}}