/* ImGuiFaith/StyleColorsCompact components; website accent chosen by the user. */
@font-face{font-family:faith-pixel;src:url("fonts/ProggyClean.ttf") format("truetype");font-display:swap;unicode-range:U+0000-03FF}
:root{--ui-scale:1.2;zoom:var(--ui-scale);color-scheme:dark;--canvas:#0b0b0b;--window:#1b1b1b;--panel:#323232;--input:#111;--ink:#000;--edge:#5b5b5b;--text:#ededed;--muted:#9a9a9a;--accent:#e0b0ff;--hover:#454545;--light:#efd9ff;--frame:linear-gradient(#383838,#2a2a2a)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--canvas);color:var(--text);font:13px/15px faith-pixel,Tahoma,monospace;text-shadow:-1px 0 var(--ink),1px 0 var(--ink),0 -1px var(--ink),0 1px var(--ink)}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit;text-shadow:inherit;border-radius:0}
input,textarea,select{min-width:0;max-width:100%;background:var(--input);border:1px solid var(--ink);box-shadow:inset 0 0 0 1px var(--edge);padding:3px 5px}
input:not([type=checkbox]):not([type=hidden]),select,textarea{width:100%}
input,textarea,code,pre,.value{text-transform:none}
input[type=checkbox]{appearance:none;width:11px;height:11px;margin:0 5px 0 0;padding:0;vertical-align:middle;position:relative}
input[type=checkbox]:checked:after{content:"";position:absolute;inset:2px;background:var(--accent)}
button,.button{display:inline-block;background:var(--frame);border:1px solid var(--ink);box-shadow:inset 0 0 0 1px var(--edge);padding:3px 8px;cursor:pointer;color:var(--text);text-align:center;white-space:normal;text-decoration:none}
button:hover,.button:hover{background:var(--hover);text-decoration:none}button:active,.button:active{background:var(--edge)}button:disabled{color:var(--muted);cursor:default;background:var(--panel)}
:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
label,button,.button,legend,th,.tabs,.caption,.errorlist,small{text-transform:lowercase}
.shell{width:480px;max-width:calc(100% - 24px);margin:28px auto}
.titlebar{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--edge);padding-bottom:8px;margin-bottom:10px}
.brand{color:var(--accent);letter-spacing:1px}.caption{margin:0 0 0 auto;color:var(--muted)}
.tabs{display:flex;flex-wrap:wrap;gap:0;margin:0 0 10px}.tabs a{color:var(--text);background:var(--frame);border:1px solid var(--ink);box-shadow:inset 0 1px var(--edge);padding:3px 6px}.tabs a[aria-current=page]{box-shadow:inset 0 1px var(--accent);background:var(--hover)}
.section{min-width:0;background:var(--frame);border:1px solid var(--ink);box-shadow:inset 0 0 0 1px var(--edge);padding:8px;margin-bottom:12px;position:relative}
.section:before{content:"";position:absolute;top:1px;left:1px;right:1px;height:1px;background:var(--accent)}
h1,h2,h3,legend{font:inherit;margin:0 0 8px;font-weight:normal;text-transform:lowercase}h1{margin:0}
p{margin:4px 0;overflow-wrap:anywhere}form{margin:0 0 6px}form>button{margin-top:6px}label{display:block;margin:5px 0 3px}fieldset{border:0;padding:0;margin:0;min-width:0}
small,.muted{color:var(--muted)}small{display:block;margin:4px 0}.status{color:var(--accent)}
.notice,.errorlist{border:1px solid var(--ink);background:var(--input);padding:6px;margin:0 0 6px;list-style:none;overflow-wrap:anywhere}.errorlist{color:#e2b3b3}.errorlist li{margin:0}
.identity{display:flex;gap:8px;align-items:center;margin-bottom:8px}.avatar{width:64px;height:64px;border:1px solid var(--ink);box-shadow:0 0 0 1px var(--edge);object-fit:cover}.identity dl{flex:1}
dl{margin:0}dl>div{display:flex;gap:6px;justify-content:space-between;margin:3px 0}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}.actions form{margin:0}.actions button{margin:0}
.scroll-table{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:4px 5px;border-bottom:1px solid var(--ink);font-weight:normal;vertical-align:top}th{color:var(--muted)}td{overflow-wrap:anywhere}
pre,code{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}pre{padding:6px;background:var(--input);border:1px solid var(--ink)}textarea{resize:vertical;min-height:60px}
.qr{max-width:100%;image-rendering:pixelated;background:#fff}.foot{padding-top:3px}.logout{padding:0;background:none;border:0;box-shadow:none;color:var(--muted)}
.file-input{position:absolute;width:1px!important;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}.file-input:focus-visible+label{outline:1px solid var(--accent)}.file-name{display:block;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:520px){.shell{margin:18px auto}.tabs a{padding:5px 7px}button,.button{min-height:25px}td,th{padding:4px 3px}}
.filters{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}.filters summary,.filters a{text-transform:lowercase}.filters ul{list-style:none;padding:0;margin:5px 0}.filters li{margin:3px 0}.admin-results table{width:max-content;min-width:100%;max-width:none}.admin-results td,.admin-results th{white-space:nowrap;overflow-wrap:normal;word-break:normal;font:inherit}.admin-results .sortoptions{display:none}