:root{color-scheme:light;--bg:#efe8d9;--paper:#faf7ee;--ink:#29231a;--bronze:#8f5f2a;--line:#ddceb0}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.55 system-ui,sans-serif;color:var(--ink)}main{max-width:850px;margin:32px auto;padding:0 20px}header,section{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px;margin:18px 0}h1{font-size:28px;margin:8px 0}h2{font-size:19px;margin:24px 0 12px}.eyebrow{letter-spacing:.1em;font-size:11px;color:var(--bronze)}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;margin:12px 0}input,select{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font:inherit}input[type=color]{height:44px}button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:9px 14px;background:var(--bronze);color:var(--paper);margin:8px 8px 8px 0}button:disabled{opacity:.5}a{color:var(--bronze);font-weight:600}small{font-weight:400}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:600}code{display:block;overflow-wrap:anywhere}#message{padding:15px;border:1px solid var(--bronze);background:var(--paper);position:sticky;top:8px;z-index:2}footer{font-size:12px}.settings-fields,.user-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.record{padding:12px 0;border-bottom:1px solid var(--line)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--bronze);outline-offset:2px}@media(max-width:550px){.settings-fields,.user-fields{grid-template-columns:1fr}main{padding:0 10px}section,header{padding:18px}}
.readiness{list-style:decimal;padding-left:24px}.readiness li{padding:10px;border-bottom:1px solid var(--line)}.readiness p{margin:4px 0;color:#736d61;font-size:13px}.storage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.storage-grid>div{padding:14px;border:1px solid var(--line);border-radius:9px}.storage-grid span,.storage-grid strong{display:block}.storage-grid span{font-size:12px;color:#736d61}.storage-grid strong{font-size:18px;margin-top:6px}.storage-help{font-size:12px;color:#736d61}#credentials{border:2px solid var(--bronze)}#credentialsText{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 ui-monospace,monospace;background:#f1eade;padding:15px;border-radius:8px}#passwordLink{margin-left:16px}@media(max-width:550px){.storage-grid{grid-template-columns:1fr}}
.management-brand{width:230px;max-width:100%;margin-bottom:6px}.management-brand img{display:block;width:100%;height:auto}

.credentials-instructions{font-size:14px}.credentials-instructions h3{font-size:16px}.credentials-instructions li{margin:8px 0}@media print{@page{size:A4;margin:20mm}body{background:white;color:black}main{max-width:none;margin:0;padding:0}main>*{display:none!important}main>#credentials:not([hidden]){display:block!important;border:1px solid #888;border-radius:0;margin:0;padding:20px}#credentials button{display:none!important}#credentialsText{background:white;color:black;border:1px solid #bbb}#credentials h2{margin-top:0}#credentials::before{content:'Grimoire Desk · Votre accès personnel';font-weight:bold;font-size:18px}}
.record>span+button{margin-left:12px}
.confirm-dialog{max-width:440px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:22px 24px;box-shadow:0 20px 50px #29231a33}.confirm-dialog::backdrop{background:#29231a55}.confirm-dialog p{margin:0 0 16px;font-weight:600;line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-actions button{margin:0}button.secondary{background:transparent;color:var(--ink)}