/* HARRVA Stage 10.65 runtime foundation bundle. No role/device shell ownership. */
/* source: css/00-tokens.css */
:root{ --color-canvas:#f5f6f2;--color-surface:#ffffff;--color-surface-soft:#ecefe8;--color-surface-strong:#e2e7de;--color-ink:#1b1f1a;--color-ink-soft:#5d655d;--color-ink-faint:#626a62;--color-line:#d7ddd3;--color-line-strong:#bcc5b9; --color-brand:#315d45;--color-brand-strong:#244735;--color-brand-soft:#e5efe8;--color-accent:#9b6a35;--color-accent-soft:#f2e9dd;--color-info:#315b7b;--color-info-soft:#e7eff5;--color-success:#2f6c49;--color-success-soft:#e5f2e9;--color-warning:#8a5a19;--color-warning-soft:#f8eddc;--color-danger:#8a2d2d;--color-danger-soft:#f9e5e5; --color-overlay:rgba(18,22,18,.52);--color-focus:#315d45;--color-header:rgba(245,246,242,.94); --font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Consolas,monospace; --text-display-mobile:2.75rem;--text-h1-mobile:2rem;--text-h2-mobile:1.625rem;--text-h3-mobile:1.25rem;--text-metric-mobile:1.875rem; --text-display-tablet:3.5rem;--text-h1-tablet:2.5rem;--text-h2-tablet:1.875rem;--text-h3-tablet:1.375rem;--text-metric-tablet:2.125rem; --text-display-desktop:4.25rem;--text-h1-desktop:2.875rem;--text-h2-desktop:2.125rem;--text-h3-desktop:1.5rem;--text-metric-desktop:2.375rem; --text-auth-title-desktop:3.25rem;--text-body-lg:1.125rem;--text-body:1rem;--text-body-sm:.875rem;--text-label:.8125rem;--text-caption:.75rem; --space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem; --gap-inline:var(--space-2);--gap-control:var(--space-3);--gap-component:var(--space-4);--gap-content:var(--space-6);--gap-section:var(--space-12); --page-pad-mobile:1rem;--page-pad-tablet:1.5rem;--page-pad-desktop:2rem;--workspace-top-mobile:1.25rem;--workspace-top-tablet:1.5rem;--workspace-top-desktop:1.5rem;--auth-top-mobile:1rem;--auth-top-tablet:1.5rem;--auth-top-desktop:2rem;--card-pad-mobile:1.125rem;--card-pad-wide:1.5rem; --radius-xs:.5rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.375rem;--radius-pill:999px; --shadow-1:0 .5rem 1.75rem rgba(24,31,24,.06);--shadow-2:0 1rem 3rem rgba(24,31,24,.12); --motion-fast:120ms;--motion-base:180ms;--ease-standard:cubic-bezier(.2,.8,.2,1); --layer-base:0;--layer-sticky:20;--layer-nav:30;--layer-drawer:70;--layer-dialog:80;--layer-toast:90; --touch-min:3rem;--rail-width:5.25rem;--sidebar-width:16.5rem;--header-height:4rem;--bottom-nav-height:4.5rem; --reading-width:46rem;--form-width:42rem;--auth-width:78rem;--auth-width-tablet:72rem;--auth-width-desktop:86rem;--auth-copy-width-tablet:24rem;--auth-copy-width-desktop:38rem;--auth-card-width-tablet:32rem;--auth-card-width-desktop:36rem;--page-header-title-width-desktop:64rem;--page-header-copy-width-desktop:72rem;--dashboard-width:90rem;--workspace-width:100rem; --data-grid-min:48rem;--entity-aside-width:20rem;--document-aside-width:20rem;--command-width:42rem;--workspace-panel-min:18rem;--calendar-cell-min:6rem;--kanban-column-width:18rem;--chat-list-width:20rem; } :root{ --public-surface-canvas:#f3f0e8; --public-surface-base:#fbfaf6; --public-surface-raised:#ffffff; --public-surface-soft:#eeeee8; --public-surface-botanical:#e4ebe2; --public-surface-harvest:#f0dfbd; --public-surface-earth:#eaded2; --public-surface-ink:#171a17; --public-text-primary:#171a17; --public-text-secondary:#62675f; --public-text-muted:#666b64; --public-text-on-dark:#fbfaf4; --public-text-on-dark-secondary:#d4d8d1; --public-text-on-dark-muted:#aeb6ad; --public-line-on-dark:#454b45; --public-line:#dcded6; --public-line-strong:#c6c9c0; --public-brand:#2f5d43; --public-brand-strong:#244936; --public-brand-warm:#a66f36; --public-brand-warm-strong:#815026; --public-scrim:rgba(18,22,18,.56); --public-glass:rgba(251,250,246,.92); --public-media-wash:rgba(47,93,67,.08); --public-media-warm:rgba(166,111,54,.10); --public-shadow-soft:0 .75rem 2.25rem rgba(23,26,23,.07); --public-shadow-raised:0 1.5rem 4rem rgba(23,26,23,.12); --public-display-weight:720; --public-title-weight:700; --public-body-measure:58ch; --public-wide-measure:72ch; --public-product-media-ratio:4/3; --public-story-media-ratio:5/4; } :root{ --public-eyebrow-light-bg:var(--public-surface-botanical); --public-eyebrow-light-fg:var(--public-brand-strong); --public-eyebrow-light-border:var(--public-line); --public-eyebrow-dark-bg:transparent; --public-eyebrow-dark-fg:var(--public-surface-harvest); --public-eyebrow-dark-border:var(--public-line-on-dark); --public-hero-title-mobile:2.35rem; --public-hero-title-tablet:3rem; --public-hero-title-desktop:3.75rem; --public-commerce-title-desktop:3.35rem; --public-hero-measure:18ch; --public-commerce-measure:20ch; } :root{ --consumer-canvas:var(--public-surface-canvas);--consumer-surface:var(--public-surface-base);--consumer-surface-raised:var(--public-surface-raised);--consumer-surface-soft:var(--public-surface-soft);--consumer-surface-botanical:var(--public-surface-botanical);--consumer-surface-harvest:var(--public-surface-harvest);--consumer-surface-earth:var(--public-surface-earth);--consumer-surface-dark:var(--public-surface-ink); --consumer-text:var(--public-text-primary);--consumer-text-secondary:var(--public-text-secondary);--consumer-text-muted:var(--public-text-muted);--consumer-text-on-dark:var(--public-text-on-dark);--consumer-text-on-dark-secondary:var(--public-text-on-dark-secondary); --consumer-accent:var(--public-brand);--consumer-accent-strong:var(--public-brand-strong);--consumer-accent-warm:var(--public-brand-warm);--consumer-line:var(--public-line);--consumer-line-strong:var(--public-line-strong);--consumer-shadow:var(--public-shadow-soft);--consumer-shadow-raised:var(--public-shadow-raised); --consumer-title-mobile:2.25rem;--consumer-title-tablet:2.75rem;--consumer-title-desktop:3.25rem;--consumer-reading:58ch;--consumer-content-width:92rem; } :root{ --staff-canvas:#f0f3f1;--staff-surface:#fbfcfa;--staff-surface-raised:#ffffff;--staff-surface-soft:#e8ede9;--staff-surface-accent:#dce8e1;--staff-surface-warm:#f2eadf;--staff-surface-dark:#17211c; --staff-text:#17211c;--staff-text-secondary:#58645d;--staff-text-muted:#626b65;--staff-text-on-dark:#f8fbf8;--staff-text-on-dark-secondary:#ccd7d0; --staff-accent:#27563f;--staff-accent-strong:#193f2e;--staff-accent-soft:#dce9e1;--staff-line:#d3dbd5;--staff-line-strong:#b8c4bc;--staff-shadow:0 .7rem 2rem rgba(23,33,28,.07);--staff-shadow-raised:0 1.2rem 3.2rem rgba(23,33,28,.11); --staff-title-mobile:2rem;--staff-title-tablet:2.45rem;--staff-title-desktop:2.8rem;--staff-content-width:96rem; } :root{ --member-canvas:#f4f1e9;--member-surface:#fbfaf5;--member-surface-raised:#ffffff;--member-surface-soft:#ecefe7;--member-surface-field:#e5eee3;--member-surface-harvest:#f2e2bd;--member-surface-earth:#eadfd1;--member-surface-dark:#1b241e; --member-text:#192019;--member-text-secondary:#596158;--member-text-muted:#626a62;--member-text-on-dark:#fbfaf4;--member-text-on-dark-secondary:#d5ddd5; --member-accent:#356548;--member-accent-strong:#244a35;--member-accent-warm:#a56c32;--member-line:#d8ddd3;--member-line-strong:#bdc6ba;--member-shadow:0 .7rem 2rem rgba(25,32,25,.07);--member-shadow-raised:0 1.25rem 3.5rem rgba(25,32,25,.11); --member-title-mobile:2.15rem;--member-title-tablet:2.65rem;--member-title-desktop:3.05rem;--member-content-width:94rem; } :root{ --manager-canvas:#eef1ef;--manager-surface:#f8faf8;--manager-surface-raised:#ffffff;--manager-surface-soft:#e5ebe7;--manager-surface-data:#dde7e1;--manager-surface-warm:#efe7dc;--manager-surface-dark:#19231e; --manager-text:#172019;--manager-text-secondary:#536159;--manager-text-muted:#5f6a63;--manager-text-on-dark:#f7faf7;--manager-text-on-dark-secondary:#ced8d1; --manager-accent:#2a5940;--manager-accent-strong:#183e2d;--manager-accent-warm:#936437;--manager-line:#d0d9d2;--manager-line-strong:#b4c1b8;--manager-shadow:0 .65rem 1.9rem rgba(23,32,25,.07);--manager-shadow-raised:0 1.2rem 3.4rem rgba(23,32,25,.11); --manager-title-mobile:2.1rem;--manager-title-tablet:2.55rem;--manager-title-desktop:3rem;--manager-content-width:98rem; }

/* source: css/10-core.css */
*{box-sizing:border-box}
html{min-height:100%;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);scrollbar-gutter:stable}
body{margin:0;min-height:100vh;background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body);line-height:1.6;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button,a{touch-action:manipulation}
a{color:var(--color-brand-strong);text-underline-offset:.2em;text-decoration-thickness:.08em}
h1,h2,h3,p{overflow-wrap:break-word}
h1,h2,h3{margin-block-start:0;color:var(--color-ink);letter-spacing:-.035em}
h1{font-size:var(--text-h1-mobile);line-height:1.08}h2{font-size:var(--text-h2-mobile);line-height:1.14}h3{font-size:var(--text-h3-mobile);line-height:1.2}p{margin-block:0 var(--space-4)}
@media (min-width:768px){h1{font-size:var(--text-h1-tablet)}h2{font-size:var(--text-h2-tablet)}h3{font-size:var(--text-h3-tablet)}}
@media (min-width:1200px){h1{font-size:var(--text-h1-desktop)}h2{font-size:var(--text-h2-desktop)}h3{font-size:var(--text-h3-desktop)}}
:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.1875rem}
.skip-link{position:fixed;inset-inline-start:var(--space-4);inset-block-start:var(--space-4);z-index:var(--layer-toast);transform:translateY(-200%);background:var(--color-ink);color:var(--color-surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.skip-link:focus{transform:translateY(0)}
[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--color-ink-soft)}.code{font-family:var(--font-mono);background:var(--color-ink);color:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-sm);overflow:auto}.table-wrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}.reading{max-width:var(--reading-width)}.form-width{max-width:var(--form-width)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}

/* source: css/20-components.css */
.icon{width:1.25rem;height:1.25rem;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0;color:var(--color-ink);text-decoration:none}.brand-mark{width:2.625rem;height:2.625rem;display:grid;place-items:center;flex:none;border-radius:var(--radius-md);background:var(--color-ink);color:var(--color-surface);font-weight:800}.brand-copy{min-width:0}.brand-copy strong,.brand-copy small{display:block;white-space:nowrap}.brand-copy strong{font-size:1rem;line-height:1.25}.brand-copy small{font-size:var(--text-caption);color:var(--color-ink-soft)}
.button,.link-button,.icon-button{min-height:2.5rem;border-radius:var(--radius-sm);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:750;cursor:pointer;text-decoration:none;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.button{padding:.5rem .9rem;background:var(--color-brand);border-color:var(--color-brand);color:var(--color-surface)}.button:hover{background:var(--color-brand-strong)}.button:active,.icon-button:active{transform:translateY(1px)}.button.secondary{background:var(--color-surface);border-color:var(--color-line);color:var(--color-ink)}.link-button{padding:.4rem .65rem;background:transparent;color:var(--color-brand-strong)}.link-button.danger{color:var(--color-danger)}.icon-button{width:2.5rem;padding:0;background:transparent;color:var(--color-ink);border-color:var(--color-line)}
.role-chip,.eyebrow,.badge,.status,.future-chip{display:inline-flex;align-items:center;min-height:1.875rem;padding:.25rem .625rem;border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:750}.role-chip{border:1px solid var(--color-line);color:var(--color-ink-soft);background:var(--color-surface)}.eyebrow{background:var(--color-brand-soft);color:var(--color-brand-strong)}.badge,.future-chip{background:var(--color-surface-soft);color:var(--color-ink-soft)}.status.ok,.status.success{background:var(--color-success-soft);color:var(--color-success)}.status.warn{background:var(--color-warning-soft);color:var(--color-warning)}.status.fail,.status.error{background:var(--color-danger-soft);color:var(--color-danger)}
.field{display:grid;gap:var(--space-2)}.field label{font-size:var(--text-label);font-weight:750}.field input,.field select,.field textarea,.inline-form select,.search-input{width:100%;min-height:2.75rem;padding:.625rem .75rem;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink)}.field textarea{min-height:7.5rem;resize:vertical}.field small{color:var(--color-ink-soft);font-size:var(--text-caption)}
.check-control{width:1.25rem;height:1.25rem;accent-color:var(--color-brand)}.check-line{display:flex;align-items:center;gap:var(--space-3);min-height:2.75rem;padding-block:var(--space-1)}.switch{display:flex;align-items:center;gap:var(--space-3);min-height:2.75rem;width:auto;height:auto;border:0;background:transparent;cursor:pointer}.switch input{appearance:none;position:relative;flex:none;width:3rem;height:1.75rem;margin:0;border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background:var(--color-surface-strong);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.switch input::after{content:"";position:absolute;width:1.25rem;height:1.25rem;inset:.1875rem auto auto .1875rem;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-1);transition:transform var(--motion-fast) var(--ease-standard)}.switch input:checked{background:var(--color-brand);border-color:var(--color-brand)}.switch input:checked::after{transform:translateX(1.25rem)}.switch input:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.1875rem}.switch span{min-width:0;font-size:var(--text-body-sm);font-weight:680}
.notice{padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-soft);margin-block-end:var(--space-4)}.notice.error{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.notice.success{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.skeleton{min-height:1rem;border-radius:var(--radius-xs);background:var(--color-surface-strong);animation:pulse 1.2s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.5}}progress{width:100%;height:.625rem;accent-color:var(--color-brand)}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:var(--color-surface-strong);font-weight:800}.tabs{display:flex;gap:var(--space-1);overflow:auto;border-bottom:1px solid var(--color-line)}.tab{min-height:2.75rem;padding:var(--space-2) var(--space-3);border:0;background:transparent;color:var(--color-ink-soft);font-weight:700}.tab[aria-selected="true"]{color:var(--color-ink);box-shadow:inset 0 -.125rem 0 var(--color-brand)}.pagination{display:flex;gap:var(--space-2);align-items:center}.pagination a{min-width:2.5rem;min-height:2.5rem;display:grid;place-items:center;border:1px solid var(--color-line);border-radius:var(--radius-sm);text-decoration:none}.snackbar-region{position:fixed;inset:auto var(--space-4) calc(var(--bottom-nav-height) + var(--space-4));z-index:var(--layer-toast);display:grid;gap:var(--space-2);pointer-events:none}.snackbar{max-width:26rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-surface);box-shadow:var(--shadow-2)}
.password-control{position:relative;min-width:0}.password-control input{padding-inline-end:3.5rem}.password-toggle{position:absolute;inset-block:50% auto;inset-inline:auto .35rem;transform:translateY(-50%);display:grid;place-items:center;width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;padding:0;border:1px solid transparent;border-radius:.65rem;background:transparent;color:var(--color-ink-soft);cursor:pointer}.password-toggle:hover{background:var(--color-surface-soft);color:var(--color-ink)}.password-toggle[aria-pressed="true"]:after{content:"";position:absolute;width:1.3rem;height:1px;background:currentColor;transform:rotate(-45deg)}.password-toggle .icon{width:1.05rem;height:1.05rem}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.field-label-row a{font-size:var(--text-label);font-weight:700}.auth-primary{width:100%}
.notice{position:relative;min-width:0;padding-inline-end:calc(2.5rem + var(--space-4));overflow-wrap:anywhere}.notice-close{position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem;width:2.5rem;height:2.5rem;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:currentColor;cursor:pointer;font-size:1.25rem;line-height:1}.notice-close:hover{background:var(--color-surface)}.snackbar{display:flex;align-items:flex-start;gap:var(--space-3);pointer-events:auto}.snackbar-message{min-width:0;flex:1;overflow-wrap:anywhere}.snackbar-close{width:2.5rem;height:2.5rem;flex:none;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer;font-size:1.25rem}.snackbar-close:hover{background:var(--color-ink-soft)}

/* source: css/21-advanced-components.css */
.data-grid{overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface)} .data-grid-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--gap-component);padding:var(--space-4);border-block-end:1px solid var(--color-line)} .data-grid-search{flex:1 1 16rem;max-width:26rem}.data-grid-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.data-grid-scroll{overflow:auto;overscroll-behavior-inline:contain} .data-grid table{width:100%;min-width:var(--data-grid-min);border-collapse:collapse}.data-grid th,.data-grid td{padding:var(--space-3) var(--space-4);text-align:start;vertical-align:middle;border-block-end:1px solid var(--color-line)} .data-grid th{position:relative;background:var(--color-surface-soft);color:var(--color-ink-soft);font-size:var(--text-label);font-weight:780;white-space:nowrap}.data-grid td{font-size:var(--text-body-sm)} .data-grid th[data-sort-key]{cursor:pointer;user-select:none}.data-grid th[data-sort-key]::after{content:"↕";margin-inline-start:var(--space-2);color:var(--color-ink-faint)}.data-grid th[aria-sort="ascending"]::after{content:"↑";color:var(--color-brand)}.data-grid th[aria-sort="descending"]::after{content:"↓";color:var(--color-brand)} .data-grid tbody tr:last-child td{border-block-end:0}.data-grid tbody tr:hover td{background:var(--color-surface-soft)}.data-grid tbody tr[aria-selected="true"] td{background:var(--color-brand-soft)} .data-grid-primary{color:var(--color-ink);font-weight:730}.data-grid-secondary{display:block;margin-block-start:var(--space-1);color:var(--color-ink-soft);font-size:var(--text-caption)} .data-grid-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-component);padding:var(--space-3) var(--space-4);border-block-start:1px solid var(--color-line);color:var(--color-ink-soft);font-size:var(--text-label)} .data-grid-bulk{display:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-brand-soft);color:var(--color-brand-strong)}.data-grid[data-has-selection="true"] .data-grid-bulk{display:flex}.data-grid-empty{padding:var(--space-10) var(--space-5);text-align:center;color:var(--color-ink-soft)} .form-section{display:grid;gap:var(--gap-content);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface)}.form-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-component)}.form-section-title{margin:0;font-size:var(--text-h3-mobile);font-weight:760}.form-section-copy{margin:var(--space-1) 0 0;color:var(--color-ink-soft);font-size:var(--text-body-sm)} .form-grid-advanced{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-component)}.form-grid-advanced.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.input-group{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch}.input-group>*{border-radius:0}.input-group>:first-child{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm)}.input-group>:last-child{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}.input-addon{display:grid;place-items:center;min-width:var(--touch-min);padding-inline:var(--space-3);border:1px solid var(--color-line);background:var(--color-surface-soft);color:var(--color-ink-soft);font-size:var(--text-body-sm);font-weight:700}.field-state{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption)}.field-state.success{color:var(--color-success)}.field-state.error{color:var(--color-danger)} .tags-control{min-height:var(--touch-min);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface)}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background:var(--color-brand-soft);color:var(--color-brand-strong);font-size:var(--text-label);font-weight:730}.tag-chip button{min-width:2rem;min-height:2rem;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.tags-control input{flex:1 1 8rem;min-width:5rem;border:0;outline:0;background:transparent} .stepper{display:grid;grid-template-columns:repeat(var(--step-count,4),minmax(0,1fr));gap:var(--space-2)}.stepper-item{position:relative;display:grid;gap:var(--space-2);min-width:0}.stepper-item::after{content:"";position:absolute;inset-block-start:.9375rem;inset-inline-start:calc(50% + 1.25rem);inset-inline-end:calc(-50% + 1.25rem);height:1px;background:var(--color-line)}.stepper-item:last-child::after{display:none}.stepper-number{position:relative;z-index:var(--layer-base);width:1.875rem;height:1.875rem;display:grid;place-items:center;border-radius:var(--radius-xs);background:var(--color-surface-soft);color:var(--color-ink-soft);font-size:var(--text-label);font-weight:800}.stepper-item[aria-current="step"] .stepper-number,.stepper-item[data-complete="true"] .stepper-number{background:var(--color-brand);color:var(--color-surface)}.stepper-label{overflow:hidden;color:var(--color-ink-soft);font-size:var(--text-caption);font-weight:720;text-overflow:ellipsis;white-space:nowrap}.stepper-item[aria-current="step"] .stepper-label{color:var(--color-brand-strong)} .dialog{width:min(calc(100% - (var(--space-6) * 2)),var(--form-width));max-height:calc(100dvh - (var(--space-6) * 2));padding:0;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-2)}.dialog::backdrop{background:var(--color-overlay)}.dialog-head,.dialog-body,.dialog-actions{padding:var(--space-5)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-component);border-block-end:1px solid var(--color-line)}.dialog-body{overflow:auto}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);border-block-start:1px solid var(--color-line)} .command-palette{width:min(calc(100% - (var(--space-6) * 2)),var(--command-width));padding:0;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-2)}.command-palette::backdrop{background:var(--color-overlay)}.command-search{padding:var(--space-4);border-block-end:1px solid var(--color-line)}.command-list{display:grid;gap:var(--space-1);max-height:60dvh;padding:var(--space-2);overflow:auto}.command-item{min-height:var(--touch-min);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink);text-decoration:none}.command-item:hover,.command-item[aria-selected="true"]{background:var(--color-brand-soft);color:var(--color-brand-strong)}.command-shortcut{color:var(--color-ink-faint);font-size:var(--text-caption)} .notification-center{display:grid;gap:var(--space-2)}.notification-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:start;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.notification-item[data-read="false"]{border-color:var(--color-brand);background:var(--color-brand-soft)}.notification-title{font-weight:740}.notification-copy{margin:var(--space-1) 0 0;color:var(--color-ink-soft);font-size:var(--text-body-sm)}.notification-meta{color:var(--color-ink-faint);font-size:var(--text-caption)} @media (max-width:767px){.data-grid-toolbar{align-items:stretch;flex-direction:column}.data-grid-search{max-width:none}.data-grid[data-mobile-cards="true"] .data-grid-scroll{overflow:visible}.data-grid[data-mobile-cards="true"] table{min-width:0}.data-grid[data-mobile-cards="true"] thead{display:none}.data-grid[data-mobile-cards="true"] table,.data-grid[data-mobile-cards="true"] tbody,.data-grid[data-mobile-cards="true"] tr,.data-grid[data-mobile-cards="true"] td{display:block;width:100%}.data-grid[data-mobile-cards="true"] tr{padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-line)}.data-grid[data-mobile-cards="true"] tr:last-child{border-block-end:0}.data-grid[data-mobile-cards="true"] td{display:grid;grid-template-columns:minmax(6rem,34%) 1fr;gap:var(--space-3);padding:var(--space-2) 0;border:0}.data-grid[data-mobile-cards="true"] td::before{content:attr(data-label);color:var(--color-ink-soft);font-size:var(--text-caption);font-weight:760}.form-grid-advanced,.form-grid-advanced.cols-3{grid-template-columns:1fr}.stepper{overflow-x:auto;grid-template-columns:repeat(var(--step-count,4),minmax(7.5rem,1fr))}.notification-item{grid-template-columns:auto minmax(0,1fr)}.notification-item>[data-notification-action]{grid-column:2}} @media (min-width:768px) and (max-width:1199px){.form-grid-advanced.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.data-grid table{min-width:42rem}} .access-workspace .settings-nav a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center} .settings-nav-icon,.role-panel-icon{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-ink-soft);flex:none} .settings-nav a.active .settings-nav-icon{background:var(--color-surface);color:var(--color-brand-strong)} .settings-nav-copy{min-width:0}.settings-nav-copy strong,.settings-nav-copy small{display:block}.settings-nav-copy small{margin-block-start:var(--space-1);font-size:var(--text-caption);font-weight:600;color:var(--color-ink-faint)} .role-panel-heading{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}.role-panel-heading .role-panel-icon{background:var(--color-brand-soft);color:var(--color-brand-strong)} .permission-copy{min-width:0}.chip-toggle{min-width:7.25rem;min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-soft);font-size:var(--text-label);font-weight:760;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)} .chip-toggle::before{content:"";width:.625rem;height:.625rem;border-radius:50%;background:var(--color-ink-faint);flex:none}.chip-toggle.on{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.chip-toggle.on::before{background:currentColor}.chip-toggle:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand-strong)}.chip-toggle:disabled{cursor:not-allowed;opacity:.72;background:var(--color-surface-soft)} @media (max-width:767px){.permission-row{align-items:center}.chip-toggle{min-width:6.75rem}.access-workspace .settings-nav{scroll-snap-type:x proximity}.access-workspace .settings-nav a{min-width:11rem;scroll-snap-align:start}} .check-stack{display:grid;gap:var(--space-2)}
/* source: css/90-state-contract.css */
[hidden]{display:none}