/* A fictional records institution. Its geometry is an abstract document mark. */
.dir-institution[hidden],.withdrawal-notice[hidden]{display:none!important}
.theme-selector{flex-wrap:wrap}.theme-selector button{border:1px solid var(--border)}
body[data-theme="directorate"]{--bg:#dbe2dc;--surface:#f6f4eb;--ink:#202e29;--muted:#536259;--accent:#742e40;--border:#a3b1a6;--soft:#e7eae0;--radius:0;--display:"Arial Narrow","Roboto Condensed",Impact,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--ink)}
body[data-theme="directorate"][data-view="bad"]{--bg:#e7d9d2;--surface:#faf3e8;--ink:#342724;--muted:#75564e;--accent:#832d3c;--border:#b9958b;--soft:#eee0d7}
body[data-theme="directorate"][data-view="ugly"]{color-scheme:dark;--bg:#111916;--surface:#1c2721;--ink:#e7ece4;--muted:#b0bcaf;--accent:#bbcea9;--border:#506053;--soft:#2a382d}
body[data-theme="directorate"] .appbar{border-bottom:3px solid var(--ink);background:var(--surface)}
body[data-theme="directorate"] .brand{font:600 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.07em}
body[data-theme="directorate"] .brand-mark{display:none}
body[data-theme="directorate"] .theme-selector button,body[data-theme="directorate"] .reset{border-radius:0}
body[data-theme="directorate"] .shell{width:min(1180px,calc(100% - 48px));margin-top:28px}
body[data-theme="directorate"] .intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);column-gap:40px;border-bottom:3px double var(--ink);padding-bottom:22px;margin-bottom:28px;animation:reveal 320ms ease-out}
body[data-theme="directorate"] .intro>h1{grid-column:1/-1;font:600 .875rem/1.5 var(--mono);letter-spacing:.015em;margin:0 0 22px;color:var(--muted)}
.dir-institution{display:flex;gap:20px;align-items:flex-start}.dir-mark{width:64px;height:64px;flex-shrink:0;color:var(--accent)}.dir-office{font:600 .75rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;color:var(--muted)}
body[data-theme="directorate"] .dir-institution h2{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.5rem,2.8vw,2.25rem);line-height:1.07;max-width:590px;margin:0}
body[data-theme="directorate"] .tagline{color:var(--ink);font-size:1.15rem;line-height:1.65;align-self:center;margin:0}.tagline span{display:block}
body[data-theme="directorate"] .instruction{grid-column:1/-1;justify-self:start;font:700 .8125rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--accent);border-left:6px solid var(--accent);color:var(--accent);padding:10px 14px;margin-top:24px}
body[data-theme="directorate"] .workspace{grid-template-columns:minmax(0,1fr) 230px;gap:28px}
body[data-theme="directorate"] .tabs{gap:0;border:1px solid var(--border);border-bottom:3px solid var(--ink);padding:0;margin:0 0 26px}
body[data-theme="directorate"] .tab{border:0;border-right:1px solid var(--border);border-radius:0;padding:13px 16px;background:var(--surface)}
body[data-theme="directorate"] .tab:last-child{border-right:0}body[data-theme="directorate"] .tab[aria-selected="true"]{background:var(--ink);color:var(--bg);box-shadow:none}body[data-theme="directorate"] .tab[aria-selected="true"]:after{display:none}
body[data-theme="directorate"] .tab span{font-family:var(--display);text-transform:uppercase;font-size:1.05rem;letter-spacing:.04em}
body[data-theme="directorate"] .tab small{font:.75rem/1.5 var(--mono)}
body[data-theme="directorate"] .panel-head h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.12;text-transform:uppercase;letter-spacing:-.01em}
body[data-theme="directorate"] .panel-kicker{border-bottom:1px solid var(--border);padding-bottom:8px;letter-spacing:.06em}
body[data-theme="directorate"] .counter{font-family:var(--mono)}
body[data-theme="directorate"] .create-form{border:1px solid var(--border);border-top:4px solid var(--accent);grid-template-columns:1fr 1fr;padding:22px;gap:16px}
body[data-theme="directorate"] .composer-head{grid-column:1/-1;font-family:var(--display);text-transform:uppercase;letter-spacing:.025em;font-size:1.1rem;padding-bottom:12px;border-bottom:1px solid var(--border)}
body[data-theme="directorate"] .composer-head .avatar{display:none}
body[data-theme="directorate"] .field label,body[data-theme="directorate"] .audience-editor{font:600 .875rem/1.5 var(--mono)}
body[data-theme="directorate"] input,body[data-theme="directorate"] textarea,body[data-theme="directorate"] select,body[data-theme="directorate"] .add-entry{border-radius:0}
body[data-theme="directorate"] .composer-bottom{grid-column:1/-1;flex-wrap:wrap}
body[data-theme="directorate"] .cards{gap:18px}
body[data-theme="directorate"] .dir-notice{border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0;box-shadow:0 3px 0 var(--soft);padding:22px}
.dir-notice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.dir-form-number{font:.75rem/1.5 var(--mono);color:var(--muted);overflow-wrap:anywhere}
.dir-stamp{font:700 .75rem/1.4 var(--mono);letter-spacing:.035em;text-transform:uppercase;border:1px solid currentColor;padding:6px 9px;color:#3c654d;max-width:100%}
body[data-theme="directorate"] .card h3{font-family:var(--display);font-size:1.35rem;margin-top:16px}
body[data-theme="directorate"] .post-footer{align-items:flex-end;flex-wrap:wrap}.dir-filing-note{font:.75rem var(--mono)}.dir-withdraw{display:grid;gap:6px}.dir-withdraw small{font-size:.75rem;color:var(--muted)}
body[data-theme="directorate"] .delete{border-radius:0;background:#832d3c;border-color:#832d3c;padding:10px 16px}
.withdrawal-notice{border:2px solid var(--accent);padding:18px 22px;background:var(--surface);margin-bottom:24px;animation:reveal 320ms ease-out}.withdrawal-notice strong{display:inline-block;border:2px solid var(--accent);padding:5px 9px;color:var(--accent);font:800 1rem/1.5 var(--mono);letter-spacing:.05em}.withdrawal-notice p{margin:12px 0 5px}.withdrawal-notice small{color:var(--muted);font-size:.8125rem}
body[data-theme="directorate"] .context-panel{border-top:3px solid var(--ink)}body[data-theme="directorate"] .context-panel h2{font-family:var(--display);text-transform:uppercase}
body[data-theme="directorate"] #db-rows{gap:28px;padding-top:12px}
.dir-dossier{position:relative;background:var(--surface);border:1px solid var(--border);padding:22px;min-width:0;animation:reveal 320ms ease-out}
.dir-file-tab{display:inline-block;background:var(--soft);border:1px solid var(--border);border-bottom:0;padding:6px 12px;position:relative;margin:-38px 0 16px -1px;font:600 .75rem/1.4 var(--mono);color:var(--muted)}
.dir-dossier-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.dir-dossier-head code{font-size:.875rem;overflow-wrap:anywhere}.dir-dossier .dir-stamp{color:#c3d7b4}.dir-dossier .dir-stamp.restricted{color:#efb6be}
.dir-original{background:#e9e6d9;color:#27332c;border-left:5px solid #99ac8c;padding:18px 20px;margin-bottom:20px}.dir-field-label{font:600 .75rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#546151}.dir-original h3{font:700 1.3rem/1.4 var(--display);margin:10px 0 6px;overflow-wrap:anywhere}.dir-original p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.dir-metadata{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,1.65fr);margin:0;font:.8125rem/1.6 var(--mono)}.dir-metadata dt,.dir-metadata dd{padding:10px 0;border-bottom:1px solid var(--border);margin:0;overflow-wrap:anywhere}.dir-metadata dt{color:var(--muted);padding-right:18px}.dir-metadata dd{color:var(--ink)}
.dir-retention{padding:20px;border:1px solid var(--accent);border-left:5px solid var(--accent);margin-top:22px;background:var(--soft)}.dir-retention strong{font:700 .875rem/1.5 var(--mono);letter-spacing:.07em;color:var(--accent)}.dir-retention p{margin:10px 0}.dir-retention .dir-core-message{font-weight:650}.dir-retention small{display:block;font-size:.8125rem;color:var(--muted);margin-top:6px}
body[data-theme="directorate"] .restore{border-radius:0;padding:10px 16px;margin:5px 0;border-color:var(--accent)}
.dir-audit{margin-top:22px;border-top:1px solid var(--border);padding-top:14px}.dir-audit summary{cursor:pointer;min-height:44px;padding:6px 0;font-weight:600}.dir-audit summary span{font:.75rem var(--mono);color:var(--muted);margin-left:10px}.dir-audit ol{list-style:none;margin:10px 0 16px;padding:0;border-left:2px solid var(--border)}.dir-audit li{padding:5px 0 10px 16px}.dir-audit time{font:.75rem/1.5 var(--mono);color:var(--accent);overflow-wrap:anywhere}.dir-audit li p{font-size:.875rem;margin:5px 0}.dir-procedure{font:.75rem/1.6 var(--mono);color:var(--muted)}
body[data-theme="directorate"] .truth{border:1px solid var(--border);padding:18px;background:var(--surface)}
body[data-theme="directorate"] dialog{border-radius:0;border:2px solid #832d3c}body[data-theme="directorate"] .dialog-actions button{border-radius:0}
@media(max-width:900px){body[data-theme="directorate"] .workspace{display:block}body[data-theme="directorate"] .context-panel{display:none}body[data-theme="directorate"] .intro{column-gap:24px;grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr)}.dir-mark{width:45px;height:45px}.dir-institution{gap:14px}}
@media(max-width:620px){.appbar-inner{flex-wrap:wrap}.header-tools{flex-wrap:wrap;gap:8px}.theme-selector{gap:3px}.theme-selector button{padding:5px 8px}body[data-theme="directorate"] .shell{width:calc(100% - 28px);margin-top:22px}body[data-theme="directorate"] .intro{display:block;padding-bottom:18px;margin-bottom:20px}body[data-theme="directorate"] .intro>h1{margin-bottom:16px}.dir-office{font-size:.75rem;margin-bottom:7px}.dir-mark{width:36px;height:36px}body[data-theme="directorate"] .dir-institution h2{font-size:1.45rem;line-height:1.13}body[data-theme="directorate"] .tagline{font-size:1rem;line-height:1.5;margin-top:18px}body[data-theme="directorate"] .tagline span{display:inline}body[data-theme="directorate"] .instruction{margin-top:16px;font-size:.75rem;padding:9px 11px}body[data-theme="directorate"] .tab{padding:11px 8px}body[data-theme="directorate"] .tab span{font-size:.875rem}body[data-theme="directorate"] .tab small{font-size:.75rem}body[data-theme="directorate"] .create-form{grid-template-columns:1fr;padding:17px}body[data-theme="directorate"] .dir-notice{padding:17px}.dir-notice-head,.dir-dossier-head{flex-direction:column;align-items:flex-start}.dir-dossier{padding:16px}.dir-metadata{grid-template-columns:1fr}.dir-metadata dt{border-bottom:0;padding-bottom:0;font-size:.75rem}.dir-metadata dd{padding-top:4px}.dir-retention{padding:15px}.dir-original{padding:16px}.dir-withdraw{width:100%}}
@media(prefers-reduced-motion:reduce){.dir-institution,.dir-dossier,.withdrawal-notice{animation:none!important}}
