:root{--primary: #0F6B6B;--primary-hover: #0B5757;--primary-contrast: #ffffff;--primary-opaque: color-mix(in srgb, var(--primary) 12%, transparent);--accent: #D99A1E;--ok: #2F7D4F;--warn: #B54708;--danger: #B42318;--info: #3D5A80;--surface: #F3F5F4;--surface-1: #ffffff;--surface-2: #ffffff;--surface-3: #E9EDEB;--text: #1E2A3B;--text-muted: #5A6675;--border: #D6DDDA;--nav-bg: #1E2A3B;--nav-text: #B9C4D0;--nav-text-strong: #ffffff;--nav-hover: #283749;--nav-border: #2E3E52;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius: 6px;--radius-lg: 8px;--shadow-1: 0 1px 2px rgba(30, 42, 59, .06);--font: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Bricolage Grotesque", var(--font);color-scheme:light}:root[data-theme=dark]{--primary: #4FB3AE;--primary-hover: #6CC4BF;--primary-contrast: #0A2221;--accent: #E8B04A;--ok: #6CC08C;--warn: #E7954B;--danger: #F07A70;--info: #8FAED6;--surface: #141C26;--surface-1: #1A2430;--surface-2: #1A2430;--surface-3: #223041;--text: #E3E8ED;--text-muted: #97A4B3;--border: #2C3A4A;--nav-bg: #0F161F;--nav-text: #97A4B3;--nav-hover: #1A2430;--nav-border: #223041;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0}h1{font-size:2rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0}a{color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.wrap{display:grid;gap:var(--space-5);align-content:start;min-width:0}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.count{font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:.35em}.actions,.form-actions,.actions-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.muted,.sub{color:var(--text-muted)}.sub{font-size:.85rem}.ta-r{text-align:right}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.hint{color:var(--text-muted);padding:var(--space-4) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:36px;padding:0 .9rem;border-radius:var(--radius);border:1px solid var(--primary);background:var(--primary);color:var(--primary-contrast);font:inherit;font-weight:700;font-size:.9rem;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn.ghost:hover:not(:disabled){background:var(--surface-3);border-color:var(--border)}.btn.danger{background:transparent;border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.btn.danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff}.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn.ok:hover:not(:disabled){background:color-mix(in srgb,var(--ok) 85%,#000);border-color:transparent}.btn.sm{height:30px;padding:0 .65rem;font-size:.85rem}.table td .btn.sm{height:auto;padding:.2rem .35rem;border:0;background:transparent;color:var(--primary);font-weight:600}.table td .btn.sm:hover:not(:disabled){background:var(--primary-opaque)}.table td .btn.sm.ghost{color:var(--text-muted)}.table td .btn.sm.ghost:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.table td .btn.sm.danger{color:var(--danger)}.table td .btn.sm.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{font:inherit;font-size:.95rem;min-height:38px;padding:.45rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);color:var(--text);outline:none;transition:border-color .12s ease,box-shadow .12s ease}textarea{line-height:1.5;resize:vertical}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-muted) 80%,transparent)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-opaque)}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:16px;height:16px;margin:0}input[type=file]{font:inherit;font-size:.9rem;color:var(--text-muted)}input[type=file]::file-selector-button{font:inherit;font-weight:700;margin-right:.75rem;height:34px;padding:0 .8rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-1);color:var(--text);cursor:pointer}.field{display:grid;gap:6px;align-content:start}.field>label,.form-field>label{font-weight:700;font-size:.875rem}.field small,.form-field small{color:var(--danger);font-size:.82rem}.field small.muted{color:var(--text-muted)}.field.invalid input,.field.invalid textarea,.field.invalid select,.form-field.invalid input{border-color:var(--danger)}.field.chk{align-content:end}.field.chk label,.chk{display:inline-flex;align-items:center;gap:8px;font-weight:400;cursor:pointer}.chk{color:var(--text-muted)}.form{display:grid;gap:var(--space-5);max-width:880px}.form>.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4) var(--space-5);padding:var(--space-6);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.filters{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.filters input[type=search],.filters input[type=text]{flex:0 1 300px;min-width:200px}.table-wrap{overflow:auto;max-height:calc(100dvh - 230px);min-height:160px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.925rem}.table th,.table td{padding:.55rem .8rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.table th{position:sticky;top:0;z-index:1;background:var(--surface-3);color:var(--text-muted);font-size:.8rem;font-weight:700;white-space:nowrap}.table th.ta-r,.table td.ta-r{text-align:right}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:color-mix(in srgb,var(--surface-3) 55%,transparent)}.table td:first-child{min-width:12rem}.table td a{color:var(--text);font-weight:700;text-decoration:none}.table td a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.table td.ta-r{white-space:nowrap}.table td input:not([type=checkbox]){width:100%;min-width:8rem}.rowlink{cursor:pointer}.badge{--tone: var(--text-muted);display:inline-flex;align-items:center;gap:.4em;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1.4;white-space:nowrap;color:var(--tone);background:color-mix(in srgb,var(--tone) 13%,transparent)}.badge:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.badge--ok,.badge--open{--tone: var(--ok)}.badge--off,.badge--closed,.badge--rejected{--tone: var(--text-muted)}.badge--pend{--tone: color-mix(in srgb, var(--accent) 70%, var(--text));background:color-mix(in srgb,var(--accent) 22%,transparent)}.badge--rej{--tone: var(--danger)}.badge--inprogress,.badge--warn{--tone: var(--info)}.badge--reopened{--tone: var(--warn)}.reason{font-size:.78rem;color:var(--warn);margin-top:3px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card,.box{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}.box{display:grid;gap:var(--space-3)}.row{display:flex;gap:var(--space-3);padding:.45rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.row:last-child{border-bottom:0}.k{color:var(--text-muted);min-width:120px}.v{font-weight:600;min-width:0;overflow-wrap:anywhere}.comment{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border)}.avatar{width:36px;height:36px;flex:none;border-radius:999px;object-fit:cover;background:var(--surface-3)}.c-body{display:grid;gap:2px;min-width:0}.c-head{display:flex;gap:var(--space-2);align-items:baseline;font-size:.875rem;color:var(--text-muted)}.c-head strong{color:var(--text)}.c-head .dot{display:none}.msg{margin:0}.pager{display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end;font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.9rem}.pager .btn{width:36px;padding:0;font-size:1.1rem}.result-box{margin-top:var(--space-3);padding:.6rem .9rem;border-radius:var(--radius);font-size:.9rem;border-left:3px solid currentColor}.result-box.ok,p.ok{color:var(--ok)}.result-box.ok{background:color-mix(in srgb,var(--ok) 10%,transparent)}.result-box.err,p.err,p.error{color:var(--danger)}.result-box.err{background:color-mix(in srgb,var(--danger) 10%,transparent)}
