.backoffice-shell { color:var(--text); }
.backoffice-shell header,.backoffice-heading,.backoffice-shell footer { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.backoffice-shell h2 { font-size:20px;margin:0; }.backoffice-shell h3 { font-size:15px; }
.backoffice-shell button { border:1px solid var(--border);border-radius:7px;padding:8px 12px;background:var(--bg2);color:var(--text);cursor:pointer;font:inherit; }
.backoffice-shell button:disabled { opacity:.55;cursor:wait; }.backoffice-shell :focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
.backoffice-tabs { display:flex;gap:8px;flex-wrap:wrap;margin:18px 0; }.backoffice-tabs [aria-pressed="true"] { background:var(--accent);color:#0a0a0a; }
.backoffice-list,.backoffice-documents { list-style:none;margin:12px 0 22px;padding:0; }.backoffice-list li,.backoffice-documents li { display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--border); }
.backoffice-list li>button:first-child { text-align:left;flex:1;min-width:180px; }.backoffice-list span,.backoffice-notice { color:var(--text2);font-size:12px; }
.backoffice-shell [role="alert"] { padding:12px;border:1px solid var(--red);border-radius:8px;color:var(--red); }
.backoffice-shell form,.backoffice-details { border:1px solid var(--border);border-radius:12px;padding:18px;margin:18px 0; }
.backoffice-fields { display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:18px; }
.backoffice-shell label { display:grid;gap:7px;color:var(--text2);font-size:12px; }.backoffice-shell input,.backoffice-shell select,.backoffice-shell textarea { width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:9px;font:inherit; }.backoffice-shell textarea { min-height:90px;resize:vertical; }
.backoffice-details dl>div { display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,2fr) auto;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border); }.backoffice-details dt { color:var(--text2);font-size:12px; }.backoffice-details dd { margin:0;overflow-wrap:anywhere; }
@media(max-width:640px) { .backoffice-fields { grid-template-columns:1fr; }.backoffice-details dl>div { grid-template-columns:1fr auto; }.backoffice-details dt { grid-column:1/-1; } }