:root{--bg:#eef2f3;--ink:#15262d;--muted:#5b6c73;--line:#cbd6da;--accent:#1b6f8a;--panel:#fff;--err:#a3341f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 IBM Plex Sans,Segoe UI,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:.45rem .9rem;border-radius:4px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #7cc4da;outline-offset:1px}input{border:1px solid var(--line);border-radius:4px;padding:.45rem .6rem;width:100%;background:#fff;color:var(--ink)}.note{color:var(--muted)}.error{color:var(--err)}.login{min-height:100vh;display:grid;place-items:center;padding:1rem}.login form{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--accent);padding:2rem;width:min(380px,100%);display:grid;gap:1rem}.login h1,h1{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.01em}label{display:grid;gap:.25rem;font-size:.9rem;color:var(--muted)}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}nav{background:var(--ink);color:#dbe7eb;padding:1rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:0;height:100vh;overflow:auto}nav h2{margin:0;font-size:1.1rem}nav .menu button{width:100%;text-align:left;background:none;border:0;border-left:3px solid transparent;border-radius:0;color:#b6c8ce;padding:.35rem .6rem}nav .menu button:hover{color:#fff}nav .menu button.on{color:#fff;border-left-color:#5cc2e0;background:#223a44}.who{border-top:1px solid #35505b;padding-top:1rem;display:grid;gap:.6rem;font-size:.85rem}.who p{margin:0}.who label{color:#b6c8ce}.who button{background:none;border-color:#5b7a86}main{padding:1.5rem 2rem;min-width:0}.bar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.toggle{display:flex;align-items:center;gap:.4rem}.toggle input{width:auto}.explorer{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center}.verb{font-weight:600;color:var(--accent)}.scroll{overflow:auto;background:var(--panel);border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--line);white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}th{background:#e3ebee;font-weight:600;position:sticky;top:0}pre{background:var(--panel);border:1px solid var(--line);padding:1rem;overflow:auto;max-height:70vh}.pager{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:1rem}@media (max-width:720px){.shell{grid-template-columns:1fr}nav{position:static;height:auto}main{padding:1rem}}.menu{flex:1}.menu button{display:block}nav h3{margin:1rem 0 .25rem .6rem;font-size:.8rem;font-weight:600;color:#7fa0ab}select,textarea{font:inherit;border:1px solid var(--line);border-radius:4px;padding:.45rem .6rem;background:#fff;color:var(--ink)}textarea{width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem}.ghost{background:#fff;color:var(--accent)}.presets{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.form{background:var(--panel);border:1px solid var(--line);padding:1rem;display:grid;gap:1rem;margin-bottom:1rem}.row{display:flex;gap:.75rem;align-items:center}.row input{flex:1}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.facts div{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);padding:.75rem 1rem}.facts dt{color:var(--muted);font-size:.85rem}.facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.group h2{font-size:1rem;margin:1.5rem 0 .5rem}.tiles{display:flex;flex-wrap:wrap;gap:.5rem}.tile{background:#fff;color:var(--ink);border-color:var(--line)}.tile:hover{border-color:var(--accent);color:var(--accent)}.tools{margin-bottom:1rem}.tools input{max-width:320px}.sort{background:none;border:0;color:inherit;padding:0;font-weight:600}.picker{display:grid;gap:1rem;background:var(--panel);border:1px solid var(--line);padding:1rem;margin-bottom:1rem}.picker select{min-width:260px;max-width:600px}.picker .facts{margin:0}.ok{color:#1d6b3a}.split{display:grid;grid-template-columns:minmax(0,1fr) 660px;gap:1rem;align-items:start}.pick{cursor:pointer}.pick:hover td{background:#e9f2f5}.pick.on td{background:#d6e9f0}.pick:focus-visible{outline:3px solid #7cc4da;outline-offset:-3px}.detail{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--accent);padding:1rem;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto;display:flex;flex-direction:column}.detail h2{margin:0;font-size:1.1rem}.detail .bar{margin-bottom:.5rem}.detail dl{margin:0 0 -1rem 1rem}.detail dl div{padding:.5rem 0;border-bottom:1px solid var(--line)}.detail .detail-content{padding-bottom:1rem}.detail dt{color:var(--muted);font-size:.8rem}.detail dd{margin:0;overflow-wrap:anywhere}.detail pre{margin:.25rem 0 0;padding:.5rem;max-height:200px;font-size:.8rem}@media (max-width:1000px){.split{grid-template-columns:1fr}.detail{position:static;max-height:none}}.split{align-items:stretch}.scroll{max-height:var(--grid-h)}.detail{position:static;max-height:var(--grid-h);border-top:1px solid var(--line)}@media (max-width:1000px){.detail{max-height:50vh}}dialog{border:1px solid var(--line);border-top:4px solid var(--accent);padding:0;width:min(640px,94vw);max-height:95vh;background:var(--panel);color:var(--ink)}dialog::backdrop{background:#15262d8c}dialog form{padding:1.25rem;display:grid;gap:1rem;max-height:92vh;overflow:auto}.fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem}.fields .wide{grid-column:1/-1}.fields .err{color:var(--err);font-size:.8rem}.fields input[aria-invalid=true]{border-color:var(--err)}.actions{display:flex;justify-content:flex-end;gap:.5rem}@media (max-width:560px){.fields{grid-template-columns:1fr}}.dlg-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.x{background:none;border:0;color:var(--muted);font-size:1.75rem;line-height:1;padding:0 .4rem;border-radius:4px}.x:hover{color:var(--ink);background:#e3ebee}.detail form{display:grid;gap:1rem;margin-top:.5rem}.detail .fields{gap:.6rem .75rem;margin:0rem 1rem}.fields input[readonly],.fields select[disabled]{background:#f1f5f6;color:var(--muted)}.detail>.bar{position:sticky;top:-1rem;z-index:2;margin:-1rem -1rem .75rem;padding:1rem 1rem .6rem;background:var(--panel);border-bottom:1px solid var(--line);align-items:center}.detail-content{overflow:auto;flex:1;min-height:0;margin:0rem -1rem}.detail-form .actions{position:sticky;background:var(--panel);padding:1rem 0 0;margin:1rem -1rem -1rem;padding:1rem;border-top:1px solid var(--line);z-index:2}:root{--head-h:2.75rem}th{height:var(--head-h);padding-top:0;padding-bottom:0;box-sizing:border-box}.detail>.bar{height:var(--head-h);box-sizing:border-box;padding:0 1rem;margin:-1rem -1rem .75rem;background:#e3ebee}.detail .bar h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.detail .bar .row{flex-shrink:0}.shell{transition:grid-template-columns .2s ease}.shell.collapsed{grid-template-columns:3rem 1fr}.nav-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.navtoggle{background:none;border:1px solid #5b7a86;color:#dbe7eb;padding:.1rem .5rem;font-size:1.1rem;line-height:1.4}.navtoggle:hover{background:#223a44}.shell.collapsed nav{padding:1rem .35rem;align-items:center}.shell.collapsed .nav-top{justify-content:center}.shell.collapsed nav h2,.shell.collapsed nav .menu,.shell.collapsed nav .who{display:none}@media (prefers-reduced-motion:reduce){.shell{transition:none}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.login-logo{display:block;height:2.4rem;width:auto;margin:0 auto .25rem}.brand{background:#fff;border-radius:6px;padding:.35rem .6rem;display:flex}.brand img{display:block;height:1.4rem;width:auto}.shell.collapsed .brand,.mark,.short,.rail-logout{display:none}.mark{width:2.1rem;height:2.1rem;border-radius:8px}.shell.collapsed{grid-template-columns:3.5rem 1fr}.shell.collapsed nav{padding:1rem .4rem}.shell.collapsed .nav-top{flex-direction:column;gap:.6rem}.shell.collapsed .mark{display:block}.shell.collapsed nav .menu{display:block;width:100%}.shell.collapsed .menu button{text-align:center;padding:.5rem 0;font-size:.8rem;font-weight:600;letter-spacing:.02em}.shell.collapsed .menu .full{display:none}.shell.collapsed .menu .short{display:inline}.shell.collapsed .rail-logout{display:grid;place-items:center;width:2.4rem;height:2.4rem;padding:0;background:none;border:1px solid #5b7a86;color:#dbe7eb}.shell.collapsed .rail-logout:hover{background:#223a44}
