:root{--bg:#f6f5f1;--panel:#ffffff;--ink:#1b1b1b;--muted:#5d5d5d;--line:#d9d6cf;--accent:#0b5d4b;--accent-ink:#ffffff;--warn:#8a5a00;--fail:#9b1c1c;--ok:#1f6b3a;--gold:#a67c00;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,Segoe UI,Roboto,Noto Sans Arabic,Helvetica Neue,Arial,sans-serif}[dir=rtl] body{font-family:Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif}a{color:var(--accent)}h1,h2,h3{font-weight:600;line-height:1.25;margin:0 0 .5rem}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0 0 .75rem}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1.25rem;background:var(--panel);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:700;-webkit-margin-end:auto;margin-inline-end:auto;text-decoration:none;color:var(--ink)}.topbar nav a{-webkit-margin-start:1rem;margin-inline-start:1rem;text-decoration:none}.topbar .user{color:var(--muted);font-size:.9rem}main.page{padding:1.25rem;max-width:1280px;width:100%;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:1rem 1.25rem;margin-bottom:1rem}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}input,select,textarea{width:100%;padding:.5rem .6rem;border:1px solid var(--line);border-radius:4px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:5rem}.field{margin-bottom:.9rem}.btn,button{display:inline-block;padding:.5rem .9rem;border-radius:4px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;text-decoration:none}.btn.secondary,button.secondary{background:#fff;color:var(--accent)}button.danger{background:var(--fail);border-color:var(--fail)}.btn.disabled,button:disabled{opacity:.5;cursor:not-allowed}.alert{padding:.6rem .9rem;border-radius:4px;margin-bottom:.9rem;border:1px solid}.alert.error{border-color:var(--fail);color:var(--fail);background:#fff5f5}.alert.warn{border-color:var(--warn);color:var(--warn);background:#fffaf0}.alert.ok{border-color:var(--ok);color:var(--ok);background:#f3fbf5}.alert.info{border-color:var(--line);color:var(--muted);background:#fafaf8}table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{text-align:start;padding:.45rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}td.num,th.num{text-align:end;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--mono)}.pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.78rem;border:1px solid var(--line);background:#fafaf8;white-space:nowrap}.pill.ok{border-color:var(--ok);color:var(--ok)}.pill.fail{border-color:var(--fail);color:var(--fail)}.pill.warn{border-color:var(--warn);color:var(--warn)}.pill.gold{border-color:var(--gold);color:var(--gold)}.pill.accent{border-color:var(--accent);color:var(--accent)}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.small{font-size:.85rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.spacer{flex:1 1}.centered{max-width:420px;margin:8vh auto}.state-strip{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:1rem}.state-strip span{font-size:.75rem;padding:.15rem .5rem;border-radius:3px;border:1px solid var(--line);color:var(--muted)}.state-strip span.done{background:#e8f3ec;border-color:var(--ok);color:var(--ok)}.state-strip span.current{background:var(--accent);border-color:var(--accent);color:#fff}.synthetic-banner{background:#fff3cd;border:1px solid var(--gold);color:#5a4500;padding:.4rem .9rem;font-size:.85rem;border-radius:4px;margin-bottom:1rem}.kv{display:grid;grid-template-columns:max-content 1fr;grid-gap:.25rem 1rem;gap:.25rem 1rem;font-size:.92rem}.kv dt{color:var(--muted)}.kv dd{margin:0}code{font-family:var(--mono);font-size:.85em;background:#f0efe9;padding:.05rem .3rem;border-radius:3px}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.reason{font-size:.8rem;color:var(--muted)}.cell-link{font-family:var(--mono);font-size:.85em;color:var(--accent);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:pointer}.lineage-drawer{position:fixed;top:0;inset-inline-end:0;width:min(560px,100vw);height:100vh;overflow-y:auto;background:var(--panel);-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line);box-shadow:0 0 24px rgba(0,0,0,.15);padding:1rem 1.25rem;z-index:50}.hub-grid{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hub-grid a{display:block;padding:.6rem .8rem;border:1px solid var(--line);border-radius:4px;background:var(--panel);text-decoration:none;color:var(--ink)}.hub-grid a:hover{border-color:var(--accent)}.hub-grid a .small{display:block;color:var(--muted)}.pages-grid{display:grid;grid-gap:.4rem;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pages-grid a{display:block;padding:.4rem .6rem;border:1px solid var(--line);border-radius:4px;text-decoration:none;color:var(--ink);background:var(--panel);font-size:.85rem}.pages-grid a.complete{border-color:var(--ok)}.pages-grid a.locked{opacity:.6}.pages-grid a.parked{border-color:var(--warn)}.pages-grid a.in_progress,.pages-grid a.unlocked{border-color:var(--accent)}.element{border:1px solid var(--line);border-radius:4px;padding:.6rem .8rem;margin-bottom:.6rem;background:#fff}.element .kind{font-size:.72rem;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.chips span{display:inline-block;margin:0 4px 4px 0;padding:.05rem .4rem;background:#f0efe9;border-radius:3px;font-size:.8rem}.chips span,pre.wrap{font-family:var(--mono)}pre.wrap{white-space:pre-wrap;font-size:.82rem;background:#f7f6f2;padding:.6rem;border-radius:4px}.subnav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.9rem}.subnav a{padding:.2rem .6rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);background:var(--panel)}