/* A class that sets `display` overrides the `hidden` attribute, which is why the
   selection bar and the order filters stayed on screen after leaving their tab. */
[hidden] { display: none !important; }

:root{--accounts-width:238px;--inbox-width:350px;color:#1f2937;background:#f3f6fa;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}
.conversation-actions{display:flex;align-items:center;gap:6px}
.close-chat{border:1px solid #d9e1eb;background:#fff;width:28px;height:28px;line-height:1;padding:0;font-size:20px}
.close-chat:hover{background:#fff0f0;color:#b42318}
.flag-button:disabled{cursor:not-allowed;opacity:.42}
.reply-state{max-width:310px;overflow:hidden;text-overflow:ellipsis}
.message{-webkit-user-select:text;user-select:text}
.message-photo-link{display:block;margin:-3px 0 8px}
.message-photo{display:block;max-width:min(100%,360px);max-height:360px;border-radius:6px;background:#fff;object-fit:contain}
.attachment-missing{display:block;margin-bottom:6px;color:#8a5a09;background:#fff6dd;border:1px solid #f0d28a;border-radius:5px;padding:6px 8px;font-size:12px}
*{box-sizing:border-box}
body{margin:0;min-width:1040px}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.5}
a{color:inherit}
.topbar{height:72px;background:#fff;border-bottom:1px solid #e3e8ef;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.brand,.top-actions,.account-main,.inbox-head,.product-title-row,.product-tools,.composer-top,.composer-bottom,.modal-head,.modal-actions{display:flex;align-items:center}
.brand{gap:11px}
.brand-mark{width:34px;height:34px;border-radius:8px;background:#1e6bd6;color:#fff;display:grid;place-items:center;font-weight:750;font-size:18px}
.brand h1{font-size:16px;line-height:1.15;margin:0}
.brand p{font-size:12px;color:#7a8595;margin:3px 0 0}
.top-actions{gap:8px}
.button{border:1px solid transparent;border-radius:6px;padding:8px 12px;font-weight:600;background:#fff;color:#263245}
.button.compact{padding:6px 8px;font-size:12px}
.button.primary{background:#1769d6;color:#fff}
.button.primary:hover{background:#1158b7}
.button.ghost{border-color:#d9e1eb}
.button.ghost:hover,.filter:hover{background:#f0f5fb}
.shell{display:grid;grid-template-columns:var(--accounts-width) 6px var(--inbox-width) 6px minmax(540px,1fr);height:calc(100vh - 72px);overflow:hidden}
.column-resizer{background:#eef3f8;border-right:1px solid #d9e1eb;border-left:1px solid #eef3f8;cursor:col-resize}
.column-resizer:hover{background:#dcecff}
.accounts-panel,.inbox-panel{background:#fff;overflow:auto}
.accounts-panel{padding:20px 12px;display:flex;flex-direction:column}
.inbox-panel{padding:18px 14px}
.panel-label{color:#8491a2;font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.accounts{margin-top:12px;display:grid;gap:5px}
.account-card{width:100%;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;padding:10px;display:flex;align-items:center;justify-content:space-between;color:#293444}
.account-card:hover{background:#f4f7fb}
.account-card.active{border-color:#b8d1f5;background:#edf5ff}
.account-card.online{border-left:3px solid #24a66a}
.account-card.stale{border-left:3px solid #d99018}
.account-card.offline{border-left:3px solid #d44b4b}
.account-card.captcha{border-color:#e9c98f;background:#fff8e8}
.account-main{gap:9px;min-width:0}
.account-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#d9e9ff;color:#1a66c8}
.account-avatar::after{content:"";display:block;width:8px;height:8px;margin:10px;border-radius:50%;background:#1769d6}
.account-avatar.online::after{background:#24a66a}
.account-avatar.stale::after{background:#d99018}
.account-avatar.offline::after{background:#d44b4b}
.account-name,.account-meta,.account-connection{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-name{font-size:13px}
.account-meta{font-size:11px;color:#344054;margin-top:2px;font-weight:650}
.account-connection{font-size:10px;color:#7a8595;margin-top:2px}
.account-count{min-width:22px;height:22px;padding:3px 6px;border-radius:11px;text-align:center;background:#fff0d4;color:#a25b00;font-size:12px;font-weight:700}
.account-count.empty{display:none}
.connection-note{margin-top:auto;padding:14px 8px 2px;color:#718096;font-size:11px}
.status-dot{display:inline-block;width:7px;height:7px;background:#2dad73;border-radius:50%;margin-right:5px}
.inbox-head{justify-content:space-between;margin-bottom:14px}
.inbox-head strong{display:block;font-size:16px;margin-top:4px}
.icon-button,.flag-button{border:0;background:transparent;color:#718096;border-radius:6px;padding:6px;font-size:18px}
.icon-button:hover,.flag-button:hover{background:#edf3fb;color:#1769d6}
.filters{display:flex;gap:5px;overflow:auto;padding-bottom:10px}
.filter{white-space:nowrap;border:0;border-radius:5px;padding:6px 8px;background:#f3f6fa;color:#637083;font-size:12px}
.filter.active{background:#dcecff;color:#175da9;font-weight:700}
.order-status-filters{display:flex;flex-direction:column;gap:6px;padding:0 0 10px}
.order-filter-row,.order-tool-row{display:flex;gap:5px;overflow-x:auto}
.order-filter-count{margin-left:4px;opacity:.72;font-weight:600}
.order-tool{white-space:nowrap;border:1px dashed #d3dceb;border-radius:5px;padding:4px 7px;background:#fbfcfe;color:#5a6a80;font-size:11px;cursor:pointer}
.order-tool:hover:not(:disabled){border-color:#9bc2f3;color:#175da9}
.order-tool:disabled{opacity:.5;cursor:default}
.bridge-stale{margin:-2px 0 8px;padding:8px;border:1px solid #e9c98f;border-radius:6px;background:#fdf6ea;font-size:11px;color:#7a4e07;line-height:1.4}
.bridge-stale b{display:block;margin-bottom:3px}
.bridge-stale code{display:block;margin-top:5px;padding:5px;border-radius:4px;background:#fff;border:1px solid #eadcc0;font-size:10px;word-break:break-all;user-select:all}
.account-polling{margin:-2px 0 8px}
.polling-summary{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border:1px solid #e6ebf2;border-radius:6px;background:#fbfcfe;color:#6b7a8d;font-size:11px;cursor:pointer;text-align:left}
.polling-summary:hover{border-color:#cfdcec;color:#41506380}
.polling-summary.warn{border-color:#e9c98f}
.polling-caret{flex:none;color:#9aa7b8}
.polling-badge{margin-left:auto;padding:1px 5px;border-radius:4px;background:#eef2f7;font-size:10px}
.polling-badge.warn{background:#fdf0dc;color:#9d5d09;font-weight:600}
.polling-body{margin-top:5px;padding:7px 8px;border:1px solid #e6ebf2;border-radius:6px;background:#fbfcfe}
.polling-row{display:flex;align-items:center;gap:5px;font-size:11px;color:#5a6a80;margin-bottom:5px}
.polling-row input[type=number]{width:46px;padding:3px 5px;border:1px solid #d3dceb;border-radius:4px;font-size:11px}
.poll-quiet-toggle{display:flex;align-items:center;gap:4px;cursor:pointer}
.polling-note{font-size:10px;color:#8491a2;line-height:1.35}
.polling-note.warn{color:#9d5d09;font-weight:600}
.captcha-clear{margin-top:7px;width:100%;border:1px solid #e9c98f;border-radius:5px;background:#fff8e8;color:#8a5607;padding:5px 7px;font-size:11px;font-weight:700}
.captcha-clear:hover:not(:disabled){background:#ffefd1}
.account-update{display:block;width:100%;margin:-2px 0 8px;padding:6px 8px;border:1px dashed #9bc2f3;border-radius:6px;background:#f2f8ff;color:#175da9;font-size:11px;font-weight:600;cursor:pointer;text-align:left}
.account-update:hover:not(:disabled){background:#e4f0ff}
.account-update:disabled{opacity:.55;cursor:default}
.account-update.loader{border-style:solid;border-color:#cfe3cf;background:#f3fbf4;color:#1f7a3d}
.account-update.loader:hover:not(:disabled){background:#e7f6ea}
.inbox-actions{display:flex;gap:5px}
.selection-bar{display:flex;align-items:center;gap:6px;padding:7px 8px;margin-bottom:8px;border:1px solid #b6d0f5;border-radius:7px;background:#eff6ff;font-size:12px;color:#175da9}
.selection-bar span{margin-right:auto}
.chat-row.selectable{padding-left:12px;border-left:3px solid #dbe4ef}
.chat-row.picked{border-color:#7fb2f0;background:#eaf3ff}
.chat-row.picked.selectable{border-left-color:#2d7df6}
.inbox-count{margin-left:6px;color:#8491a2;font-weight:500;text-transform:none;letter-spacing:0}
.chat-time{margin-left:auto;font-style:normal;font-size:10px;color:#8491a2;flex:none}
.mini-order.stale{opacity:.78;border:1px dashed currentColor}
.order-banner small{display:block;margin-top:5px;font-size:11px;opacity:.75}
.order-filter{white-space:nowrap;border:1px solid #dfe6ef;border-radius:5px;padding:5px 7px;background:#fff;color:#637083;font-size:11px}
.order-filter.active{border-color:#9bc2f3;background:#edf6ff;color:#175da9;font-weight:700}
.search{display:flex;gap:7px;align-items:center;padding:8px 10px;border:1px solid #dfe6ef;border-radius:6px;color:#8391a3;margin-bottom:12px}
.search input{width:100%;border:0;outline:0;color:#263245;background:transparent}
.chat-list{display:grid;gap:4px}
.chat-row{border:1px solid transparent;border-radius:7px;background:#fff;padding:9px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:9px;text-align:left;cursor:pointer}
.chat-row:hover{background:#f4f7fb}
.chat-row.active{border-color:#b6d0f5;background:#eff6ff}
.chat-row.waiting .chat-preview{color:#9d5d09}
.chat-row.has-order{border-left:3px solid #24a66a}
.mini-order{font-size:10px;font-weight:750;border-radius:4px;padding:2px 4px}
.status-good{background:#daf8e8!important;color:#167349!important}
.status-info{background:#e5f0ff!important;color:#1554a8!important}
.status-bad{background:#ffe1e1!important;color:#a32626!important}
.status-muted{background:#eef2f6!important;color:#637083!important}
.chat-thumb{width:46px;height:46px;border-radius:5px;object-fit:cover;background:#eaf0f6}
.chat-title{display:flex;align-items:center;gap:5px}
.chat-title b,.chat-item,.chat-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-title b{min-width:0}
.composer-tools{display:flex;gap:6px;align-items:center}
.quick-replies{padding:5px 10px;font-size:14px;line-height:1}
.quick-panel{margin:8px 0;padding:9px;border:1px solid #e0e7f0;border-radius:8px;background:#fafcff}
.quick-item{display:flex;gap:5px;align-items:center;margin-bottom:5px}
.quick-insert{flex:1;text-align:left;padding:6px 8px;border:1px solid #dbe4ef;border-radius:6px;background:#fff;color:#2c3a4d;font-size:12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-insert:hover{border-color:#9bc2f3;background:#f2f8ff}
.quick-edit,.quick-delete{flex:none;width:26px;height:26px;border:1px solid #dbe4ef;border-radius:6px;background:#fff;color:#7a889b;cursor:pointer}
.quick-edit:hover,.quick-delete:hover{border-color:#9bc2f3;color:#175da9}
.quick-empty{color:#8491a2;font-size:12px;margin-bottom:7px}
.quick-form{margin-top:8px;padding-top:8px;border-top:1px dashed #e0e7f0}
.quick-form input,.quick-form textarea{width:100%;margin-bottom:5px;padding:6px 8px;border:1px solid #dbe4ef;border-radius:6px;font:inherit;font-size:12px}
.quick-form-actions{display:flex;gap:5px}
.button.compact{padding:5px 9px;font-size:12px}
.ticks{margin-left:6px;font-style:normal;color:#9aa7b8;letter-spacing:-1px}
.chat-time .ticks{margin:0 4px 0 0;font-size:11px}
.ticks.seen{color:#2d7df6;font-weight:700}
.preview-author{font-weight:700}
.preview-author.me{color:#5a6a80}
.preview-author.them{color:#175da9}
.chat-title .mini-order{flex:none}
.chat-title b{font-size:13px}
.chat-item{font-size:12px;color:#596579;margin-top:3px}
.chat-preview{font-size:12px;color:#8692a2;margin-top:3px}
.chat-badge{width:8px;height:8px;border-radius:50%;background:#e28a19;margin-top:7px}
.chat-badge.read{visibility:hidden}
.workspace{overflow:auto;padding:26px 32px}
.empty-state{max-width:360px;margin:16vh auto;text-align:center;color:#7b8798}
.empty-state h2{color:#334155;margin:10px 0 5px;font-size:18px}
.empty-icon{margin:auto;width:52px;height:52px;border-radius:8px;display:grid;place-items:center;font-size:28px;background:#eaf2fd;color:#2b70cf}
.conversation{max-width:930px;margin:0 auto}
.product-card{display:grid;grid-template-columns:108px minmax(0,1fr) auto;gap:14px;background:#fff;border:1px solid #e0e6ee;border-radius:8px;padding:12px}
.product-image{width:108px;height:82px;object-fit:cover;background:#edf2f7;border-radius:5px}
.product-title-row{gap:10px;justify-content:space-between}
.product-title{font-size:15px;font-weight:750;text-decoration:none}
.product-title:hover{text-decoration:underline}
.product-price{margin:6px 0;color:#5e6d80}
.product-tools{gap:12px;flex-wrap:wrap}
.text-button{border:0;background:transparent;padding:0;color:#2870ce;font-size:12px;text-decoration:none}
.text-button:hover{text-decoration:underline}
.chat-state,.reply-state{font-size:12px;white-space:nowrap;border-radius:4px;padding:4px 6px;background:#fff1d7;color:#9b5b05}
.chat-flags{display:flex;flex-direction:column;gap:2px}
.flag-button.active{background:#fff1d7;color:#bd760f}
.conversation-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 2px 14px}
.conversation-head h2{font-size:20px;margin:0}
.buyer-meta{font-size:12px;color:#8391a2;margin:5px 0 0}
.messages{display:flex;flex-direction:column;gap:9px;padding:8px 0 20px}
.order-banner{border:1px solid #9ee6bc;border-radius:7px;padding:10px 12px}
.order-banner b,.order-banner span{display:block}
.order-banner span{font-size:12px;margin-top:3px}
.message{max-width:72%;padding:10px 12px;background:#eef2f6;border-radius:7px;white-space:pre-wrap;line-height:1.4;color:#253245}
.message.seller{align-self:flex-end;background:#dcecff}
.message small{display:block;margin-top:5px;font-size:11px;color:#778497}
.composer{border:1px solid #dce4ee;background:#fff;border-radius:8px;padding:13px;position:sticky;bottom:0}
.composer-top{justify-content:space-between;margin-bottom:9px}
.composer-label{font-weight:700;color:#354154}
.reply{display:block;width:100%;border:1px solid #d9e2ec;border-radius:6px;padding:10px;resize:vertical;outline:0;line-height:1.4}
.reply:focus{border-color:#77a9ea;box-shadow:0 0 0 3px #e8f2ff}
.composer-bottom{gap:9px;margin-top:10px}
.send-status{flex:1;color:#6d7a8b;font-size:12px}
.attachment{color:#657386}
.modal{border:0;border-radius:8px;box-shadow:0 20px 80px rgba(27,44,68,.22);padding:0;width:min(440px,calc(100vw - 28px))}
.modal::backdrop{background:rgba(29,43,61,.32)}
.modal form{padding:20px}
.modal-head{justify-content:space-between}
.modal h2{font-size:19px;margin:4px 0 0}
.modal-copy{color:#6d7b8c;line-height:1.45}
.field-label{display:block;font-weight:700;margin-top:17px}
.field-label input{display:block;width:100%;margin-top:7px;border:1px solid #d7e0e9;border-radius:6px;padding:10px;outline:0}
.account-result{margin-top:15px;border:1px solid #b6d0f5;background:#eff6ff;border-radius:6px;padding:12px;color:#30445f;font-size:13px;line-height:1.5}
.account-result code{display:block;margin-top:5px;background:#fff;padding:7px;border-radius:4px;overflow:auto}
.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px}
.no-chats{padding:18px 7px;color:#8491a2;font-size:13px}
@media(max-width:1120px){body{min-width:0}
.shell{grid-template-columns:205px 6px 310px 6px minmax(430px,1fr)}
.workspace{padding:18px}
.product-card{grid-template-columns:84px minmax(0,1fr) auto}
.product-image{width:84px;height:72px}
}

/* ---- Разделы слева: Чаты / Выводы / Аккаунты / Шаблоны ----
   Панель перестала быть одним экраном с фильтрами: у выводов своя очередь и свой
   журнал, и они не должны делить место со списком чатов. */
.app{display:flex;min-height:100vh}
.views{flex:1;min-width:0;display:flex;flex-direction:column}
.rail{width:78px;flex:0 0 78px;background:#12233c;color:#cdd9e8;display:flex;flex-direction:column;align-items:stretch;padding:10px 6px;gap:2px}
.rail-brand{width:34px;height:34px;margin:2px auto 12px;border-radius:9px;background:#1e6bd6;color:#fff;display:grid;place-items:center;font-weight:750;font-size:17px}
.rail-item{position:relative;border:0;background:transparent;color:#9fb2c9;border-radius:9px;padding:9px 2px 7px;display:grid;justify-items:center;gap:3px;line-height:1}
.rail-item:hover{background:#1b3152;color:#e7eefa}
.rail-item.active{background:#1c68d3;color:#fff}
.rail-icon{font-size:17px}
.rail-label{font-size:10.5px;font-weight:650;letter-spacing:.01em}
.rail-badge{position:absolute;top:4px;right:10px;min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:#e0533c;color:#fff;font-size:10px;font-weight:750;display:grid;place-items:center}
.rail-badge.money{background:#1f9c5b;right:6px}
.rail-spacer{flex:1}
.view{flex:1;overflow:auto;background:#f3f6fa}
.view-inner{max-width:1180px;margin:0 auto;padding:22px 26px 40px}
.view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.view-head h2{margin:4px 0 0;font-size:20px}
.view-note{margin:5px 0 0;color:#6b7a8d;font-size:12.5px;max-width:640px}
.view-actions{display:flex;gap:8px;flex-wrap:wrap}
.notice-strip{background:#fff6dd;border:1px solid #f0d28a;color:#7a5209;border-radius:8px;padding:11px 13px;font-size:13px;margin-bottom:14px}
.payout-account-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding-bottom:2px}
.payout-account-tab{min-width:190px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;color:#263245;text-align:left;padding:10px 12px;cursor:pointer}
.payout-account-tab.active{border-color:#8bbbf3;background:#eef6ff}
.payout-account-tab b{display:block;font-size:13px}
.payout-account-tab span{display:block;margin-top:3px;color:#12744a;font-weight:750}
.payout-account-tab small{display:block;margin-top:3px;color:#7a8595;font-size:11px}
.payout-mode-panel{display:grid;grid-template-columns:minmax(280px,1fr) minmax(250px,330px) minmax(210px,280px);align-items:start;gap:14px;background:#fff;border:1px solid #dfe6ef;border-radius:11px;padding:14px 15px;margin:0 0 14px}
.payout-mode-panel strong{display:block;margin-top:3px;font-size:15px}
.payout-mode-panel p{margin:3px 0 0}
.payout-run-status{min-width:0}
.payout-run-controls{display:grid;gap:8px;align-content:start}
.payout-advanced{align-self:start;color:#4f6075;font-size:12px}
.payout-advanced summary{cursor:pointer;font-weight:750;color:#263245}
.payout-advanced p{margin:7px 0 0}
.payout-worker-route{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}
.payout-worker-route input{min-width:0;height:34px;border:1px solid #d9e1eb;border-radius:7px;padding:0 10px;color:#1d2a3a;font-size:12px;background:#f8fafc}
.payout-target-field{display:grid;gap:4px;color:#6b7a8d;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
.payout-target-field input{height:34px;border:1px solid #d9e1eb;border-radius:7px;padding:0 10px;color:#1d2a3a;font-size:13px;text-transform:none;letter-spacing:0;font-weight:500}
.payout-auto-field input{text-align:center;font-weight:700}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px;margin-bottom:16px}
.stat-card{background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:12px 14px}
.stat-card b{display:block;font-size:21px;margin-top:3px;letter-spacing:-.01em}
.stat-card small{color:#7a8595;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
.stat-card.money b{color:#12744a}
.payout-columns{display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(320px,1fr);gap:16px;align-items:start}
.payout-block{background:#fff;border:1px solid #e3e8ef;border-radius:11px;padding:14px 15px}
.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.block-head h3{margin:0;font-size:14px}
.journal-head{margin-top:20px;padding-top:14px;border-top:1px solid #eef2f7}
.block-total{font-size:13px;font-weight:700;color:#12744a}
.table-tools{display:flex;gap:12px;margin:8px 0 4px}
.payout-list{display:grid;gap:6px;margin-top:8px;max-height:52vh;overflow:auto}
.payout-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;border:1px solid #e7ecf3;border-radius:8px;padding:9px 10px;background:#fff}
.payout-row.selected{border-color:#b8d1f5;background:#f2f8ff}
.payout-row .who{min-width:0}
.payout-row .who b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.payout-row .who small{display:block;color:#7a8595;font-size:11px;margin-top:2px}
.payout-row .amount{font-weight:750;font-size:14px;white-space:nowrap}
.payout-row .amount small{display:block;font-weight:600;font-size:10.5px;color:#7a8595;text-align:right;margin-top:2px}
.payout-row.state-done{border-left:3px solid #1f9c5b}
.payout-row.state-failed{border-left:3px solid #d44b4b}
.payout-row.state-cancelled{border-left:3px solid #9aa6b5;opacity:.75}
.payout-row.state-queued{border-left:3px solid #d99018}
.payout-row.state-sending{border-left:3px solid #1c68d3}
.payout-day{display:grid;gap:6px;padding:6px 0}
.payout-day-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 2px 2px;color:#526275;font-size:12px;font-weight:750}
.payout-day-head span{color:#12744a}
.payout-action-bar{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #eef2f7}
.muted-note{color:#7a8595;font-size:12px}
.empty-line{color:#8794a5;font-size:12.5px;padding:10px 2px}
.accounts-wide{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.account-tile{background:#fff;border:1px solid #e3e8ef;border-radius:11px;padding:14px 15px}
.account-tile h3{margin:0 0 2px;font-size:15px}
.account-tile .tile-meta{color:#6b7a8d;font-size:12px;margin-bottom:10px}
.notes-editor,.safety-body{background:#fff;border:1px solid #e3e8ef;border-radius:11px;padding:16px 17px}
.notes-editor .note-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid #eef2f7}
.notes-editor textarea{width:100%;border:1px solid #d9e1eb;border-radius:7px;padding:8px}
.safety-body table{width:100%;border-collapse:collapse;font-size:13px}
.safety-body td,.safety-body th{text-align:left;padding:7px 8px;border-bottom:1px solid #eef2f7}
@media(max-width:900px){
  .payout-mode-panel{grid-template-columns:1fr}
  .payout-worker-route{grid-template-columns:1fr}
  .payout-columns{grid-template-columns:1fr}
}

/* Разведка формата вывода: одно ручное действие владельца вместо угадывания. */
.capture-panel{background:#fff;border:1px solid #e3e8ef;border-radius:11px;padding:14px 16px;margin-bottom:16px}
.payout-dev-panel{margin-top:16px;margin-bottom:0}
.capture-panel.active{border-color:#f0c274;background:#fffdf6}
.capture-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.capture-panel.collapsed .capture-steps,
.capture-panel.collapsed > .muted-note,
.capture-panel.collapsed #payout-probe-result,
.capture-panel.collapsed #capture-entries{display:none}
.capture-steps{margin:12px 0 6px;padding-left:20px;color:#41506a;font-size:13px;line-height:1.55}
.capture-steps li{margin:2px 0}
.capture-entries{display:grid;gap:6px;margin-top:10px;max-height:320px;overflow:auto}
.capture-entry{border:1px solid #e7ecf3;border-radius:8px;padding:8px 10px;font-size:12px;background:#fbfdff}
.capture-entry b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;word-break:break-all}
.capture-entry pre{margin:6px 0 0;white-space:pre-wrap;word-break:break-all;color:#425063;background:#f4f7fb;border-radius:6px;padding:6px 8px;max-height:120px;overflow:auto}
.capture-entry .code-ok{color:#12744a;font-weight:700}
.capture-entry .code-bad{color:#b42318;font-weight:700}

/* Контакты по дням: таблица слева, разбор выбранного дня справа. */
.contacts-table{margin-top:8px;max-height:56vh;overflow:auto}
.contacts-table table{width:100%;border-collapse:collapse;font-size:13px}
.contacts-table th{position:sticky;top:0;background:#fff;text-align:right;color:#7a8595;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-bottom:1px solid #e7ecf3}
.contacts-table th:first-child{text-align:left}
.contacts-table td{padding:7px 8px;border-bottom:1px solid #f1f4f8;text-align:right}
.contacts-table td:first-child{text-align:left}
.contacts-table tr.day-row{cursor:pointer}
.contacts-table tr.day-row:hover{background:#f4f8ff}
.contacts-table tr.day-row.active{background:#edf5ff}
.contacts-table .day-total{font-weight:750}
.contacts-table .today-mark{color:#12744a;font-weight:700}
.muted-note.warn{color:#8a5a09}

/* Файлы для телефона: оба рядом, чтобы не искать их в разных вкладках. */
.phone-files{margin-top:10px;padding:10px 12px;background:#f7faff;border:1px solid #dce7f5;border-radius:9px}
.phone-files>b{font-size:12.5px}
.phone-file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-size:12.5px}
.phone-files small{display:block;margin-top:8px}

/* Журнал выводов: день сворачивается, чтобы месяц не превращался в простыню. */
.payout-day{margin-bottom:10px}
.payout-day-head{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:10px;border:0;background:#f4f7fb;border-radius:8px;padding:8px 10px;text-align:left;font:inherit;color:#263245}
.payout-day-head:hover{background:#e9f1fb}
.payout-day-head span{font-size:12px;color:#5b6a7d}
.payout-day-rows{display:grid;gap:6px;margin-top:6px}
.payout-fix{display:block;margin-top:3px}
.payout-fix .text-button{font-size:11px}
.payout-fix .text-button.ok{color:#12744a;font-weight:700}

/* Доступ и экран знакомства для гостей */
.accounts-files-link{display:block;width:100%;margin:6px 0 2px;padding:6px 8px;border:1px solid #e2e6ee;border-radius:6px;background:#fbfcfe;color:#5a6070;font-size:11px;font-weight:600;text-align:left;cursor:pointer}
.captcha-fix{margin-top:6px;width:100%;border:1px solid #e2e6ee;border-radius:5px;background:#fbfcfe;color:#5a6070;padding:5px 7px;font-size:11px;font-weight:600}
.captcha-fix:hover:not(:disabled){background:#f1f4f9}
.access-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.access-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #e2e6ee;border-radius:9px;background:#fff}
.access-row.pending{border-color:#e9c98f;background:#fff8e8}
.access-row.revoked{opacity:.6}
.access-actions{display:flex;gap:6px}
.access-link{margin-top:12px;padding:11px 13px;border:1px solid #cfe0f7;border-radius:9px;background:#f4f9ff;display:flex;flex-direction:column;gap:7px}
.access-link code{word-break:break-all;font-size:12px;background:#fff;border:1px solid #e2e6ee;border-radius:6px;padding:7px}
.gate{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;background:#0f1722;padding:20px}
.gate-card{width:100%;max-width:420px;background:#fff;border-radius:14px;padding:22px 24px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.gate-card h2{margin:0 0 8px;font-size:19px}
.gate-card p{margin:0 0 14px;color:#5a6070;font-size:13px;line-height:1.5}
.gate-card input{width:100%;padding:9px 10px;border:1px solid #cdd4e0;border-radius:7px;font-size:14px;margin-bottom:10px}
.gate-error{margin-top:9px;color:#b3261e;font-size:12px}