:root{font-family:system-ui,sans-serif;color:#252a2e;background:#f2f3f4;color-scheme:light dark}*{box-sizing:border-box}body{margin:0}header{padding:24px 5%;display:flex;justify-content:space-between;gap:20px;background:#202225;color:white}header b{font-size:24px}header b span{font-size:12px;letter-spacing:2px}main{max-width:1000px;margin:48px auto;padding:0 24px}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-1.5px;margin:16px 0}h2{font-size:22px}.eyebrow{font-size:12px;letter-spacing:2px;color:#667580}label{display:block;font-weight:600;margin:18px 0 8px}input,button{font:inherit;border-radius:9px;padding:13px;border:1px solid #c6ccd1}input{width:100%;background:white;color:#252a2e}button{background:#59636d;color:white;cursor:pointer;min-height:44px;margin:8px 8px 8px 0}button:focus-visible,input:focus-visible{outline:3px solid #778899;outline-offset:3px}form{max-width:440px}.card,article{background:white;border:1px solid #d2d6da;border-radius:14px;padding:24px;margin:16px 0}article{display:flex;justify-content:space-between;align-items:center;gap:20px}article p{margin:8px 0;color:#68747e}.muted,footer{color:#68747e;font-size:14px}footer{padding:24px;text-align:center}#status{color:#59636d;white-space:pre-wrap}#rows p{padding:12px 0;border-bottom:1px solid #d0d5d9;white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:600px){header,article{align-items:flex-start;flex-direction:column}main{margin-top:28px;padding:0 16px}.card,article{padding:18px}nav{display:flex;flex-wrap:wrap}}@media(prefers-color-scheme:dark){:root{background:#101112;color:#e7e8ea}.card,article,input{background:#1d1f22;color:#e7e8ea;border-color:#3c4045}.muted,footer,article p,.eyebrow{color:#aeb5bd}#status{color:#c3ccd5}}

select{font:inherit;padding:12px;width:100%;border-radius:9px}summary{cursor:pointer;font-weight:700;min-height:44px}

.brandLogo{width:154px;height:auto;padding:0;background:transparent;border-radius:0}

select{background:#fff;color:#252a2e;border:1px solid #c6ccd1}button:hover{background:#697581}button:disabled{opacity:.55;cursor:wait}@media(prefers-color-scheme:dark){header{background:#161719;border-bottom:1px solid #35383d}button{background:#40464e;color:#f1f2f3;border-color:#626b75}button:hover{background:#535c66}select{background:#1d1f22;color:#e7e8ea;border-color:#3c4045}#rows p{border-color:#35383d}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#778899}}

@media(prefers-color-scheme:dark){.brandLogo{filter:brightness(1.8)}}

.archiveFolder{border:1px solid #c6ccd1;border-radius:14px;padding:18px;margin:16px 0}.archiveFolder>summary{font-size:20px}.archiveFolder .archiveFolder{margin-bottom:8px}.archiveFolder .archiveFolder>summary{font-size:16px}@media(prefers-color-scheme:dark){.archiveFolder{border-color:#3c4045}}

.archiveActions{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.archiveActions button{margin:0}.archiveQuoteNumber{font-weight:700!important;margin:0 0 8px!important}.archiveTrashToggle{display:block}@media(max-width:700px){.archiveActions{width:100%}.archiveActions button{flex:1}}

/* BRX compact interface */
:root{font-size:14px}header{padding:14px 4%;align-items:center;min-height:72px}.brandLogo{width:116px}header>span{font-size:11px;letter-spacing:.15em;text-transform:uppercase}main{max-width:1240px;margin:26px auto;padding:0 22px}h1{font-size:clamp(26px,3vw,36px);letter-spacing:-1px;margin:8px 0 12px}h2{font-size:16px;margin:0 0 10px}.eyebrow{font-size:10px;letter-spacing:.22em;margin:0 0 7px}label{font-size:12px;margin:12px 0 5px}input,select,button{border-radius:5px;padding:9px 11px}button{font-size:12px;font-weight:600;min-height:36px;margin:5px 5px 5px 0;transition:background .15s,border-color .15s}.card{padding:16px;border-radius:8px;margin:12px 0}.muted,footer{font-size:12px;line-height:1.45}footer{padding:16px}summary{min-height:32px}.archiveFolder{border-radius:7px;padding:12px;margin:12px 0}.archiveFolder>summary{font-size:16px;letter-spacing:.05em}.archiveFolder .archiveFolder{padding:8px 10px;margin:10px 0;border-radius:5px;border-left:2px solid #778899}.archiveFolder .archiveFolder>summary{font-size:13px;letter-spacing:.04em}article{padding:10px 12px;border-radius:4px;margin:5px 0;gap:14px}article>div:first-child{min-width:0;flex:1}article strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere}article p{font-size:11px;margin:5px 0 0}.archiveQuoteNumber{font-size:10px!important;letter-spacing:.1em;margin-bottom:5px!important}.archiveActions{gap:5px}.archiveActions button{padding:7px 11px;min-height:32px;font-size:11px}.archiveTrashToggle,.emptyTrashButton{display:inline-block;margin:4px 7px 9px 0}.emptyTrashButton{border-color:#9b7377}#search{margin-bottom:8px}#status:empty{display:none}#status{font-size:12px;border-left:2px solid #778899;padding-left:10px}
@media(prefers-color-scheme:dark){:root{background:#0b0e12;color:#e6e9ed}header{background:#101419;border-bottom:1px solid #303841;box-shadow:0 1px 18px #7788990a}.card{background:#13181e;border-color:#2b333d}.archiveFolder{background:#10151b;border-color:#2c3540}.archiveFolder .archiveFolder{background:transparent;border-color:#2c3540;border-left-color:#778899}article{background:#171e26;border-color:#2d3844}article:hover{border-color:#566779}button{background:#25303c;border-color:#455362;color:#e4e9ee}button:hover{background:#354455;border-color:#778899}input,select{background:#10161d;color:#e6e9ed;border-color:#35414e}.muted,footer,article p,.eyebrow{color:#99a8b7}.archiveQuoteNumber{color:#bdcbd8!important}}
@media(max-width:700px){main{padding:0 14px;margin-top:18px}header{padding:12px 14px;flex-direction:row;align-items:center}.brandLogo{width:98px}header>span{font-size:9px}article{align-items:stretch;flex-direction:column;gap:9px}.archiveActions button{min-height:44px}button,input,select{min-height:44px}.card{padding:13px}.archiveFolder{padding:10px}.archiveFolder .archiveFolder{padding:7px}.archiveActions{gap:6px}}

.archiveEditDialog{width:min(460px,calc(100vw - 28px));border:1px solid #778899;border-radius:7px;padding:22px}.archiveEditDialog::backdrop{background:#000a}.archiveEditDialog form{max-width:none}.archiveEditDialog h2{margin-bottom:16px}.archiveEditDialog label{margin-top:14px}.archiveEditDialog p{color:#b58288}@media(prefers-color-scheme:dark){.archiveEditDialog{background:#131a22;color:#e6e9ed}}