@import url('theme.css');
.shell{max-width:1600px;margin:auto;padding:24px 32px 40px}header,.brand,.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between;padding:0 0 22px;margin-bottom:28px;border-bottom:1px solid var(--line)}.brand{font-size:16px}.brand strong{font-weight:600;position:relative;padding-left:14px}.brand strong:before{content:'';position:absolute;left:0;top:6px;width:4px;height:16px;border-radius:2px;background:var(--accent)}.brand .muted{font-size:16px}header>a{font-size:16px;text-decoration:none;padding:8px 12px;min-height:44px;display:inline-flex;align-items:center;border-radius:7px;background:white;border:1px solid var(--line)}.toolbar{justify-content:space-between;margin:0 0 22px;min-width:0}.toolbar h1{font-size:23px;margin:0 auto 0 0}.toolbar label{display:flex;align-items:center;gap:10px;font-size:16px;white-space:nowrap}.toolbar select{margin:0;width:auto;min-width:120px;font-size:16px}.toolbar button{font-size:16px;padding:9px 13px}.toolbar .row{gap:8px}.columns{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.columns>aside{padding:20px 12px}.columns>aside h2,.columns>aside>.hint{padding:0 8px}.columns>aside h2{font-size:16px;margin-bottom:10px}.item{width:100%;display:block;text-align:left;border:1px solid transparent;margin:4px 0;border-radius:7px;padding:12px 10px;font-size:16px;line-height:1.6;background:transparent}.item small{display:block;margin-top:6px;color:var(--muted);font-size:16px;font-weight:400}.item.selected{background:#edf3fa;color:#294f7f;border-color:#d3e0ee}.admin-app #workspace{display:grid;grid-template-columns:184px minmax(0,1fr);gap:0 28px}.admin-app #workspace>.toolbar,.admin-app #scope-note,.admin-app .metrics,.admin-app #main{grid-column:2;min-width:0}.admin-app #workspace>nav{grid-column:1;grid-row:1/span 4;position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:6px;margin:0;padding:0 16px 20px 0;border-right:1px solid var(--line)}.admin-app nav button{text-align:left;font-size:16px;background:transparent;border-color:transparent;padding:11px 14px;white-space:nowrap}.admin-app nav button[aria-current=page]{background:#e7eef7;color:#2b5383;border-color:#d7e2ef;font-weight:600}.admin-app #main>.view>.card{padding:26px}.admin-app .metrics{display:none}body[data-view=quality] .metrics{display:grid}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px}.metric{background:white;border:1px solid var(--line);border-radius:9px;padding:18px 20px}.metric span{font-size:16px;color:var(--muted)}.metric strong{display:block;font-family:var(--mono);font-size:28px;font-weight:500;line-height:1.3;margin-top:10px;letter-spacing:-.03em}.exposure{border:1px solid var(--line);border-radius:8px;padding:20px;margin:16px 0;background:white;min-width:0}.exposure h3{margin:0 0 10px}.exposure form{display:grid;gap:16px;padding:4px 0 18px}.exposure form>button{justify-self:start}.exposure>button{margin:10px 8px 0 0}.exposure details:last-child{margin-bottom:0;border-bottom:0}.exposure .content-text{margin:10px 0}.exposure>p{font-size:16px}#collector-create{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) 100px auto;gap:16px;align-items:end;margin:24px 0}#collector-create button{margin:0}#view-exposures .card>label{max-width:440px;margin-top:16px}#rules-admin>form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}#rules-admin>form>label:nth-child(n+3){grid-column:1/-1}#rules-admin>form>button{grid-column:1/-1;justify-self:start;margin:0}#task-admin>form{background:#f8fafd;border:1px solid var(--line);border-radius:8px;padding:22px;margin:24px 0;display:grid;gap:14px}#task-admin>form h3,#task-admin>form p{margin:0}#task-admin>form .check-row{margin:0}#task-admin>form button{justify-self:start}#view-import .columns{grid-template-columns:1fr}#import-json{font-family:var(--mono);font-size:16px;min-height:300px}#quality>.quality-counts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0 0 22px}#quality>.quality-counts>p{font-size:16px;padding:12px 0;margin:0;border-bottom:1px solid var(--line)}.annotation-app .columns{grid-template-columns:216px minmax(0,1fr)}.annotation-app .columns>aside{position:sticky;top:24px}.annotation-app #task-detail{padding:26px}.annotation-app .toolbar strong{margin-right:auto;font-size:16px}.annotation-app .toolbar a{font-size:16px;padding:8px}#task-detail>h2{font-size:21px;margin:12px 0}#task-detail>.metadata{font-size:16px}.label-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:22px}.label-layout .reading{position:sticky;top:24px;max-height:88vh;overflow:auto;padding:0 24px 20px 0;border-right:1px solid var(--line);min-width:0}.reading h3:first-child{margin-top:0}.reading button{display:block;margin:14px 0}.label-layout form{min-width:0}.label-layout fieldset:first-child{border-top:0;padding-top:0}.label-layout fieldset textarea{min-height:80px}.label-layout fieldset label{font-size:16px}.label-layout .actions{padding-top:18px;border-top:1px solid var(--line)}.labels{display:grid;gap:18px}#message,#task-message{margin:0;font-size:16px;overflow-wrap:anywhere}#message:empty,#task-message:empty{display:none}#message:not(:empty),#task-message:not(:empty){padding:12px 15px;margin:0 0 20px;background:var(--soft);border:1px solid #dae6f3;border-radius:7px;color:#3d587a}#message.error,#task-message.error{color:var(--red);background:#fff1f3;border-color:#efd0d7}.hero{display:none}.auth-card{max-width:520px}.auth-form label{margin:18px 0}footer{font-size:16px;color:var(--muted);padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}
@media(min-width:1600px){.shell{padding:28px 40px 40px}}
@media(max-width:1200px){.shell{padding:24px}.admin-app #workspace{grid-template-columns:164px minmax(0,1fr);gap:0 22px}.admin-app .columns{grid-template-columns:1fr}.label-layout{grid-template-columns:1fr;gap:22px}.label-layout .reading{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:0 0 22px}.toolbar h1{width:100%;margin-bottom:4px}#collector-create{grid-template-columns:1fr 1fr}#collector-create button{justify-self:start}.metrics{gap:12px}.metric{padding:16px}}
@media(max-width:800px){.shell{padding:20px}.admin-app #workspace{display:flex;flex-direction:column}.admin-app #workspace>.toolbar{order:1}.admin-app #workspace>nav{order:0;position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border:0;padding:0;margin:0 0 24px;width:100%}.admin-app #workspace>.toolbar,.admin-app #main,.admin-app .metrics{width:100%}.admin-app #scope-note{order:2}.admin-app .metrics{order:3}.admin-app #main{order:4}.admin-app nav button{text-align:center;white-space:normal;font-size:16px;padding:9px 6px}.annotation-app .columns{grid-template-columns:1fr}.annotation-app .columns>aside{position:static}.annotation-app #task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.toolbar{gap:12px}.toolbar label{white-space:normal}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.brand .muted{display:none}.admin-app #main>.view>.card,.annotation-app #task-detail{padding:22px}#quality>.quality-counts{grid-template-columns:1fr}}
@media(max-width:480px){.shell{padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom))}header{padding-bottom:16px;margin-bottom:22px;gap:8px}.brand{font-size:16px}header>a{font-size:16px;padding:8px 10px}.admin-app #workspace>nav{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar label{width:100%;justify-content:space-between}.toolbar label select{min-width:150px}.toolbar h1{font-size:22px}.toolbar .row{width:100%;gap:8px}.toolbar .row button{flex:1;padding:9px 7px}.admin-app #main>.view>.card,.annotation-app #task-detail{padding:18px}.annotation-app #task-list{grid-template-columns:1fr}.annotation-app .toolbar strong{width:100%}#collector-create,#rules-admin>form{grid-template-columns:1fr}#rules-admin>form>label,#rules-admin>form>button{grid-column:1}.exposure{padding:16px}.metrics{gap:10px}.metric{padding:14px}.metric strong{font-size:25px}.columns{gap:16px}}