:root{--text:#1c2430;--muted:#5b6573;--accent:#1f5fae;--accent-text:#fff;--danger:#a4262c;--surface:#fff;--background:#f3f5f8;--border:#d5dae1;color:var(--text);background:var(--background);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}html:has(.environment-notice){scroll-padding-top:7rem}.environment-notice{z-index:10;color:#3d2c00;text-align:center;background:#ffe9a8;border-bottom:2px solid #b97f12;margin:0;padding:.4rem 1rem;font-size:.9rem;font-weight:600;position:sticky;top:0}h1,h2{line-height:1.25}.login{max-width:28rem;margin:3rem auto;padding:0 1rem}.card,.dialog{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem}form label{margin-bottom:1rem;display:block}form input:not([type=checkbox]){width:100%;font:inherit;border:1px solid var(--border);border-radius:.25rem;margin-top:.25rem;padding:.5rem;display:block}label.checkbox{align-items:center;gap:.5rem;display:flex}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:.25rem;padding:.5rem 1rem}button.secondary{color:var(--accent);background:0 0}button:disabled{opacity:.6;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #f0b400}.actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.error{color:var(--danger)}.warning{color:var(--muted);font-size:.9rem}.call-number{letter-spacing:.02em;font-size:1.75rem;font-weight:600}.call-panel button{margin-top:.5rem;margin-right:.5rem}.shell-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.brand{color:var(--text);font-weight:700;text-decoration:none}.organizations{flex:1}.organizations ul{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.organizations a.active{font-weight:600}.content{max-width:60rem;margin:0 auto;padding:1rem}.alerts ul,.organization-list{padding:0;list-style:none}.alert{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:.25rem;margin-bottom:.75rem;padding:.75rem 1rem}.alert.urgent{border-left-color:var(--danger)}.organization-list li{padding:.5rem 0}.roles{color:var(--muted)}dialog::backdrop{background:#0006}.dialog{width:100%;max-width:28rem}.offline{border-bottom:1px solid var(--border);background:#fff4d6;margin:0;padding:.5rem 1rem}.hint{color:var(--muted);font-size:.9rem;display:block}.field-hint{margin:-.75rem 0 1rem}.links{margin-top:1rem}.links ul{padding:0;list-style:none}.links li{padding:.25rem 0}.document{max-width:48rem;margin:2rem auto;padding:0 1rem}label.checkbox span{flex:1}fieldset{border:1px solid var(--border);border-radius:.25rem;margin:0 0 1rem;padding:.5rem 1rem}fieldset label.checkbox{margin-bottom:.25rem}.sections ul{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:1.5rem;margin:0 0 1rem;padding:0 0 .5rem;list-style:none;display:flex}.sections a.active{color:var(--text);font-weight:600;text-decoration:none}.connect,.card+h3,form.card{margin-top:1.5rem}table{border-collapse:collapse;background:var(--surface);width:100%}th,td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.5rem .75rem}thead th{background:var(--background)}tbody th{white-space:nowrap;font-weight:600}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.row-actions button,.confirm button{padding:.25rem .75rem}.confirm{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.secret{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.75rem;font-weight:600}.sheet{background:var(--surface);border:2px solid var(--text);border-radius:.5rem;margin:1rem 0;padding:1.5rem}.sheet dl,section>dl{grid-template-columns:max-content 1fr;align-items:baseline;gap:.25rem 1rem;display:grid}.sheet dt,section>dl dt{color:var(--muted)}.sheet dd,section>dl dd{margin:0}.jobs,.sessions,.logins{padding:0;list-style:none}.jobs .alert.done{border-left-color:var(--accent)}.jobs .actions{align-items:center}.account{color:var(--muted)}h2[tabindex="-1"]:focus{outline:none}@media print{body:has(.sheet) :not(.sheet):not(.sheet *):not(:has(.sheet)){display:none}.sheet{border:0;margin:0}.no-print{display:none}}
