.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}
.side{display:flex;flex-direction:column;gap:.15rem;padding:1rem .75rem;border-right:2px solid var(--line);background:var(--panel);position:sticky;top:0;height:100vh;overflow:auto}
.side .brand{margin:0 .5rem 1rem}
.side>a:not(.brand){display:flex;justify-content:space-between;align-items:center;padding:.55rem .7rem;border-radius:9px;color:var(--muted);text-decoration:none;font-size:.93rem}
.side>a:not(.brand):hover{background:var(--panel2);color:var(--text)}
.side>a.on{background:rgba(10,92,255,.16);color:var(--text)}
.content{padding:1.5rem 16px 4rem;max-width:1180px;width:100%;min-width:0}
.content>h1+.card{margin-top:1rem}
@media(max-width:820px){.shell{grid-template-columns:minmax(0,1fr);align-content:start}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:flex-start;padding:.75rem 16px;border-right:0;border-bottom:2px solid var(--line)}
  .side .brand{flex:1 1 calc(100% - 140px);margin:0 0 .4rem .3rem}.side form{margin:0 0 .4rem!important;order:-1}.side .brand{order:-2}.side p{display:none}
  .side>a:not(.brand){padding:.45rem .65rem}.content .tw td:not(.n){min-width:8.5rem}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:.75rem;margin:1rem 0}
.stat{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:1rem}
.stat small{color:var(--muted);display:block;font-size:.8rem}
.stat b{font-size:1.6rem}
a.stat:hover{border-color:var(--muted)}
.tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin:1rem 0}
.tabs a{padding:.45rem .85rem;border-radius:99px;border:2px solid var(--line);color:var(--muted);text-decoration:none;font-size:.88rem}
.tabs a:hover{color:var(--text);border-color:var(--muted)}
.tabs a.on{color:var(--text);border-color:var(--accent2);background:rgba(0,200,255,.1)}
.search{flex:1 1 320px;justify-content:flex-end;flex-wrap:nowrap}
.search input[type=search]{flex:0 1 280px;width:auto;min-width:0;padding:.45rem .7rem;font-size:.88rem}
.actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}
.actions form{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
td>.actions{flex-wrap:nowrap}
.actions input[type=text]{width:260px;padding:.45rem .6rem}
.desc{white-space:pre-wrap;background:var(--panel2);border-radius:10px;padding:.8rem;font-size:.92rem}
.linkbox{display:flex;gap:.5rem;align-items:center}
.linkbox input{min-width:0;padding:.45rem .6rem}
.linkbox input{font-family:ui-monospace,monospace;font-size:.85rem}
td .small{display:block}