/* Документы наследуют палитру и стекло существующего лобби. */
:root { --doc-link:#005fc5; --doc-primary:#0061cc; --doc-ok:#16813a; }
:root[data-theme="dark"] { --doc-link:#64afff; --doc-ok:#30d158; }
.doc-row { display:flex; align-items:center; gap:10px; width:100%; min-height:60px; padding:12px 0; text-align:left; border:0; border-top:1px solid var(--line); background:none; color:var(--text); font:inherit; cursor:pointer; }
.doc-row:first-of-type { border-top:0; }
.doc-name { flex:1; min-width:0; font-weight:500; overflow-wrap:anywhere; }
.doc-name small { display:block; color:var(--dim); font-size:13px; font-weight:400; margin-top:3px; }
.doc-state { flex:none; max-width:42%; color:var(--dim); font-size:12px; font-weight:500; text-align:right; }
.doc-state.done { color:var(--doc-ok); }
.doc-chevron { width:16px; height:16px; flex:none; color:var(--dim); }
.doc-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.doc-heading b { min-width:0; overflow-wrap:anywhere; }
.doc-note { color:var(--dim); font-size:14px; margin:10px 0; overflow-wrap:anywhere; }
.doc-links { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.doc-link { display:inline-flex; align-items:center; min-height:44px; color:var(--doc-link); background:var(--card2); border:1px solid var(--line); border-radius:999px; padding:10px 15px; font:inherit; font-size:14px; text-decoration:none; cursor:pointer; overflow-wrap:anywhere; max-width:100%; }
.doc-upload { display:block; margin:14px 0; color:var(--text); font-size:14px; }
.doc-upload span { display:block; color:var(--dim); font-size:12px; margin:4px 0 8px; }
.doc-upload input { display:block; width:100%; max-width:100%; font:inherit; color:var(--dim); font-size:13px; }
.doc-upload input::file-selector-button { border:1px solid var(--line); border-radius:999px; background:var(--card2); color:var(--doc-link); padding:10px 12px; margin-right:8px; cursor:pointer; }
.doc-primary { border:0; width:100%; min-height:46px; margin-top:4px; border-radius:999px; padding:12px 16px; background:var(--doc-primary); color:#fff; font:inherit; font-weight:600; cursor:pointer; }
.doc-primary:disabled { opacity:.55; cursor:wait; }
.doc-error { color:var(--bad); font-size:14px; overflow-wrap:anywhere; }
.doc-client + .doc-client { border-top:1px solid var(--line); padding-top:18px; margin-top:18px; }
.doc-history { border-top:1px solid var(--line); margin-top:16px; padding-top:14px; }
.doc-history summary { color:var(--dim); cursor:pointer; font-size:14px; min-height:40px; }
.doc-input-link { width:100%; min-width:0; color:var(--text); background:var(--card2); border:1px solid var(--line); border-radius:12px; padding:12px; font:inherit; }
.doc-row:focus-visible,.doc-link:focus-visible,.doc-primary:focus-visible { outline:2px solid var(--sh-tint-ink); outline-offset:3px; }
.doc-more { min-height:44px; color:var(--doc-link); width:100%; text-align:left; font:inherit; font-size:14px; }

.doc-upload[hidden] { display:none; }

/* строка документа в лобби с кнопкой «Открыть клиенту» (27.10.2026) */
.doc-line { display:flex; align-items:center; gap:10px; border-top:1px solid var(--line); }
.doc-line:first-of-type { border-top:0; }
.doc-line .doc-row { flex:1; min-width:0; border-top:0; }
.doc-line ~ .doc-row, .doc-line ~ .doc-more { border-top:1px solid var(--line); }
.doc-client-btn { flex:none; min-height:36px; padding:8px 13px; border-radius:999px; border:1px solid var(--line); background:var(--card2); color:var(--doc-link); font:inherit; font-size:13px; font-weight:600; cursor:pointer; transition:transform .15s ease, opacity .15s; }
.doc-client-btn.on, .doc-ok { color:var(--doc-ok); }
.doc-client-btn:active { transform:scale(.95); }
.doc-client-btn:disabled { opacity:.55; }
.doc-client-btn:focus-visible { outline:2px solid var(--sh-tint-ink); outline-offset:3px; }