:root{--color-primary:#0f172a;--color-on-primary:#fff;--color-secondary:#334155;--color-accent:#0369a1;--color-accent-hover:#075985;--color-background:#f8fafc;--color-surface:#fff;--color-foreground:#020617;--color-muted:#e8ecf1;--color-muted-text:#475569;--color-border:#cbd5e1;--color-destructive:#b91c1c;--color-destructive-bg:#fef2f2;--color-warning:#92400e;--color-warning-bg:#fffbeb;--color-success:#166534;--color-success-bg:#f0fdf4;--color-ring:#0369a1;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, "Liberation Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius:6px;--radius-large:10px;--shadow:0 1px 2px #0f172a14, 0 4px 12px #0f172a0d;--duration:.15s;--target:2.75rem}*,:before,:after{box-sizing:border-box}html{font-size:100%}body{font-family:var(--font-sans);color:var(--color-foreground);background:var(--color-background);margin:0;line-height:1.5}h1,h2,h3{margin:0 0 var(--space-3);color:var(--color-primary);line-height:1.25}h1{letter-spacing:-.01em;font-size:1.625rem}h2{font-size:1.125rem}h3{font-size:1rem}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:.15em}a:hover{color:var(--color-accent-hover)}code,pre{font-family:var(--font-mono);font-size:.875em}:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--color-muted-text)}.wrap{overflow-wrap:anywhere}.skip-link{left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-radius:var(--radius);z-index:10;position:absolute;top:-4rem}.skip-link:focus{top:var(--space-2)}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-on-primary);display:flex}.brand{letter-spacing:.01em;margin:0;font-size:1.125rem;font-weight:700}.topbar-session{align-items:center;gap:var(--space-3);display:flex}.topbar .button-quiet{color:var(--color-on-primary);border-color:#ffffff73}.topbar .button-quiet:hover{background:#ffffff1f}.topbar :focus-visible{outline-color:#fff}.shell-body{grid-template-columns:minmax(0,1fr);display:grid}.nav{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.nav ul{gap:var(--space-1);padding:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;list-style:none;display:flex}.nav a{min-height:var(--target);padding:0 var(--space-3);border-radius:var(--radius);color:var(--color-secondary);transition:background-color var(--duration) ease;align-items:center;font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--color-muted)}.nav a[aria-current=page]{background:var(--color-primary);color:var(--color-on-primary)}.content{padding:var(--space-6);width:100%;max-width:82rem}.content:focus{outline:none}@media (min-width:64rem){.shell-body{grid-template-columns:15rem minmax(0,1fr);min-height:calc(100vh - 3.5rem)}.nav{border-bottom:0;border-right:1px solid var(--color-border)}.nav ul{padding:var(--space-4) var(--space-3);flex-direction:column}}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-actions,.toolbar,.row-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.toolbar{margin-bottom:var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow);padding:var(--space-6);margin-bottom:var(--space-6)}.card .card{box-shadow:none;background:var(--color-background);margin:var(--space-4) 0 0}.card-attention{border-left:4px solid var(--color-warning)}.sign-in{max-width:40rem;margin:var(--space-8) auto}.tiles{gap:var(--space-4);margin:var(--space-4) 0 0;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));padding:0;list-style:none;display:grid}.tile{background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--color-accent);border-radius:var(--radius-large);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow)}.tile-value{color:var(--color-primary);font-size:1.5rem;font-weight:700}.tile-value.badge{font-size:.9375rem}.button{min-height:var(--target);padding:0 var(--space-4);border:1px solid var(--color-secondary);border-radius:var(--radius);background:var(--color-surface);color:var(--color-primary);font:inherit;cursor:pointer;transition:background-color var(--duration) ease, border-color var(--duration) ease;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--color-muted)}.button:disabled{cursor:not-allowed;color:var(--color-muted-text);border-color:var(--color-border);background:var(--color-muted)}.button-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-primary)}.button-primary:hover:not(:disabled){background:var(--color-accent-hover);color:var(--color-on-primary)}.button-danger{background:var(--color-destructive);border-color:var(--color-destructive);color:var(--color-on-primary)}.button-danger:hover:not(:disabled){background:#991b1b}.button-quiet{border-color:var(--color-border);font-weight:500}fieldset{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin:0 0 var(--space-4);min-width:0}legend{padding:0 var(--space-2);color:var(--color-primary);font-weight:600}.form-grid{gap:0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.inline-form{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.inline-form .field{flex:16rem;margin-bottom:0}.inline-form .button{margin-bottom:0}.field{margin-bottom:var(--space-4)}.field label{margin-bottom:var(--space-1);font-weight:600;display:block}.field-checkbox{align-items:center;gap:var(--space-1) var(--space-2);min-height:var(--target);grid-template-columns:auto 1fr;display:grid}.field-checkbox label{cursor:pointer;margin:0}.field-checkbox input{width:1.25rem;height:1.25rem;accent-color:var(--color-accent);cursor:pointer}.field-checkbox .field-hint{grid-column:2}.input{width:100%;min-height:var(--target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-secondary);border-radius:var(--radius);background:var(--color-surface);color:var(--color-foreground);font:inherit}textarea.input{resize:vertical}.input[aria-invalid=true]{border-color:var(--color-destructive);border-width:2px}.required{color:var(--color-destructive)}.field-hint{margin:var(--space-1) 0 0;color:var(--color-muted-text);font-size:.875rem}.field-error{margin:var(--space-1) 0 0;color:var(--color-destructive);font-size:.875rem;font-weight:600}.field-notes{margin:var(--space-2) 0 0;padding:0;list-style:none}.field-note{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border-left:4px solid var(--color-warning);border-radius:var(--radius);background:var(--color-warning-bg);color:var(--color-warning);font-size:.875rem}.field-note-error{border-left-color:var(--color-destructive);background:var(--color-destructive-bg);color:var(--color-destructive)}.field-note-success{border-left-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.condition-row{gap:0 var(--space-3);background:var(--color-background);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));align-items:end;display:grid}.condition-row .button{margin-bottom:var(--space-4)}.state{align-items:flex-start;gap:var(--space-2);padding:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);margin-bottom:var(--space-6);flex-direction:column;display:flex}.state[role=status]{flex-direction:row;align-items:center}.state-title{margin:0;font-weight:600}.state-error{border:1px solid var(--color-destructive);background:var(--color-destructive-bg);border-left-width:4px}.error-list{padding-left:var(--space-6);margin:0}.spinner{border:3px solid var(--color-muted);border-top-color:var(--color-accent);border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-4);border-left:4px solid #0000;font-weight:600}.notice-idle{border:0;margin:0;padding:0}.notice-success{background:var(--color-success-bg);border-left-color:var(--color-success);color:var(--color-success)}.notice-error{background:var(--color-destructive-bg);border-left-color:var(--color-destructive);color:var(--color-destructive)}.badge{padding:var(--space-1) var(--space-3);background:var(--color-muted);color:var(--color-secondary);margin:0 var(--space-2) var(--space-2) 0;border-radius:999px;font-size:.8125rem;font-weight:600;display:inline-block}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.badge-danger{background:var(--color-destructive-bg);color:var(--color-destructive);border:1px solid var(--color-destructive)}.load-more{margin:var(--space-4) 0 var(--space-6)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow);margin-bottom:var(--space-4);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-muted)}thead th{background:var(--color-muted);color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.8125rem}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--color-background)}.editor-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:80rem){.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.permission-note{margin:var(--space-2) 0}.plain-list{margin:0 0 var(--space-3);padding:0;list-style:none}.block-list,.version-list{margin:0;padding:0;list-style:none}.block-item,.version-list li{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-2);background:var(--color-surface);flex-wrap:wrap;display:flex}.block-item-selected{border-color:var(--color-accent);box-shadow:inset 4px 0 0 var(--color-accent)}.block-text{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.preview-frame{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;min-height:18rem;margin:var(--space-4) 0 var(--space-2);background:#fff;display:block}.text-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--space-3);background:var(--color-muted);border-radius:var(--radius);margin:var(--space-2) 0 0}.explanation{margin-top:var(--space-4);font-size:1.0625rem;font-weight:600}.outcomes{gap:var(--space-1) var(--space-4);grid-template-columns:max-content 1fr;display:grid}.outcomes dt{font-weight:600}.outcomes dd{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tenant-switcher{align-items:center;gap:var(--space-2);display:flex}.tenant-switcher .input{min-width:12rem}
