:root{--color-bg: #f7f7f8;--color-surface: #ffffff;--color-border: #d4d4d8;--color-text: #18181b;--color-text-muted: #52525b;--color-accent: #1d4ed8;--color-accent-contrast: #ffffff;--color-focus-ring: #1d4ed8;--color-success-bg: #dcfce7;--color-success-text: #14532d;--color-warning-bg: #fef3c7;--color-warning-text: #713f12;--color-danger-bg: #fee2e2;--color-danger-text: #7f1d1d;--color-neutral-bg: #e4e4e7;--color-neutral-text: #27272a;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--radius: .375rem}@media(prefers-color-scheme:dark){:root{--color-bg: #18181b;--color-surface: #27272a;--color-border: #3f3f46;--color-text: #f4f4f5;--color-text-muted: #a1a1aa;--color-accent: #60a5fa;--color-accent-contrast: #0b1220;--color-focus-ring: #93c5fd;--color-success-bg: #14532d;--color-success-text: #dcfce7;--color-warning-bg: #713f12;--color-warning-text: #fef3c7;--color-danger-bg: #7f1d1d;--color-danger-text: #fee2e2;--color-neutral-bg: #3f3f46;--color-neutral-text: #e4e4e7}}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}a{color:var(--color-accent)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.skip-link{position:absolute;left:-999px;top:0;z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-accent-contrast)}.skip-link:focus{left:var(--space-2);top:var(--space-2)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap}.app-nav{display:flex;gap:var(--space-2);flex-wrap:wrap}.app-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius);text-decoration:none;color:var(--color-text)}.app-nav a[aria-current=page]{background:var(--color-accent);color:var(--color-accent-contrast);font-weight:600}.app-main{flex:1;padding:var(--space-4);max-width:1400px;width:100%;margin:0 auto}.connection-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--color-text-muted)}.connection-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--color-text-muted)}.connection-dot[data-status=open]{background:#16a34a}.connection-dot[data-status=connecting],.connection-dot[data-status=reconnecting]{background:#ca8a04}.connection-dot[data-status=disconnected]{background:#dc2626}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem var(--space-2);border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge[data-tone=success]{background:var(--color-success-bg);color:var(--color-success-text)}.badge[data-tone=warning]{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge[data-tone=danger]{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge[data-tone=neutral]{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.state-panel{padding:var(--space-6);text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius)}.state-panel[data-kind=error]{color:var(--color-danger-text);border-color:var(--color-danger-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}table.data-table{width:100%;border-collapse:collapse}table.data-table th,table.data-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}table.data-table tbody tr:hover{background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.filters-bar{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:end;margin-bottom:var(--space-4)}.filters-bar label{display:flex;flex-direction:column;gap:var(--space-1);font-size:.875rem}button,select,input{font:inherit}button.button{padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}button.button[data-variant=primary]{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}button.button:disabled{opacity:.6;cursor:not-allowed}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.board-column{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;min-height:200px;max-height:80vh}.board-column-header{padding:var(--space-3);border-bottom:1px solid var(--color-border);font-weight:600;display:flex;justify-content:space-between}.board-column-body{overflow-y:auto;padding:var(--space-2);flex:1}.board-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-2)}.board-card[aria-grabbed=true]{outline:2px solid var(--color-accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50}.modal-panel{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-6);max-width:32rem;width:100%}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:640px){.app-main{padding:var(--space-2)}.board{grid-auto-columns:minmax(85vw,1fr)}}.section-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.section-nav a{padding:var(--space-1) var(--space-3);border-radius:var(--radius);text-decoration:none;color:var(--color-text)}.section-nav a[aria-current=page]{background:var(--color-accent);color:var(--color-accent-contrast)}.section-nav a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--space-4)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.card-header h3{margin:0}.detail-list{display:grid;gap:var(--space-1);margin:0 0 var(--space-3)}.detail-list>div{display:flex;gap:var(--space-2)}.detail-list dt{font-weight:600;min-width:10rem}.detail-list dd{margin:0;overflow-wrap:anywhere}.badge[data-status=healthy],.badge[data-status=completed],.badge[data-status=passed],.badge[data-status=succeeded],.badge[data-status=applied],.badge[data-status=active],.badge[data-status=ready]{background:var(--color-success-bg);color:var(--color-success-text)}.badge[data-status=degraded],.badge[data-status=pending],.badge[data-status=planned],.badge[data-status=requested],.badge[data-status=running],.badge[data-status=quarantined]{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge[data-status=blocked],.badge[data-status=down],.badge[data-status=failed],.badge[data-status=dead_letter]{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge[data-status=disabled],.badge[data-status=not_configured],.badge[data-status=expired],.badge[data-status=superseded]{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.mutation-outcome{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--color-border)}.mutation-outcome[data-kind=success]{border-color:var(--color-success-text);background:var(--color-success-bg)}.mutation-outcome[data-kind=error]{border-color:var(--color-danger-text);background:var(--color-danger-bg);color:var(--color-danger-text)}.mutation-outcome[data-kind=conflict]{border-color:var(--color-warning-text);background:var(--color-warning-bg);color:var(--color-warning-text)}.payload-view{max-height:20rem;overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);font-size:.8rem}.muted{color:var(--color-text-muted)}tr[data-revoked=true]{opacity:.65}