:root{color-scheme:dark;--bg:#0b0d17;--bg-soft:#101420;--surface:#141927;--surface-2:#181e2e;--surface-3:#1d2436;--border:#293149;--border-soft:#20273a;--text:#f6f7ff;--muted:#8f9bb8;--muted-2:#66718f;--purple:#7565f4;--purple-2:#9387ff;--cyan:#36caef;--teal:#2bd4b8;--rose:#ff647f;--amber:#ffbd45;--shadow:0 22px 55px rgba(0,0,0,.28);--radius:18px;--sidebar:248px;--topbar:74px;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh;font-size:15px}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--purple-2);outline-offset:2px}.hidden{display:none!important}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:24px 15px;background:#0d101a;border-right:1px solid var(--border-soft);z-index:20}.brand,.mobile-brand{display:flex;align-items:center;gap:12px}.brand{padding:0 10px 28px}.brand strong{display:block;font-size:17px;letter-spacing:-.25px}.brand small{display:block;color:var(--muted-2);font-size:10px;margin-top:3px;text-transform:uppercase;letter-spacing:1.4px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:12px;color:#fff;font-weight:800;font-size:18px;background:linear-gradient(145deg,var(--purple),#4c3fd0);box-shadow:0 8px 22px rgba(117,101,244,.26)}.brand-mark.large{width:54px;height:54px;border-radius:16px;font-size:25px;margin-bottom:10px}.nav{display:flex;flex-direction:column;gap:7px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:13px;width:100%;min-height:47px;padding:0 14px;border-radius:12px;color:#9ca8c2;text-align:left;cursor:pointer;transition:.18s ease}.nav-item:hover{color:#dfe4f4;background:#151a28}.nav-item.active{background:linear-gradient(90deg,rgba(117,101,244,.24),rgba(117,101,244,.08));color:#fff;box-shadow:inset 3px 0 var(--purple)}.nav-icon{width:21px;text-align:center;font-size:19px;color:#8490ae}.nav-item.active .nav-icon{color:var(--purple-2)}.nav-badge{margin-left:auto;padding:2px 7px;border-radius:8px;color:#aab5d0;background:#1a2030;font-size:11px}.sidebar-status{margin-top:auto;padding:14px;border:1px solid var(--border-soft);border-radius:14px;background:#111624}.sidebar-status>div{display:flex;gap:8px;align-items:center;font-size:12px}.sidebar-status small{display:block;color:var(--muted-2);font-size:10px;line-height:1.5;margin:7px 0 0 15px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(43,212,184,.1)}.main{min-height:100vh;margin-left:var(--sidebar)}.topbar{height:var(--topbar);position:sticky;top:0;display:flex;align-items:center;gap:10px;padding:0 34px;background:rgba(11,13,23,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft);z-index:15}.topbar-spacer{flex:1}.mobile-brand{display:none}.server-pill{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;color:#aab5cf;background:#121725;border:1px solid var(--border-soft);font-size:12px}.avatar-button,.icon-button{border:1px solid #5146be;background:#6556df;width:40px;height:40px;border-radius:12px;cursor:pointer;font-weight:750}.icon-button{background:#151b2a;border-color:var(--border);font-size:20px}.content{max-width:1580px;margin:0 auto;padding:38px 34px 60px}.page{display:none;animation:page-in .2s ease}.page.active{display:block}@keyframes page-in{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:28px}.page-heading h1{font-size:34px;line-height:1.05;letter-spacing:-1.1px;margin:4px 0 8px}.page-heading p{margin:0;color:var(--muted)}.eyebrow{color:#736da1!important;font-size:10px!important;line-height:1!important;font-weight:800!important;letter-spacing:1.55px!important;text-transform:uppercase}.accent-text{color:var(--purple-2)}.heading-actions,.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.button{min-height:42px;border:1px solid var(--border);border-radius:11px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#171d2b;color:#eef1fb;font-weight:650;font-size:13px;white-space:nowrap;cursor:pointer;transition:.16s}.button:hover{transform:translateY(-1px);border-color:#44506f;background:#1d2435}.button:disabled{opacity:.42;pointer-events:none}.button.primary{background:linear-gradient(135deg,#7a69f5,#6757df);border-color:#8677ff;box-shadow:0 9px 24px rgba(108,91,224,.2)}.button.primary:hover{background:linear-gradient(135deg,#8878ff,#7160ec)}.button.danger{background:#ea5d74;border-color:#ff758b;color:white}.button.danger.subtle{background:rgba(255,100,127,.1);border-color:rgba(255,100,127,.28);color:#ff8498}.button.wide{width:100%;justify-content:space-between;padding:0 19px}.text-button{border:0;background:transparent;color:#9f94ff;font-size:12px;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{min-height:150px;position:relative;overflow:hidden;padding:21px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#161b29,#131824)}.metric-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;filter:blur(30px);opacity:.12;right:-35px;bottom:-55px;background:currentColor}.metric-card.purple{color:var(--purple-2)}.metric-card.cyan{color:var(--cyan)}.metric-card.rose{color:var(--rose)}.metric-card.amber{color:var(--amber)}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#9aa6c0}.metric-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.04);color:currentColor}.metric-card>strong{display:block;margin:20px 0 5px;font-size:30px;letter-spacing:-1px;color:currentColor}.metric-card>small{color:var(--muted-2)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:18px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#151a28,#121722);box-shadow:0 1px 0 rgba(255,255,255,.015)}.activity-panel,.health-panel{min-height:425px;padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-heading h2{font-size:19px;margin:5px 0 0}.activity-list{display:flex;flex-direction:column}.activity-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 2px;border-bottom:1px solid var(--border-soft)}.activity-row:last-child{border:0}.activity-bullet{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:var(--teal);background:rgba(43,212,184,.09)}.activity-row.error .activity-bullet{color:var(--rose);background:rgba(255,100,127,.09)}.activity-copy strong{display:block;font-size:13px}.activity-copy small{display:block;color:var(--muted-2);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{color:var(--muted-2);font-size:11px}.activity-list.full .activity-row{padding:18px 6px}.health-ring{width:162px;height:162px;margin:30px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--teal) var(--health,100%),#242b3c 0);position:relative}.health-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#141a26}.health-ring>div{position:relative;z-index:1;text-align:center}.health-ring strong{display:block;font-size:27px}.health-ring span{font-size:11px;color:var(--muted)}.health-list{list-style:none;padding:0;margin:0}.health-list li{display:flex;justify-content:space-between;padding:10px 0;color:var(--muted);border-bottom:1px solid var(--border-soft);font-size:12px}.health-list li:last-child{border:0}.positive{color:var(--teal)}.section-toolbar{display:grid;grid-template-columns:minmax(220px,360px) 1fr auto;align-items:center;gap:12px;margin-bottom:12px}.search{height:43px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--border);border-radius:11px;background:#151a28;color:var(--muted)}.search:focus-within{border-color:#675be4}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.search input::placeholder{color:#6f7a97}.toolbar-meta{color:var(--muted-2);font-size:12px}.select{height:43px;min-width:180px;padding:0 34px 0 13px;border:1px solid var(--border);border-radius:11px;background:#151a28;color:var(--text)}.select-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted-2);font-size:11px;padding:0 5px;margin:0 0 15px}.check-label{display:flex;align-items:center;gap:8px;color:#aeb8ce;cursor:pointer}.check-label input,.account-select,.lot-select,.choice-list input{accent-color:var(--purple)}.accounts-grid{display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));gap:14px}.account-card{position:relative;overflow:hidden;min-height:218px;padding:19px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#171c2a,#131824);transition:.16s}.account-card:hover{transform:translateY(-2px);border-color:#3c4560;box-shadow:var(--shadow)}.account-card.selected{border-color:#7668e8;box-shadow:inset 0 0 0 1px rgba(133,118,255,.25)}.account-card.has-error{border-color:rgba(255,100,127,.38)}.account-card-top{display:flex;align-items:center;gap:12px}.account-avatar{width:52px;height:52px;border-radius:15px;object-fit:cover;background:#20283b;border:1px solid #343d56}.avatar-fallback{display:grid;place-items:center;font-size:19px;font-weight:800;color:white;background:linear-gradient(145deg,#7160e4,#3f88d2)}.account-main{min-width:0;flex:1}.account-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.account-main small{display:block;color:var(--muted-2);margin-top:4px}.account-select{width:17px;height:17px}.account-status{display:flex;align-items:center;gap:7px;font-size:11px;padding:5px 9px;border-radius:999px;color:var(--teal);background:rgba(43,212,184,.08)}.account-status.off{color:var(--muted);background:rgba(143,155,184,.08)}.account-status.error{color:var(--rose);background:rgba(255,100,127,.08)}.account-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:21px 0 17px}.mini-metric{padding:10px;background:#111622;border-radius:10px}.mini-metric span{display:block;color:var(--muted-2);font-size:10px;margin-bottom:5px}.mini-metric strong{font-size:13px}
/* Второй и третий кошельки под основным: три суммы в строку не влезают даже на широком
   экране, а карточка не должна расти в высоту от одной валюты. */
.account-wallets{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.star{color:var(--amber)}.account-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--border-soft);font-size:11px;color:var(--muted-2)}.account-proxy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-menu{border:0;background:transparent;color:#98a4be;cursor:pointer;font-size:18px}.account-error{position:absolute;left:0;right:0;bottom:0;padding:8px 18px;background:rgba(255,100,127,.11);color:#ff91a3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lots-table{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#131824}.lot-row{display:grid;grid-template-columns:42px minmax(230px,2.4fr) minmax(130px,1fr) 110px 90px 44px;align-items:center;min-height:72px;border-bottom:1px solid var(--border-soft);transition:.12s}.lot-row:last-child{border:0}.lot-row:hover{background:#171d2b}.lot-row.selected{background:rgba(117,101,244,.08)}.lot-cell{padding:10px 13px;min-width:0}.lot-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.lot-title small,.lot-account small{display:block;margin-top:5px;color:var(--muted-2);font-size:10px}.lot-price{color:var(--amber);font-weight:750}.lot-id{font-variant-numeric:tabular-nums;color:#a7b1c8;font-size:12px}.lot-edit{border:0;background:transparent;color:var(--purple-2);font-size:18px;cursor:pointer}.lot-header{min-height:42px;background:#171d2b;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.empty-state{text-align:center;padding:75px 20px;color:var(--muted)}.empty-state h2{color:var(--text);font-size:19px}.empty-state p{max-width:420px;margin:0 auto 22px}.empty-icon{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:18px;background:#171d2b;color:var(--purple-2);font-size:27px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.setting-card{display:flex;align-items:flex-start;gap:16px;padding:22px}.setting-card h2{margin:0 0 8px;font-size:17px}.setting-card p{color:var(--muted);line-height:1.6;margin:0 0 16px;font-size:13px}.setting-icon{display:grid;place-items:center;flex:0 0 auto;width:45px;height:45px;border-radius:14px;color:var(--purple-2);background:rgba(117,101,244,.1)}.status-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#1b2131;color:#a9b3ca;font-size:11px}.status-chip.success{color:var(--teal);background:rgba(43,212,184,.08)}.mobile-nav{display:none}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 15%,#19163b 0,transparent 33%),radial-gradient(circle at 80% 82%,#102c39 0,transparent 28%),#090b13}.login-card{position:relative;z-index:2;width:min(430px,100%);padding:38px;border:1px solid #2c3350;border-radius:24px;background:rgba(16,20,32,.92);backdrop-filter:blur(24px);box-shadow:0 35px 90px rgba(0,0,0,.42)}.login-card h1{font-size:33px;letter-spacing:-1px;margin:4px 0 9px}.login-card>.muted{line-height:1.55;margin:0 0 27px}.login-card .field{margin-bottom:18px}.secure-note{text-align:center;color:var(--muted-2);font-size:11px;margin-top:20px}.form-error{min-height:18px;color:var(--rose);font-size:12px;text-align:center}.login-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.32}.orb-one{width:270px;height:270px;left:6%;top:11%;background:linear-gradient(145deg,#6d55ec,transparent)}.orb-two{width:230px;height:230px;right:9%;bottom:8%;background:linear-gradient(145deg,#17bad1,transparent)}.modal{width:min(620px,calc(100% - 28px));max-height:min(88vh,820px);padding:0;border:1px solid #343d58;border-radius:19px;background:#111622;color:var(--text);box-shadow:0 34px 95px rgba(0,0,0,.6)}.modal::backdrop{background:rgba(3,5,10,.72);backdrop-filter:blur(4px)}.modal>form{padding:26px}.wide-modal{width:min(820px,calc(100% - 28px))}.small-modal{width:min(440px,calc(100% - 28px))}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.modal-heading h2{font-size:24px;margin:5px 0 6px}.modal-heading p{color:var(--muted);margin:0}.modal-close{border:0;background:#1c2231;color:#aab4ca;width:34px;height:34px;border-radius:10px;font-size:22px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field>span{font-size:12px;font-weight:650;color:#bac3d6}.field>span small{color:var(--muted-2);font-weight:400}.field input,.field textarea,.field select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #30384f;border-radius:10px;background:#171c29;color:var(--text)}.field textarea{min-height:105px;resize:vertical}.field>small{color:var(--muted-2);font-size:10px}.input-action{display:flex;gap:8px}.input-action input{min-width:0}.input-action button{min-width:86px;border:1px solid var(--border);border-radius:10px;background:#1c2231;color:#b9c2d5;cursor:pointer}.proxy-input button{min-width:105px;color:#c8c2ff;border-color:#4c447b}.advanced-field{opacity:.85}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:15px;border:1px solid var(--border-soft);border-radius:12px;background:#141a27;cursor:pointer}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:13px}.switch-row small{color:var(--muted-2);font-size:10px;margin-top:4px}.switch-row input{display:none}.switch-row i{position:relative;width:43px;height:24px;flex:0 0 auto;border-radius:99px;background:#30374a;transition:.2s}.switch-row i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#a9b1c3;transition:.2s}.switch-row input:checked+i{background:var(--purple)}.switch-row input:checked+i:after{transform:translateX(19px);background:white}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:26px}.dynamic-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-height:49vh;overflow:auto;padding-right:5px}.dynamic-fields:empty{display:none}.dynamic-fields .textarea-field{grid-column:1/-1}.choice-list{display:flex;gap:8px;flex-wrap:wrap;padding:11px;border:1px solid var(--border);border-radius:11px;background:#151a28}.choice-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:9px;background:#1d2333;font-size:12px}.node-loader{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin:16px 0}.confirm-modal{width:min(420px,calc(100% - 28px));text-align:center}.confirm-icon{width:54px;height:54px;margin:0 auto 15px;display:grid;place-items:center;border-radius:17px;background:rgba(255,100,127,.11);color:var(--rose);font-size:23px;font-weight:800}.confirm-modal h2{margin:0 0 10px}.confirm-modal p{color:var(--muted);line-height:1.55}.confirm-modal .modal-actions{justify-content:center}.loading-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(7,9,16,.72);backdrop-filter:blur(5px)}.loading-overlay strong{font-size:13px}.spinner{width:38px;height:38px;border:3px solid #2d3449;border-top-color:var(--purple-2);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-region{position:fixed;right:24px;bottom:24px;z-index:120;display:flex;flex-direction:column;gap:9px;pointer-events:none}.toast{min-width:280px;max-width:420px;display:grid;grid-template-columns:26px 1fr;gap:10px;padding:14px 16px;border:1px solid #35405c;border-radius:13px;background:#171d2b;box-shadow:var(--shadow);animation:toast-in .24s ease}.toast.success{border-color:rgba(43,212,184,.36)}.toast.error{border-color:rgba(255,100,127,.4)}
/* Всплывашка о новом сообщении: по ней кликают, поэтому она и выглядит нажимаемой. */
.message-toast{cursor:pointer;border-color:rgba(120,140,255,.45);background:linear-gradient(180deg,#1b2337,#171d2b)}
.message-toast:hover{border-color:rgba(120,140,255,.7)}
.message-toast .toast-icon{background:rgba(120,140,255,.18)}
body[data-market="g2g"] .message-toast{border-color:rgba(240,132,42,.45)}
body[data-market="g2g"] .message-toast .toast-icon{background:rgba(240,132,42,.18)}.toast-icon{color:var(--teal);font-weight:800}.toast.error .toast-icon{color:var(--rose)}.toast strong{display:block;font-size:12px}.toast small{display:block;margin-top:3px;color:var(--muted);line-height:1.4}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1180px){:root{--sidebar:216px}.content{padding-left:24px;padding-right:24px}.accounts-grid{grid-template-columns:repeat(2,minmax(270px,1fr))}.section-toolbar{grid-template-columns:minmax(210px,1fr) auto}.toolbar-meta{display:none}.toolbar-actions{grid-column:1/-1;justify-content:flex-end}.lots-toolbar{grid-template-columns:minmax(210px,1fr) 190px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){:root{--topbar:62px}.sidebar{display:none}.main{margin-left:0;padding-bottom:70px}.topbar{padding:0 16px}.mobile-brand{display:flex}.mobile-brand .brand-mark{width:34px;height:34px;border-radius:10px;font-size:16px}.server-pill{display:none}.content{padding:24px 16px 38px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;min-height:67px;padding:6px 7px calc(6px + env(safe-area-inset-bottom));background:rgba(13,16,26,.96);backdrop-filter:blur(18px);border-top:1px solid var(--border-soft);z-index:30}.mobile-nav button{border:0;background:transparent;color:#6f7a98;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:10px}.mobile-nav button span{font-size:19px}.mobile-nav button small{font-size:9px}.mobile-nav button.active{color:var(--purple-2);background:rgba(117,101,244,.09)}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.dashboard-grid{grid-template-columns:1fr}.health-panel{min-height:auto}.section-toolbar,.lots-toolbar{grid-template-columns:1fr}.section-toolbar .select{width:100%}.toolbar-actions{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.accounts-grid{grid-template-columns:1fr}.lots-table{border:0;background:transparent;display:grid;grid-template-columns:1fr;gap:10px}/* Шапка не прячется, а превращается в полосу кнопок сортировки — ровно как у G2G. Раньше она скрывалась, и сортировать на телефоне можно было только выпадающим списком в фильтрах; список убран, значит сортировка обязана жить здесь. */.lot-header{display:flex;flex-wrap:wrap;gap:6px;min-height:0;padding:2px 2px 6px;background:transparent}.lot-header>div:not([data-sort-key]){display:none}.lot-header .lot-sortable{min-height:28px;display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-soft)}.lot-row{position:relative;grid-template-columns:34px minmax(0,1fr) 40px;grid-template-areas:"check title edit" "check account edit" "check meta edit";min-height:120px;border:1px solid var(--border);border-radius:14px;background:#151a27}.lot-row .lot-cell:nth-child(1){grid-area:check}.lot-row .lot-title{grid-area:title;padding-bottom:2px}.lot-row .lot-account{grid-area:account;padding-top:2px}.lot-row .lot-id{grid-area:meta;padding-top:4px}.lot-row .lot-price{position:absolute;right:50px;bottom:17px}.lot-row .lot-cell:last-child{grid-area:edit}.settings-grid{grid-template-columns:1fr}.toast-region{left:12px;right:12px;bottom:83px}.toast{min-width:0;max-width:none;width:100%}}
@media(max-width:560px){.content{padding-top:20px}.page-heading{display:block;margin-bottom:20px}.page-heading>.button,.page-heading>.heading-actions{margin-top:16px}.heading-actions{width:100%}.heading-actions .button{flex:1}.metric-grid{gap:10px}.metric-card{min-height:126px;padding:16px}.metric-card>strong{font-size:25px;margin-top:14px}.metric-top{font-size:11px}.activity-panel,.health-panel{padding:18px}.select-strip>span:last-child{display:none}.account-card{min-height:210px}.account-metrics{margin-top:18px}.form-grid,.dynamic-fields{grid-template-columns:1fr}.dynamic-fields .textarea-field{grid-column:auto}.modal{max-height:94vh;border-radius:17px}.modal>form{padding:20px}.modal-heading h2{font-size:21px}.input-action{display:grid;grid-template-columns:1fr auto}.node-loader{grid-template-columns:1fr}.node-loader .button{width:100%}.modal-actions .button{flex:1}.login-card{padding:28px 23px}.login-card h1{font-size:29px}}

/* Unified chats */
.chat-page{min-height:calc(100vh - var(--topbar) - 98px)}.chat-page-heading{margin-bottom:20px}.chat-workspace{height:clamp(620px,calc(100vh - var(--topbar) - 170px),850px);min-height:620px;display:grid;grid-template-columns:215px 355px minmax(390px,1fr);overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#111522;box-shadow:0 22px 64px rgba(0,0,0,.18)}.chat-account-rail{min-width:0;padding:16px 11px;border-right:1px solid var(--border-soft);background:linear-gradient(180deg,#121725,#0f131f);overflow-y:auto}.chat-rail-title{padding:5px 9px 13px}.chat-rail-title strong,.chat-rail-title small{display:block}.chat-rail-title strong{font-size:12px}.chat-rail-title small{margin-top:4px;color:var(--muted-2);font-size:9px}.chat-account-filters{display:flex;flex-direction:column;gap:4px}.chat-account-filter{width:100%;min-height:57px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;color:#abb5cb;text-align:left;cursor:pointer;transition:.16s}.chat-account-filter:hover{background:#181d2b;color:#fff}.chat-account-filter.active{color:#fff;border-color:rgba(117,101,244,.28);background:linear-gradient(90deg,rgba(117,101,244,.22),rgba(117,101,244,.06))}.chat-account-filter>span:nth-child(2){min-width:0}.chat-account-filter strong,.chat-account-filter small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-account-filter strong{font-size:11px}.chat-account-filter small{margin-top:4px;color:var(--muted-2);font-size:9px}.chat-account-filter b{min-width:20px;padding:3px 6px;border-radius:8px;background:#202638;color:#aeb8ce;font-size:9px;text-align:center}.chat-filter-avatar,.chat-all-icon{width:35px;height:35px;border-radius:11px;object-fit:cover;background:#20273a}.chat-all-icon{display:grid;place-items:center;color:var(--purple-2);font-size:18px}.chat-filter-avatar.fallback{display:grid;place-items:center;color:white;font-size:12px;font-weight:800;background:linear-gradient(145deg,#7160e4,#3f88d2)}.chat-list-column{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border-soft);background:#131824}.chat-list-heading{padding:16px 15px 12px;border-bottom:1px solid var(--border-soft)}.chat-list-heading>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}.chat-list-heading strong{font-size:14px}.chat-list-heading small{color:var(--muted-2);font-size:9px}.chat-search{height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #293148;border-radius:10px;background:#101521;color:var(--muted)}.chat-search:focus-within{border-color:#6257cc}.chat-search input{width:100%;border:0;outline:0;background:transparent;color:#eef1fb;font-size:11px}.chat-errors{margin:9px 10px 0;padding:8px 10px;border:1px solid rgba(255,100,127,.25);border-radius:9px;background:rgba(255,100,127,.07);color:#ff91a3;font-size:9px;line-height:1.4}.chat-list{flex:1;min-height:0;overflow-y:auto;padding:6px}.chat-conversation{position:relative;width:100%;min-height:91px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:3px 10px;padding:11px 9px;border:1px solid transparent;border-radius:13px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:.14s}.chat-conversation:hover{background:#181e2d}.chat-conversation.active{border-color:rgba(117,101,244,.34);background:linear-gradient(100deg,rgba(117,101,244,.16),rgba(117,101,244,.04))}.chat-conversation.unread:before{content:"";position:absolute;left:2px;top:17px;width:3px;height:28px;border-radius:4px;background:var(--purple-2);box-shadow:0 0 14px rgba(147,135,255,.6)}.chat-avatar{width:44px;height:44px;grid-row:1/3;border-radius:14px;object-fit:cover;border:1px solid #313a53;background:#20273a}.chat-avatar-fallback{display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;background:linear-gradient(145deg,#5d53ca,#227e9b)}.chat-conversation-name{min-width:0;display:flex;align-items:center;gap:6px}.chat-conversation-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.chat-unread-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--purple-2)}.chat-conversation-time{color:var(--muted-2);font-size:9px;white-space:nowrap}.chat-conversation-preview{grid-column:2/4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8d98b3;font-size:10px}.chat-conversation-footer{grid-column:1/4;display:flex;align-items:center;gap:7px;margin-top:5px;padding-left:1px;min-width:0}.chat-owner-chip{display:inline-flex;align-items:center;min-width:0;gap:5px;color:#8c97b1;font-size:9px}.chat-owner-chip img,.chat-owner-initial{width:16px;height:16px;flex:0 0 auto;border-radius:6px;object-fit:cover;background:#252d42}.chat-owner-initial{display:grid;place-items:center;color:white;font-size:7px;font-weight:800;background:#6053cd}.chat-owner-chip span{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-flag{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:125px;padding:3px 7px;border-radius:7px;font-size:8px;font-weight:700}.chat-flag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-flag.violet{color:#b8adff;background:rgba(117,101,244,.14)}.chat-flag.cyan{color:#71dcf7;background:rgba(54,202,239,.12)}.chat-flag.green{color:#66e0c4;background:rgba(43,212,184,.12)}.chat-flag.amber{color:#ffd078;background:rgba(255,189,69,.12)}.chat-flag.rose{color:#ff91a3;background:rgba(255,100,127,.12)}.chat-list-empty,.chat-thread-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.chat-list-empty{padding:35px 18px}.chat-list-empty strong{color:#e9ecf6;font-size:13px}.chat-list-empty span{max-width:230px;margin-top:7px;color:var(--muted-2);font-size:10px;line-height:1.5}.chat-list-empty .empty-icon{width:46px;height:46px;margin-bottom:13px;font-size:20px}.chat-load-more{flex:0 0 auto;margin:7px 12px 12px;min-height:39px;border:1px solid #303852;border-radius:10px;background:#171d2c;color:#aaa3f5;font-size:10px;font-weight:700;cursor:pointer}.chat-load-more:hover{border-color:#5850ac;background:#1c2233}.chat-thread-column{min-width:0;display:flex;position:relative;background:radial-gradient(circle at 72% 8%,rgba(117,101,244,.05),transparent 32%),#0f131e}.chat-thread-empty{padding:30px}.chat-thread-empty h2{margin:19px 0 8px;font-size:18px}.chat-thread-empty p{max-width:350px;margin:0;color:var(--muted-2);font-size:11px;line-height:1.6}.chat-empty-graphic{width:92px;height:68px;position:relative}.chat-empty-graphic span{position:absolute;display:block;border:1px solid #333b56;border-radius:14px;background:#171d2b}.chat-empty-graphic span:nth-child(1){width:67px;height:38px;left:0;top:0}.chat-empty-graphic span:nth-child(2){width:55px;height:32px;right:0;bottom:0;border-color:#51489e;background:#1b1d35}.chat-empty-graphic span:nth-child(3){width:8px;height:8px;left:15px;top:15px;border:0;border-radius:50%;background:var(--purple-2);box-shadow:14px 0 #5e6680,28px 0 #5e6680}.chat-thread{width:100%;min-width:0;display:flex;flex-direction:column}.chat-thread-header{min-height:72px;display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--border-soft);background:rgba(18,23,35,.84);backdrop-filter:blur(12px)}.chat-thread-header .chat-avatar{grid-row:auto}.chat-thread-person{min-width:0;flex:1}.chat-thread-person strong,.chat-thread-person span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-person strong{font-size:13px}.chat-thread-person span{margin-top:5px;color:var(--muted-2);font-size:9px}.chat-tag-button{max-width:165px;min-height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #303851;border-radius:10px;background:#171d2b;color:#9da8c0;font-size:9px;cursor:pointer}.chat-tag-button:hover{border-color:#5f55c2;color:#c5bdff}.chat-tag-button.has-tag{color:#c2b9ff;background:rgba(117,101,244,.1)}.chat-mobile-back{display:none;border:0;background:transparent;color:#c7cde0;font-size:29px;cursor:pointer}.chat-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:20px 22px}.chat-message{display:flex;align-items:flex-end;gap:8px;max-width:78%;align-self:flex-start}.chat-message.outgoing{align-self:flex-end;flex-direction:row-reverse}.chat-message.system{align-self:center;max-width:90%}.chat-message-avatar{width:25px;height:25px;flex:0 0 auto;border-radius:8px;object-fit:cover;background:#252d40}.chat-message-bubble{min-width:54px;padding:9px 11px 7px;border:1px solid #2a3248;border-radius:13px 13px 13px 4px;background:#181e2c;color:#edf0f8;font-size:11px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.chat-message.outgoing .chat-message-bubble{border-color:#6658d1;border-radius:13px 13px 4px 13px;background:linear-gradient(145deg,#6557d2,#5448b4);color:white}.chat-message.system .chat-message-bubble{border:0;border-radius:9px;background:#171c29;color:#8994ad;text-align:center;font-size:9px}.chat-message-meta{display:flex;justify-content:flex-end;gap:6px;margin-top:5px;color:rgba(205,211,228,.55);font-size:7px}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:9px;padding:12px 15px;border-top:1px solid var(--border-soft);background:#121724}.chat-composer textarea{max-height:120px;min-height:43px;resize:none;padding:12px 13px;border:1px solid #303850;border-radius:12px;outline:0;background:#181e2c;color:#f3f4fb;font-size:11px;line-height:1.5}.chat-composer textarea:focus{border-color:#655ad7}.chat-composer button{width:43px;height:43px;border:1px solid #8475ff;border-radius:12px;background:linear-gradient(145deg,#7867f0,#6152d2);color:#fff;font-size:17px;cursor:pointer;box-shadow:0 8px 20px rgba(105,88,222,.22)}.chat-composer button:disabled{opacity:.45}.tag-color-field{margin-top:18px}.tag-color-field>span{display:block;margin-bottom:9px;color:#bac3d6;font-size:12px;font-weight:650}.tag-colors{display:flex;gap:9px}.tag-colors label{cursor:pointer}.tag-colors input{position:absolute;opacity:0;pointer-events:none}.tag-colors i{display:block;width:31px;height:31px;border:3px solid #111622;border-radius:10px;box-shadow:0 0 0 1px #303850}.tag-colors input:checked+i{box-shadow:0 0 0 2px #fff}.tag-colors .violet{background:var(--purple)}.tag-colors .cyan{background:var(--cyan)}.tag-colors .green{background:var(--teal)}.tag-colors .amber{background:var(--amber)}.tag-colors .rose{background:var(--rose)}.split-actions{display:grid;grid-template-columns:auto 1fr auto auto}.chat-skeleton{height:86px;margin:6px;border-radius:13px;background:linear-gradient(90deg,#171c2a 25%,#202638 38%,#171c2a 52%);background-size:300% 100%;animation:chat-shimmer 1.25s infinite}@keyframes chat-shimmer{to{background-position:-100% 0}}

@media(max-width:1180px) and (min-width:821px){.chat-workspace{grid-template-columns:185px 320px minmax(340px,1fr)}.chat-account-filter{grid-template-columns:34px minmax(0,1fr)}.chat-account-filter>b{display:none}.chat-filter-avatar,.chat-all-icon{width:33px;height:33px}.chat-thread-header{padding-left:13px;padding-right:13px}.chat-tag-button{max-width:120px}.chat-owner-chip span{max-width:78px}}
@media(max-width:820px){.mobile-nav{grid-template-columns:repeat(6,1fr)}.chat-page{min-height:0}.chat-page-heading{align-items:center}.chat-page-heading p:not(.eyebrow){display:none}.chat-workspace{height:calc(100dvh - var(--topbar) - 160px);min-height:520px;display:block;position:relative;border-radius:16px;overflow:hidden}.chat-account-rail{height:72px;display:flex;align-items:center;gap:6px;padding:8px;border:0;border-bottom:1px solid var(--border-soft);overflow-x:auto;overflow-y:hidden}.chat-rail-title{display:none}.chat-account-filters{display:flex;flex-direction:row;gap:6px}.chat-account-filter{width:auto;min-width:145px;min-height:54px;grid-template-columns:34px minmax(72px,1fr) auto;padding:7px}.chat-account-filter b{display:none}.chat-list-column{height:calc(100% - 72px);border:0}.chat-list-heading{padding:11px 12px}.chat-list-heading>div{margin-bottom:8px}.chat-thread-column{position:absolute;inset:0;z-index:4;transform:translateX(102%);transition:transform .2s ease;box-shadow:-14px 0 40px rgba(0,0,0,.35)}.chat-workspace.mobile-thread-open .chat-thread-column{transform:none}.chat-mobile-back{display:block}.chat-thread-header{min-height:66px;padding:9px 11px}.chat-thread-header .chat-avatar{width:39px;height:39px;border-radius:12px}.chat-tag-button{max-width:105px}.chat-tag-button span:last-child{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-messages{padding:15px 12px}.chat-message{max-width:88%}.chat-composer{padding:9px 10px calc(9px + env(safe-area-inset-bottom))}.chat-thread-empty{display:none}.split-actions{grid-template-columns:1fr 1fr}.split-actions>span{display:none}}
@media(max-width:560px){.chat-page-heading{display:flex}.chat-page-heading h1{font-size:25px;margin-bottom:0}.chat-page-heading .button{margin-top:0;min-height:38px;padding:0 12px}.chat-workspace{height:calc(100dvh - var(--topbar) - 143px);min-height:480px;margin-left:-6px;margin-right:-6px}.chat-conversation{min-height:88px}.chat-account-filter{min-width:132px}.chat-thread-person span{max-width:150px}.chat-tag-button{padding:0 8px}.chat-message-bubble{font-size:11px}.chat-composer textarea{font-size:16px}.chat-page-heading .eyebrow{display:none}}
.avatar-pair{width:44px;height:44px;display:grid;grid-template:1fr/1fr}.avatar-pair>*{grid-area:1/1}.chat-account-filter .avatar-pair{width:35px;height:35px}.chat-conversation>.avatar-pair{grid-row:1/3}.chat-thread-header>#threadCustomerAvatar{display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.chat-thread-header>#threadCustomerAvatar>img{width:100%;height:100%;object-fit:cover}.chat-thread-error{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.chat-thread-error strong{font-size:12px}.chat-thread-error span{max-width:330px;margin-top:7px;color:var(--muted-2);font-size:9px;line-height:1.5}.chat-account-filter.disabled{opacity:.55}.chat-account-filter.disabled small:after{content:" · отключён"}
@media(max-width:820px){#page-chats.thread-open .chat-page-heading{display:none}#page-chats.thread-open .chat-workspace{height:calc(100dvh - var(--topbar) - 91px);min-height:0}}
.thread-viewed-lot{min-height:66px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;align-items:center;gap:10px;margin:9px 13px 0;padding:9px 11px;border:1px solid rgba(54,202,239,.22);border-radius:13px;background:linear-gradient(110deg,rgba(54,202,239,.08),rgba(117,101,244,.07));color:inherit;text-decoration:none;transition:.16s}.thread-viewed-lot:hover{transform:translateY(-1px);border-color:rgba(54,202,239,.42)}.thread-viewed-lot.no-link{pointer-events:none}.viewed-lot-image{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#20283a;color:var(--cyan)}.viewed-lot-image img{width:100%;height:100%;object-fit:cover}.viewed-lot-copy{min-width:0}.viewed-lot-copy small,.viewed-lot-copy strong,.viewed-lot-copy>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewed-lot-copy small{color:#72d7ef;font-size:8px;text-transform:uppercase;letter-spacing:.45px}.viewed-lot-copy small i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(43,212,184,.1)}.viewed-lot-copy strong{margin-top:5px;font-size:11px}.viewed-lot-copy>span{margin-top:3px;color:var(--muted-2);font-size:8px}.thread-viewed-lot>b{color:var(--amber);font-size:11px;white-space:nowrap}.thread-viewed-lot>em{color:var(--muted-2);font-size:13px;font-style:normal}.chat-message-text{display:block}.chat-message-image{display:block;max-width:320px;margin:-5px -7px 7px;overflow:hidden;border-radius:10px;background:#0f1420}.chat-message-image:last-of-type{margin-bottom:4px}.chat-message-image img{display:block;width:100%;max-height:310px;object-fit:contain}.chat-message-image+.chat-message-image{margin-top:8px}.chat-attachment-preview{display:grid;grid-template-columns:46px minmax(0,1fr) 30px;align-items:center;gap:10px;margin:8px 15px 0;padding:8px 10px;border:1px solid rgba(117,101,244,.32);border-radius:12px;background:#171c2b}.chat-attachment-preview img{width:46px;height:42px;border-radius:9px;object-fit:cover;background:#0e121d}.chat-attachment-preview span{min-width:0}.chat-attachment-preview strong,.chat-attachment-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment-preview strong{font-size:10px}.chat-attachment-preview small{margin-top:4px;color:var(--muted-2);font-size:8px}.chat-attachment-preview button{width:29px;height:29px;border:0;border-radius:9px;background:#242b3e;color:#9da8c1;font-size:18px;cursor:pointer}.chat-composer{grid-template-columns:43px minmax(0,1fr) 44px}.chat-composer .chat-attach-button{width:43px;height:43px;border:1px solid #303850;background:#181e2c;color:#aaa3f5;box-shadow:none;font-size:21px}.chat-composer .chat-attach-button:hover{border-color:#6258ca;background:#1d2334}.chat-composer .chat-send-button{background:linear-gradient(145deg,#7867f0,#6152d2)}
@media(max-width:820px){.thread-viewed-lot{margin:7px 9px 0}.viewed-lot-copy>span{max-width:190px}.thread-viewed-lot>b{display:none}.chat-message-image{max-width:260px}.chat-attachment-preview{margin-left:10px;margin-right:10px}}
@media(max-width:420px){.thread-viewed-lot{grid-template-columns:38px minmax(0,1fr) 14px;padding:8px}.viewed-lot-image{width:38px;height:38px}.viewed-lot-copy>span{max-width:180px}.chat-message-image{max-width:220px}}
.chat-workspace{overflow:clip}.chat-workspace>*,.chat-thread{height:100%;min-height:0}
.thread-viewed-lot{min-height:82px;grid-template-columns:42px minmax(0,1fr) auto auto;cursor:default}.thread-viewed-lot:hover{transform:none}.viewed-lot-copy strong{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.3}.viewed-lot-text-link{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f83ff;text-decoration:none;font-size:8px}.viewed-lot-text-link:hover{color:#b7afff;text-decoration:underline}.viewed-lot-price{min-width:92px;color:var(--amber);font-size:18px;line-height:1;letter-spacing:-.25px;text-align:right;white-space:nowrap}.viewed-lot-price.missing{color:var(--muted-2);font-size:9px;letter-spacing:0}.viewed-lot-actions{display:flex;align-items:center;gap:6px}.viewed-lot-action{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #35405a;border-radius:10px;background:#1a2030;color:#b8b0ff;text-decoration:none;font-size:14px;cursor:pointer;transition:.15s}.viewed-lot-action:hover{border-color:#6d61df;background:#222840;color:#fff}.viewed-lot-action:disabled{opacity:.4;cursor:default}
@media(max-width:560px){.thread-viewed-lot{min-height:96px;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"image copy actions" "image price actions";align-items:start;padding:9px;gap:5px 9px}.viewed-lot-image{grid-area:image;align-self:center}.viewed-lot-copy{grid-area:copy}.viewed-lot-price{grid-area:price;min-width:0;margin-top:2px;text-align:left;font-size:17px}.viewed-lot-actions{grid-area:actions;align-self:center;flex-direction:column;gap:5px}.viewed-lot-action{width:29px;height:29px;border-radius:9px}.viewed-lot-copy>span{max-width:none}.viewed-lot-text-link{max-width:100%}}
.viewed-lot-copy small{display:flex;align-items:center;gap:0;min-width:0;line-height:1;white-space:nowrap}
.viewed-lot-copy small i{display:block;flex:0 0 6px;width:6px;height:6px;margin:0;box-sizing:border-box;border-radius:50%}
.viewed-lot-copy small>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.viewed-lot-image{position:relative;flex:none;isolation:isolate}
.viewed-lot-image>b{position:absolute;inset:0;display:grid;place-items:center;line-height:1}
.lots-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.lots-toolbar .search{flex:1 1 260px}.lot-filter-group{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:8px;flex:2 1 520px}.lot-filter-group .select{width:100%;min-width:0}.lots-toolbar .toolbar-actions{margin-left:auto}.lot-taxonomy{display:flex;align-items:center;gap:6px;min-width:0;margin-top:7px}.lot-taxonomy span{display:inline-flex;align-items:center;max-width:180px;height:22px;padding:0 8px;border:1px solid var(--border-soft);border-radius:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aab5d0;background:#181f2e;font-size:9px}.lot-taxonomy .lot-game{color:#a9e6f5;border-color:rgba(54,202,239,.2);background:rgba(54,202,239,.07)}.lot-taxonomy .lot-category{color:#c4bcff;border-color:rgba(117,101,244,.25);background:rgba(117,101,244,.09)}.lot-taxonomy .lot-node{color:var(--muted-2);background:transparent}.lot-row{min-height:78px}
@media(max-width:820px){.lots-toolbar{display:grid;grid-template-columns:1fr}.lot-filter-group{grid-template-columns:1fr 1fr;width:100%}.lot-filter-group .select:first-child{grid-column:1/-1}.lots-toolbar .toolbar-actions{width:100%;margin-left:0}.lot-row{min-height:134px}.lot-taxonomy{flex-wrap:wrap;gap:4px}.lot-taxonomy span{max-width:145px;height:20px;padding:0 6px}.lot-taxonomy .lot-node{max-width:none}}
.lot-row{grid-template-columns:42px minmax(230px,2.4fr) minmax(130px,1fr) 110px 90px 82px}.lot-actions-cell{display:flex;align-items:center;justify-content:center;gap:5px;padding-left:5px;padding-right:5px}.lot-action-button{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #303952;border-radius:9px;background:#181e2d;cursor:pointer;transition:.15s}.lot-action-button:hover{transform:translateY(-1px);border-color:#655ad0;background:#20263a}.lot-copy{color:var(--cyan);font-size:14px}.lot-edit{color:var(--purple-2);font-size:16px}
@media(max-width:820px){.lot-row{grid-template-columns:34px minmax(0,1fr) 40px}.lot-actions-cell{flex-direction:column;gap:6px;padding:7px 4px}.lot-action-button{width:30px;height:30px}}

/* System status */
.positive{color:var(--teal)!important}.negative{color:var(--rose)!important}.status-heading-actions{display:flex;align-items:center;gap:13px}.status-heading-actions>span{color:var(--muted-2);font-size:11px;white-space:nowrap}.status-hero{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:16px;padding:25px 27px;overflow:hidden;position:relative;background:radial-gradient(circle at 8% 20%,rgba(43,212,184,.09),transparent 32%),linear-gradient(145deg,#161c2a,#121722)}.status-hero:after{content:"";position:absolute;width:270px;height:270px;right:-105px;top:-150px;border:1px solid rgba(117,101,244,.13);border-radius:50%;box-shadow:0 0 0 28px rgba(117,101,244,.025),0 0 0 62px rgba(117,101,244,.018)}.status-hero-main{min-width:0;display:flex;align-items:center;gap:17px;position:relative;z-index:1}.status-hero-main h2{margin:5px 0 6px;font-size:23px;letter-spacing:-.45px}.status-hero-main>div>span{color:var(--muted);font-size:12px}.status-beacon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(43,212,184,.28);border-radius:16px;background:rgba(43,212,184,.08);box-shadow:inset 0 0 20px rgba(43,212,184,.04)}.status-beacon i{width:12px;height:12px;border:3px solid #15242a;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(43,212,184,.1),0 0 20px rgba(43,212,184,.5)}.status-beacon.error{border-color:rgba(255,100,127,.3);background:rgba(255,100,127,.08)}.status-beacon.error i{background:var(--rose);box-shadow:0 0 0 5px rgba(255,100,127,.1),0 0 20px rgba(255,100,127,.45)}.status-hero-facts{display:grid;grid-template-columns:repeat(3,minmax(125px,1fr));min-width:min(610px,54%);position:relative;z-index:1}.status-hero-facts>div{padding:8px 21px;border-left:1px solid var(--border-soft)}.status-hero-facts span,.status-hero-facts strong{display:block}.status-hero-facts span{margin-bottom:8px;color:var(--muted-2);font-size:10px;text-transform:uppercase;letter-spacing:.55px}.status-hero-facts strong{font-size:14px}.status-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.status-metric{min-height:172px;padding:20px;overflow:hidden;position:relative}.status-metric:after{content:"";position:absolute;width:90px;height:90px;right:-38px;bottom:-45px;border-radius:50%;background:currentColor;filter:blur(30px);opacity:.08}.status-metric.cyan{color:var(--cyan)}.status-metric.purple{color:var(--purple-2)}.status-metric.amber{color:var(--amber)}.status-metric.teal{color:var(--teal)}.status-metric-head{display:flex;align-items:center;justify-content:space-between;color:#aab4ca;font-size:12px}.status-metric-head b{padding:4px 6px;border-radius:6px;color:currentColor;background:rgba(255,255,255,.035);font-size:8px;letter-spacing:.65px}.status-metric>strong{display:block;margin:19px 0 13px;color:currentColor;font-size:28px;letter-spacing:-.8px}.status-metric>small{display:block;margin-top:10px;color:var(--muted-2);font-size:10px}.status-progress{height:5px;overflow:hidden;border-radius:999px;background:#252c3d}.status-progress i{display:block;width:0;height:100%;border-radius:inherit;background:currentColor;box-shadow:0 0 13px currentColor;transition:width .35s ease}.status-process-line{min-height:19px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted-2);font-size:10px}.status-process-line b{overflow:hidden;color:#b8c1d5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.status-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.status-detail-card,.status-accounts-card{padding:23px}.status-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.status-card-heading h2{margin:5px 0 0;font-size:17px}.status-card-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:var(--cyan);background:rgba(54,202,239,.08)}.status-card-icon.purple{color:var(--purple-2);background:rgba(117,101,244,.1)}.status-card-icon.green{color:var(--teal);background:rgba(43,212,184,.08)}.status-detail-list{margin:0}.status-detail-list>div{min-height:41px;display:grid;grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr);align-items:center;gap:16px;border-bottom:1px solid var(--border-soft)}.status-detail-list>div:last-child{border-bottom:0}.status-detail-list dt{color:var(--muted-2);font-size:10px}.status-detail-list dd{min-width:0;margin:0;color:#dbe0ee;font-size:11px;text-align:right;overflow-wrap:anywhere}.status-accounts-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(360px,1.5fr);align-items:center;gap:24px}.status-accounts-card .status-card-heading{margin:0}.status-account-values{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border-soft);border-radius:13px;background:#111622}.status-account-values>div{padding:14px 18px;border-right:1px solid var(--border-soft)}.status-account-values>div:last-child{border:0}.status-account-values span,.status-account-values strong{display:block}.status-account-values span{color:var(--muted-2);font-size:10px}.status-account-values strong{margin-top:6px;font-size:20px}.status-accounts-card>p{grid-column:2;margin:-11px 0 0;color:var(--muted-2);font-size:10px}
@media(max-width:1180px){.status-hero{align-items:flex-start}.status-hero-facts{min-width:0;width:52%}.status-hero-facts>div{padding:8px 13px}.status-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.mobile-nav{grid-template-columns:repeat(7,1fr)}.mobile-nav button{min-width:0;padding:0 1px}.mobile-nav button span{font-size:17px}.mobile-nav button small{font-size:8px}.status-page-heading{align-items:flex-start}.status-heading-actions{align-items:flex-end;flex-direction:column-reverse;gap:6px}.status-heading-actions>span{font-size:9px}.status-hero{display:block;padding:20px}.status-hero-facts{width:100%;margin-top:19px;grid-template-columns:1fr}.status-hero-facts>div{display:flex;align-items:center;justify-content:space-between;min-height:39px;padding:8px 0;border-left:0;border-top:1px solid var(--border-soft)}.status-hero-facts span{margin:0}.status-metric-grid,.status-detail-grid{grid-template-columns:1fr}.status-metric{min-height:158px}.status-accounts-card{grid-column:auto;display:block}.status-accounts-card .status-card-heading{margin-bottom:18px}.status-account-values{grid-template-columns:repeat(3,1fr)}.status-account-values>div{padding:13px 10px}.status-accounts-card>p{margin:12px 0 0}.status-detail-list>div{grid-template-columns:minmax(105px,.7fr) minmax(0,1.3fr)}}
@media(max-width:480px){.status-page-heading{display:block}.status-heading-actions{margin-top:14px;align-items:flex-start;flex-direction:row-reverse;justify-content:space-between}.status-heading-actions .button{min-height:38px}.status-hero-main h2{font-size:19px}.status-beacon{width:46px;height:46px;border-radius:14px}.status-account-values strong{font-size:17px}.status-account-values span{font-size:8px}.status-detail-card,.status-accounts-card{padding:18px}.status-detail-list>div{display:block;padding:10px 0}.status-detail-list dd{margin-top:5px;text-align:left}.mobile-nav button small{font-size:7.5px}}

/* Finance */
.finance-page-heading{margin-bottom:20px}.finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.finance-metric{min-height:124px;padding:19px 20px;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#171c2a,#131824)}.finance-metric:after{content:"";position:absolute;width:90px;height:90px;right:-35px;bottom:-50px;border-radius:50%;background:currentColor;filter:blur(25px);opacity:.1}.finance-metric.balance{color:var(--amber)}.finance-metric.total{color:var(--teal)}.finance-metric.month{color:var(--purple-2)}.finance-metric.pending{color:var(--cyan)}.finance-metric>span,.finance-metric>strong,.finance-metric>small{display:block}.finance-metric>span{color:#9ba7c0;font-size:11px}.finance-metric>strong{margin:15px 0 5px;color:currentColor;font-size:23px;line-height:1.15;letter-spacing:-.55px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-metric>small{color:var(--muted-2);font-size:9px}.finance-workspace{min-height:570px;display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden}.finance-account-rail{min-width:0;padding:15px 11px;border-right:1px solid var(--border-soft);background:linear-gradient(180deg,#121725,#0f131f)}.finance-rail-heading{padding:5px 9px 13px}.finance-rail-heading strong,.finance-rail-heading small{display:block}.finance-rail-heading strong{font-size:12px}.finance-rail-heading small{margin-top:4px;color:var(--muted-2);font-size:9px}.finance-account-filters{display:flex;flex-direction:column;gap:4px}.finance-account-filter{width:100%;min-height:58px;display:grid;grid-template-columns:37px minmax(0,1fr) 8px;align-items:center;gap:10px;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;color:#abb5cb;text-align:left;cursor:pointer;transition:.16s}.finance-account-filter:hover{background:#181d2b;color:#fff}.finance-account-filter.active{color:#fff;border-color:rgba(117,101,244,.3);background:linear-gradient(90deg,rgba(117,101,244,.22),rgba(117,101,244,.06))}.finance-account-filter.disabled{opacity:.58}.finance-account-filter>span:nth-child(2){min-width:0}.finance-account-filter strong,.finance-account-filter small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-account-filter strong{font-size:11px}.finance-account-filter small{margin-top:4px;color:var(--muted-2);font-size:9px}.finance-filter-avatar,.finance-all-icon{width:36px;height:36px;border-radius:11px;object-fit:cover}.finance-all-icon{display:grid;place-items:center;color:var(--amber);font-size:17px;background:rgba(255,189,69,.08)}.finance-account-filter>b{padding:3px 6px;border-radius:8px;color:#aeb8ce;background:#202638;font-size:9px}.finance-account-state{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(43,212,184,.08)}.finance-account-state.error{background:var(--rose);box-shadow:0 0 0 3px rgba(255,100,127,.08)}.finance-account-state.off{background:var(--muted-2);box-shadow:none}.finance-main{min-width:0;padding:17px}.finance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.finance-tabs{display:flex;padding:4px;border:1px solid var(--border-soft);border-radius:11px;background:#111622}.finance-tabs button{min-height:33px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#8490aa;font-size:10px;font-weight:700;cursor:pointer}.finance-tabs button.active{color:#fff;background:#222941;box-shadow:0 4px 12px rgba(0,0,0,.16)}.finance-search{width:min(340px,48%);height:41px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#111622;color:var(--muted)}.finance-search:focus-within{border-color:#655ad7}.finance-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}.finance-errors{margin-bottom:12px;padding:9px 11px;border:1px solid rgba(255,100,127,.25);border-radius:9px;background:rgba(255,100,127,.07);color:#ff91a3;font-size:9px}.finance-history-list,.finance-recipients-list{display:flex;flex-direction:column;gap:8px}.finance-history-card{min-height:93px;display:grid;grid-template-columns:minmax(145px,.9fr) minmax(190px,1.25fr) minmax(150px,1fr) minmax(125px,.65fr) 31px;align-items:center;gap:12px;padding:13px 12px;border:1px solid var(--border-soft);border-radius:13px;background:#141927;transition:.15s}.finance-history-card:hover,.finance-recipient-card:hover{border-color:#3b4561;background:#171d2c}.finance-account-cell{min-width:0;display:flex;align-items:center;gap:10px}.finance-row-avatar{width:37px;height:37px;border-radius:11px;object-fit:cover}.finance-account-cell>span{min-width:0}.finance-account-cell strong,.finance-account-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finance-account-cell strong{font-size:11px}.finance-account-cell small{margin-top:4px;color:var(--muted-2);font-size:8px}.finance-recipient-cell,.finance-note-cell{min-width:0}.finance-recipient-cell>small,.finance-note-cell>small{display:block;margin-bottom:5px;color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.4px}.finance-recipient-cell>div{display:flex;align-items:center;gap:6px;min-width:0}.finance-recipient-cell>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.finance-copy{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #303951;border-radius:7px;background:#1b2131;color:var(--cyan);cursor:pointer}.finance-recipient-cell>span{display:block;margin-top:6px}.finance-flag,.finance-no-flag{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:3px 7px;border-radius:7px;font-size:8px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finance-flag.violet{color:#b8adff;background:rgba(117,101,244,.14)}.finance-flag.cyan{color:#71dcf7;background:rgba(54,202,239,.12)}.finance-flag.green{color:#66e0c4;background:rgba(43,212,184,.12)}.finance-flag.amber{color:#ffd078;background:rgba(255,189,69,.12)}.finance-flag.rose{color:#ff91a3;background:rgba(255,100,127,.12)}.finance-no-flag{padding-left:0;color:#65708b;font-weight:500}.finance-note-cell strong,.finance-note-cell time{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finance-note-cell strong{font-size:10px;color:#c7cede}.finance-note-cell time{margin-top:6px;color:var(--muted-2);font-size:8px}.finance-amount-cell{text-align:right}.finance-amount-cell>strong{display:block;color:var(--amber);font-size:15px;white-space:nowrap}.finance-status{display:inline-flex;margin-top:7px;padding:3px 7px;border-radius:7px;font-size:8px}.finance-status.complete{color:var(--teal);background:rgba(43,212,184,.08)}.finance-status.pending{color:var(--amber);background:rgba(255,189,69,.08)}.finance-edit-tag{width:30px;height:30px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8793ad;cursor:pointer}.finance-edit-tag:hover{border-color:#3c4562;background:#1c2232;color:#fff}.finance-load-more{width:100%;min-height:41px;margin-top:11px;border:1px solid #303852;border-radius:10px;background:#171d2c;color:#aaa3f5;font-size:10px;font-weight:700;cursor:pointer}.finance-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.finance-empty>span{width:50px;height:50px;display:grid;place-items:center;margin-bottom:14px;border-radius:15px;color:var(--purple-2);background:rgba(117,101,244,.09);font-size:20px}.finance-empty strong{font-size:13px}.finance-empty small{margin-top:7px;color:var(--muted-2);font-size:10px}.finance-recipient-card{min-height:90px;display:grid;grid-template-columns:42px minmax(0,1fr) minmax(120px,.35fr) 31px;align-items:center;gap:12px;padding:13px;border:1px solid var(--border-soft);border-radius:13px;background:#141927;transition:.15s}.finance-recipient-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--cyan);background:rgba(54,202,239,.08)}.finance-recipient-main{min-width:0}.finance-recipient-main>div{display:flex;align-items:center;gap:7px}.finance-recipient-main>div>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.finance-recipient-main>small{display:block;margin:4px 0 7px;color:var(--muted-2);font-size:9px}.finance-recipient-main>p{margin:7px 0 0;color:#9ca7bd;font-size:9px}.finance-recipient-stats{text-align:right}.finance-recipient-stats strong,.finance-recipient-stats small{display:block}.finance-recipient-stats strong{color:var(--amber);font-size:12px}.finance-recipient-stats small{margin-top:5px;color:var(--muted-2);font-size:8px}.finance-withdraw-modal{width:min(760px,calc(100% - 28px))}.finance-withdraw-modal>form{max-height:88vh;overflow-y:auto}.finance-withdraw-fields{gap:14px}.finance-fee-hint{align-self:end;min-height:44px;display:flex;flex-direction:column;justify-content:center;padding:7px 12px;border:1px solid var(--border-soft);border-radius:10px;background:#141a27}.finance-fee-hint span{color:var(--muted-2);font-size:9px}.finance-fee-hint strong{margin-top:4px;font-size:10px}.finance-tag-colors{padding:2px 1px}.finance-preview{margin-top:19px;padding:16px;border:1px solid rgba(43,212,184,.25);border-radius:14px;background:linear-gradient(145deg,rgba(43,212,184,.07),rgba(117,101,244,.045))}.finance-preview-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.finance-preview-head span{color:var(--teal);font-size:8px;font-weight:800;letter-spacing:1px}.finance-preview-head strong{font-size:11px}.finance-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.finance-preview-grid>div{padding:10px;border-radius:10px;background:rgba(8,12,20,.35)}.finance-preview-grid span,.finance-preview-grid strong{display:block}.finance-preview-grid span{color:var(--muted-2);font-size:8px}.finance-preview-grid strong{margin-top:5px;font-size:11px;overflow-wrap:anywhere}.finance-preview>p{margin:11px 0;color:#8f9bb4;font-size:9px}.finance-final-check{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;border:1px solid rgba(255,189,69,.2);border-radius:10px;background:rgba(255,189,69,.055);cursor:pointer}.finance-final-check input{margin-top:2px;accent-color:var(--amber)}.finance-final-check strong,.finance-final-check small{display:block}.finance-final-check strong{font-size:10px}.finance-final-check small{margin-top:4px;color:#9a8d70;font-size:8px;line-height:1.45}
@media(max-width:1100px){.finance-history-card{grid-template-columns:minmax(135px,.8fr) minmax(175px,1.2fr) minmax(120px,.8fr) 115px 31px}.finance-note-cell{display:none}.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.mobile-nav{grid-template-columns:repeat(8,1fr)}.mobile-nav button span{font-size:16px}.mobile-nav button small{font-size:7px}.finance-page-heading{align-items:flex-start}.finance-page-heading .heading-actions{justify-content:flex-end}.finance-page-heading #syncFinanceButton{display:none}.finance-metrics{gap:9px}.finance-metric{min-height:105px;padding:15px}.finance-metric>strong{font-size:18px}.finance-workspace{display:block;min-height:0}.finance-account-rail{display:flex;align-items:center;gap:6px;padding:8px;border-right:0;border-bottom:1px solid var(--border-soft);overflow-x:auto}.finance-rail-heading{display:none}.finance-account-filters{display:flex;flex-direction:row;gap:6px}.finance-account-filter{width:auto;min-width:145px;min-height:54px;padding:7px}.finance-main{padding:11px}.finance-toolbar{align-items:stretch;flex-direction:column;gap:9px}.finance-search{width:100%}.finance-history-card{grid-template-columns:minmax(0,1fr) auto 28px;grid-template-areas:"account amount edit" "recipient recipient edit";gap:10px;min-height:128px;padding:12px}.finance-account-cell{grid-area:account}.finance-recipient-cell{grid-area:recipient;padding-top:9px;border-top:1px solid var(--border-soft)}.finance-note-cell{display:none}.finance-amount-cell{grid-area:amount}.finance-edit-tag{grid-area:edit}.finance-recipient-card{grid-template-columns:38px minmax(0,1fr) 28px;grid-template-areas:"icon main edit" "stats stats edit"}.finance-recipient-icon{grid-area:icon;width:37px;height:37px}.finance-recipient-main{grid-area:main}.finance-recipient-stats{grid-area:stats;display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-soft);text-align:left}.finance-withdraw-modal>form{padding:20px}.finance-withdraw-modal .form-grid{grid-template-columns:1fr}.finance-withdraw-modal .field.full{grid-column:auto}.finance-preview-grid{grid-template-columns:1fr}.finance-withdraw-modal .modal-actions{position:sticky;bottom:-20px;margin:20px -20px -20px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));background:#111622;border-top:1px solid var(--border-soft)}}
@media(max-width:480px){.finance-page-heading{display:block}.finance-page-heading .heading-actions{margin-top:14px;justify-content:flex-start}.finance-page-heading .button{min-height:38px;padding:0 12px}.finance-metrics{grid-template-columns:1fr 1fr}.finance-metric>strong{font-size:16px}.finance-metric>span{font-size:9px}.finance-metric>small{font-size:8px}.mobile-nav button small{font-size:6.5px}}

/* Account profile links */
.account-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;white-space:nowrap}.account-profile-link{min-height:28px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid rgba(117,101,244,.3);border-radius:8px;background:rgba(117,101,244,.08);color:#b7adff;text-decoration:none;font-size:9px;font-weight:700;transition:.15s}.account-profile-link b{color:var(--cyan);font-size:11px}.account-profile-link:hover{border-color:#6e61dc;background:rgba(117,101,244,.16);color:#fff}.account-profile-link.disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.account-footer>.account-proxy{min-width:0;flex:1}@media(max-width:480px){.account-footer{align-items:flex-start;flex-direction:column}.account-footer-actions{width:100%;justify-content:space-between}}

/* Orders */
.orders-page-heading{margin-bottom:20px}.order-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.order-metric{min-height:120px;padding:19px 20px;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#171c2a,#131824)}.order-metric:after{content:"";position:absolute;width:90px;height:90px;right:-35px;bottom:-50px;border-radius:50%;background:currentColor;filter:blur(25px);opacity:.09}.order-metric.purple{color:var(--purple-2)}.order-metric.cyan{color:var(--cyan)}.order-metric.green{color:var(--teal)}.order-metric.amber{color:var(--amber)}.order-metric>span,.order-metric>strong,.order-metric>small{display:block}.order-metric>span{color:#9ba7c0;font-size:11px}.order-metric>strong{margin:14px 0 5px;color:currentColor;font-size:23px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-metric>small{color:var(--muted-2);font-size:9px}.orders-workspace{min-height:570px;display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden}.orders-account-rail{min-width:0;padding:15px 11px;border-right:1px solid var(--border-soft);background:linear-gradient(180deg,#121725,#0f131f)}.orders-rail-heading{padding:5px 9px 13px}.orders-rail-heading strong,.orders-rail-heading small{display:block}.orders-rail-heading strong{font-size:12px}.orders-rail-heading small{margin-top:4px;color:var(--muted-2);font-size:9px}.orders-account-filters{display:flex;flex-direction:column;gap:4px}.orders-account-filter{width:100%;min-height:58px;display:grid;grid-template-columns:37px minmax(0,1fr) 8px;align-items:center;gap:10px;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;color:#abb5cb;text-align:left;cursor:pointer;transition:.16s}.orders-account-filter:hover{color:#fff;background:#181d2b}.orders-account-filter.active{color:#fff;border-color:rgba(117,101,244,.3);background:linear-gradient(90deg,rgba(117,101,244,.22),rgba(117,101,244,.06))}.orders-account-filter.disabled{opacity:.58}.orders-account-filter>span:nth-child(2){min-width:0}.orders-account-filter strong,.orders-account-filter small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-account-filter strong{font-size:11px}.orders-account-filter small{margin-top:4px;color:var(--muted-2);font-size:8px}.orders-filter-avatar,.orders-all-icon{width:36px;height:36px;border-radius:11px;object-fit:cover}.orders-all-icon{display:grid;place-items:center;color:var(--purple-2);background:rgba(117,101,244,.1);font-size:15px}.orders-account-filter>b{padding:3px 6px;border-radius:8px;color:#aeb8ce;background:#202638;font-size:9px}.orders-account-state{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(43,212,184,.08)}.orders-account-state.error{background:var(--rose)}.orders-account-state.off{background:var(--muted-2);box-shadow:none}.orders-main{min-width:0;padding:17px}.orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.orders-status-tabs{display:flex;padding:4px;border:1px solid var(--border-soft);border-radius:11px;background:#111622}.orders-status-tabs button{min-height:33px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#8490aa;font-size:10px;font-weight:700;cursor:pointer}.orders-status-tabs button.active{color:#fff;background:#222941;box-shadow:0 4px 12px rgba(0,0,0,.16)}.orders-search{width:min(360px,45%);height:41px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#111622;color:var(--muted)}.orders-search:focus-within{border-color:#655ad7}.orders-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}.orders-errors{margin-bottom:12px;padding:9px 11px;border:1px solid rgba(255,100,127,.25);border-radius:9px;background:rgba(255,100,127,.07);color:#ff91a3;font-size:9px}.orders-list{display:flex;flex-direction:column;gap:8px}.order-card{min-height:96px;display:grid;grid-template-columns:minmax(135px,.75fr) minmax(240px,1.55fr) minmax(125px,.7fr) minmax(105px,.55fr) 34px;align-items:center;gap:13px;padding:13px;border:1px solid var(--border-soft);border-radius:13px;background:#141927;transition:.15s}.order-card:hover{border-color:#3b4561;background:#171d2c}.order-card.active-order{border-color:rgba(54,202,239,.22);background:linear-gradient(100deg,rgba(54,202,239,.045),#141927 38%)}.order-owner{min-width:0;display:flex;align-items:center;gap:10px}.order-account-avatar{width:38px;height:38px;border-radius:11px;object-fit:cover}.order-owner>span{min-width:0}.order-owner strong,.order-owner small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-owner strong{font-size:11px}.order-owner small{margin-top:4px;color:var(--muted-2);font-size:8px}.order-description{min-width:0}.order-number{display:block;margin-bottom:5px;color:#8077cb;font-size:8px;font-weight:800;letter-spacing:.4px}.order-description>strong,.order-description>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-description>strong{font-size:11px}.order-description>small{margin-top:6px;color:var(--muted-2);font-size:8px}.order-customer{min-width:0}.order-customer>small,.order-customer>strong,.order-customer>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-customer>small{margin-bottom:5px;color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.4px}.order-customer>strong{font-size:10px}.order-customer>span{margin-top:4px;color:#68738d;font-size:8px}.order-summary{text-align:right}.order-summary>strong{display:block;color:var(--amber);font-size:14px;white-space:nowrap}.order-status{display:inline-flex;margin-top:7px;padding:3px 7px;border-radius:7px;font-size:8px}.order-status.active{color:var(--cyan);background:rgba(54,202,239,.09)}.order-status.complete{color:var(--teal);background:rgba(43,212,184,.08)}.order-status.refunded{color:var(--amber);background:rgba(255,189,69,.1)}
/* Деньги в строке заказа: успешный — зелёным, возврат — жёлтым. Возврат это не ошибка и не
   продажа, поэтому и не красный, и не зелёный. */
.order-summary strong.money-earned{color:var(--teal)}
.order-summary strong.money-refunded{color:var(--amber)}.order-open-link{width:32px;height:32px;display:grid;place-items:center;border:1px solid #313a53;border-radius:9px;background:#191f2e;color:var(--cyan);text-decoration:none;font-size:14px}.order-open-link:hover{border-color:#4cabc4;background:#1c2738}.orders-load-more{width:100%;min-height:41px;margin-top:11px;border:1px solid #303852;border-radius:10px;background:#171d2c;color:#aaa3f5;font-size:10px;font-weight:700;cursor:pointer}.orders-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.orders-empty>span{width:50px;height:50px;display:grid;place-items:center;margin-bottom:14px;border-radius:15px;color:var(--purple-2);background:rgba(117,101,244,.09);font-size:18px}.orders-empty strong{font-size:13px}.orders-empty small{margin-top:7px;color:var(--muted-2);font-size:10px}
@media(max-width:1100px){.order-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.order-card{grid-template-columns:minmax(125px,.7fr) minmax(220px,1.4fr) minmax(105px,.55fr) 34px}.order-customer{display:none}}
@media(max-width:820px){.mobile-nav{grid-template-columns:repeat(9,1fr)}.mobile-nav button span{font-size:15px}.mobile-nav button small{font-size:6px}.orders-page-heading{display:flex;align-items:flex-start}.order-metrics{gap:9px}.order-metric{min-height:105px;padding:15px}.order-metric>strong{font-size:18px}.orders-workspace{display:block;min-height:0}.orders-account-rail{display:flex;align-items:center;gap:6px;padding:8px;border-right:0;border-bottom:1px solid var(--border-soft);overflow-x:auto}.orders-rail-heading{display:none}.orders-account-filters{display:flex;flex-direction:row;gap:6px}.orders-account-filter{width:auto;min-width:155px;min-height:54px;padding:7px}.orders-main{padding:11px}.orders-toolbar{align-items:stretch;flex-direction:column;gap:9px}.orders-search{width:100%}.order-card{grid-template-columns:minmax(0,1fr) auto 32px;grid-template-areas:"owner summary open" "description description open";gap:10px;min-height:128px;padding:12px}.order-owner{grid-area:owner}.order-description{grid-area:description;padding-top:10px;border-top:1px solid var(--border-soft)}.order-customer{display:none}.order-summary{grid-area:summary}.order-open-link{grid-area:open}.orders-status-tabs button{flex:1}.orders-status-tabs{display:flex}}
@media(max-width:480px){.orders-page-heading{display:block}.orders-page-heading .button{margin-top:14px}.order-metrics{grid-template-columns:1fr 1fr}.order-metric>span{font-size:9px}.order-metric>strong{font-size:16px}.order-metric>small{font-size:8px}.mobile-nav button small{font-size:5.8px}}

/* Send account lots from a chat */
.chat-lots-button{min-height:34px;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid rgba(54,202,239,.28);border-radius:10px;background:rgba(54,202,239,.07);color:#83def4;font-size:9px;font-weight:750;cursor:pointer;transition:.15s}.chat-lots-button:hover{border-color:rgba(54,202,239,.55);background:rgba(54,202,239,.12);color:#fff}.chat-lots-button>span:first-child{font-size:15px}.chat-lot-modal{width:min(850px,calc(100% - 28px))}.chat-lot-modal>form{max-height:min(88vh,780px);overflow-y:auto}.chat-lot-filter-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:11px;margin-bottom:13px}.chat-lot-list{min-height:170px;max-height:310px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:4px;overflow-y:auto}.chat-lot-placeholder{grid-column:1/-1;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;color:var(--muted-2);text-align:center}.chat-lot-placeholder>span{width:48px;height:48px;display:grid;place-items:center;margin-bottom:12px;border:1px solid #303953;border-radius:15px;background:#171d2b;color:var(--purple-2);font-size:20px}.chat-lot-placeholder strong{color:#b8c1d5;font-size:11px}.chat-lot-placeholder small{max-width:360px;margin-top:7px;font-size:9px;line-height:1.5}.chat-lot-card{min-width:0;min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 10px;padding:12px 13px;border:1px solid #293248;border-radius:12px;background:#141a27;color:inherit;text-align:left;cursor:pointer;transition:.15s}.chat-lot-card:hover{transform:translateY(-1px);border-color:#485571;background:#181f2f}.chat-lot-card.selected{border-color:#6b5edf;background:linear-gradient(110deg,rgba(117,101,244,.18),rgba(54,202,239,.055));box-shadow:0 0 0 1px rgba(117,101,244,.12)}.chat-lot-card>strong{min-width:0;white-space:normal;word-break:break-word;line-height:1.35;font-size:11px}.chat-lot-card>em{color:var(--amber);font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}.chat-lot-card>span{grid-column:1/-1;display:flex;align-items:center;gap:6px;min-width:0}.chat-lot-card>span small{max-width:150px;padding:3px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;color:#a9e6f5;background:rgba(54,202,239,.07);font-size:8px}.chat-lot-card>span small+small{color:#c4bcff;background:rgba(117,101,244,.09)}.chat-lot-card>span b{margin-left:auto;color:#66718b;font-size:8px;font-weight:600}.chat-lot-selection{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);align-items:end;gap:18px;margin-top:14px;padding:15px;border:1px solid rgba(117,101,244,.28);border-radius:14px;background:linear-gradient(120deg,rgba(117,101,244,.085),rgba(54,202,239,.035))}.chat-lot-selected-copy{min-width:0}.chat-lot-selected-copy small,.chat-lot-selected-copy strong,.chat-lot-selected-copy span{display:block}.chat-lot-selected-copy small{color:var(--purple-2);font-size:8px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}.chat-lot-selected-copy strong{margin-top:7px;white-space:normal;word-break:break-word;line-height:1.35;font-size:12px}.chat-lot-selected-copy span{margin-top:6px;color:var(--muted-2);font-size:9px}.chat-lot-price-field{margin:0}.chat-lot-price-field small{line-height:1.4}.chat-lot-modal .modal-actions{align-items:center}.chat-lot-send-hint{margin-right:auto;color:var(--muted-2);font-size:9px}.chat-lot-send-hint.price-change{color:var(--amber)}
@media(max-width:820px){.chat-lots-button{padding:0 9px}.chat-lot-filter-grid{grid-template-columns:1fr 1fr}.chat-lot-filter-grid .field:last-child{grid-column:1/-1}.chat-lot-list{grid-template-columns:1fr}.chat-lot-selection{grid-template-columns:1fr}.chat-lot-modal .modal-actions{position:sticky;bottom:-20px;margin:18px -20px -20px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));background:#111622;border-top:1px solid var(--border-soft)}.chat-lot-send-hint{display:none}}
@media(max-width:560px){.chat-lots-button{width:35px;min-width:35px;padding:0;justify-content:center}.chat-lots-button>span:last-child{display:none}.chat-lot-modal{width:calc(100% - 14px)}.chat-lot-modal>form{padding:18px}.chat-lot-filter-grid{grid-template-columns:1fr}.chat-lot-filter-grid .field:last-child{grid-column:auto}.chat-lot-list{min-height:210px;max-height:300px}.chat-lot-placeholder{min-height:200px}.chat-lot-card{min-height:78px}.chat-lot-modal .modal-actions{bottom:-18px;margin-left:-18px;margin-right:-18px;margin-bottom:-18px;padding-left:18px;padding-right:18px}.chat-lot-modal .modal-actions .button{flex:1}}

/* Direct chat navigation from orders */
.order-card{grid-template-columns:minmax(135px,.75fr) minmax(240px,1.55fr) minmax(125px,.7fr) minmax(105px,.55fr) 98px}.order-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.order-chat-button{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid rgba(54,202,239,.28);border-radius:9px;background:rgba(54,202,239,.07);color:#8ce4f7;font-size:9px;cursor:pointer;transition:.15s}.order-chat-button span{font-size:13px}.order-chat-button b{font-size:9px}.order-chat-button:hover{border-color:rgba(54,202,239,.55);background:rgba(54,202,239,.13);color:#fff}.order-chat-button:disabled{opacity:.45;cursor:wait}
@media(max-width:1100px){.order-card{grid-template-columns:minmax(125px,.7fr) minmax(220px,1.4fr) minmax(105px,.55fr) 98px}}
@media(max-width:820px){.order-card{grid-template-columns:minmax(0,1fr) auto 58px;grid-template-areas:"owner summary actions" "description description actions"}.order-actions{grid-area:actions;align-self:center;flex-direction:column}.order-chat-button{width:54px;padding:0 5px}.order-open-link{grid-area:auto}}

/* Active and inactive lot catalogue */
.lot-filter-group{grid-template-columns:repeat(4,minmax(125px,1fr));flex-basis:650px}.lot-row.inactive{background:linear-gradient(90deg,rgba(255,100,127,.035),#131824);color:#c8cfdf}.lot-row.inactive:hover{background:linear-gradient(90deg,rgba(255,100,127,.065),#171d2b)}.lot-row.inactive .lot-price{color:#9aa5bd}.lot-status-badge{gap:5px!important;max-width:none!important;font-weight:750}.lot-status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor;opacity:.9}.lot-status-badge.active{color:var(--teal)!important;border-color:rgba(43,212,184,.24)!important;background:rgba(43,212,184,.075)!important}.lot-status-badge.inactive{color:#ff8498!important;border-color:rgba(255,100,127,.25)!important;background:rgba(255,100,127,.07)!important}.chat-lot-card.inactive{border-color:rgba(255,100,127,.22);background:linear-gradient(115deg,rgba(255,100,127,.055),#141a27)}.chat-lot-card.inactive:hover{border-color:rgba(255,100,127,.42)}.chat-lot-state{padding:3px 6px;border-radius:6px;font-size:8px;font-style:normal;font-weight:750;white-space:nowrap}.chat-lot-state.active{color:var(--teal);background:rgba(43,212,184,.08)}.chat-lot-state.inactive{color:#ff8498;background:rgba(255,100,127,.09)}
@media(max-width:820px){.lot-filter-group{grid-template-columns:1fr 1fr}.lot-filter-group .select:first-child{grid-column:auto}}

/* Temporary chat price rollback */
.chat-lot-rollback{min-height:27px;line-height:1.45!important;color:var(--muted-2)}.chat-lot-rollback.scheduled{color:#ffcc69}

/* Smart lot raising */
.lot-raise-panel{position:relative;overflow:hidden;margin:-5px 0 18px;padding:18px;background:radial-gradient(circle at 92% 0,rgba(54,202,239,.09),transparent 31%),linear-gradient(135deg,rgba(117,101,244,.095),rgba(20,25,39,.96) 42%,#121722);border-color:#303956}.lot-raise-panel:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(var(--purple-2),var(--cyan))}.lot-raise-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.lot-raise-title{display:flex;align-items:center;gap:13px;min-width:0}.lot-raise-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(147,135,255,.36);border-radius:13px;background:linear-gradient(145deg,rgba(117,101,244,.2),rgba(54,202,239,.08));color:#c2baff;font-size:24px;font-weight:800}.lot-raise-title>span:last-child{display:flex;flex-direction:column;min-width:0}.lot-raise-title small{color:#8e82ff;font-size:8px;font-weight:850;letter-spacing:1.25px}.lot-raise-title strong{margin-top:3px;font-size:16px}.lot-raise-title em{margin-top:4px;color:var(--muted-2);font-size:9px;font-style:normal}.lot-raise-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.lot-raise-actions .button.primary span{font-size:17px}.lot-raise-accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:9px}.lot-raise-account{position:relative;min-width:0;padding:13px 14px 11px;border:1px solid #29324a;border-radius:13px;background:rgba(15,20,32,.76);transition:border-color .15s,background .15s}.lot-raise-account:hover{border-color:#3b4664;background:#151b2a}.lot-raise-account.ready{border-color:rgba(43,212,184,.27);background:linear-gradient(135deg,rgba(43,212,184,.045),rgba(15,20,32,.8))}.lot-raise-account.waiting{border-color:rgba(255,189,69,.2)}.lot-raise-account.error{border-color:rgba(255,100,127,.3)}.lot-raise-account-top{display:flex;align-items:center;gap:9px;min-width:0}.lot-raise-avatar{position:relative;width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid #35405b;border-radius:11px;background:linear-gradient(145deg,#6c5ce2,#3187af);color:#fff;font-size:13px;font-weight:850}.lot-raise-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#171d2b}.lot-raise-owner{min-width:0;flex:1}.lot-raise-owner strong,.lot-raise-owner small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lot-raise-owner strong{font-size:11px}.lot-raise-owner small{margin-top:3px;color:var(--muted-2);font-size:8px}.lot-raise-status{display:inline-flex;align-items:center;gap:5px;max-width:122px;padding:4px 7px;border-radius:999px;color:#9aa5bd;background:rgba(143,155,184,.08);font-size:7.5px;font-weight:800;white-space:nowrap}.lot-raise-status i{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:currentColor}.lot-raise-status.ready{color:var(--teal);background:rgba(43,212,184,.09)}.lot-raise-status.waiting{color:var(--amber);background:rgba(255,189,69,.08)}.lot-raise-status.error{color:var(--rose);background:rgba(255,100,127,.09)}.lot-raise-status.unknown{color:#aaa0ff;background:rgba(117,101,244,.1)}.lot-raise-timer{min-height:25px;margin-top:12px;color:#f2f4ff;font-size:17px;font-weight:760;letter-spacing:-.25px;font-variant-numeric:tabular-nums}.lot-raise-account.waiting .lot-raise-timer{color:#ffd06f}.lot-raise-account.ready .lot-raise-timer{color:#64e2cd}.lot-raise-account.disabled .lot-raise-timer,.lot-raise-account.empty .lot-raise-timer{color:#7b86a2}.lot-raise-stats{display:flex;align-items:center;gap:11px;margin-top:4px;color:#6f7b98;font-size:8px}.lot-raise-stats b{color:#aab5cf;font-weight:750}.lot-raise-last{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid #222a3d;font-size:8px}.lot-raise-last span{color:#697591}.lot-raise-last strong{color:#aeb8ce;font-weight:650;white-space:nowrap}.lot-raise-error{margin:8px -3px -2px;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:7px;color:#ff8fa1;background:rgba(255,100,127,.07);font-size:8px}.lot-raise-note{display:flex;align-items:flex-start;gap:7px;margin-top:11px;color:#66728e;font-size:8px;line-height:1.45}.lot-raise-note>span:first-child{color:var(--teal);font-size:7px}.lot-raise-placeholder{grid-column:1/-1;min-height:96px;display:grid;place-items:center;color:var(--muted-2);font-size:10px}.lot-raise-placeholder.error{color:var(--rose)}
@media(max-width:820px){.lot-raise-panel{margin-top:0;padding:16px 13px 12px}.lot-raise-heading{align-items:flex-start;flex-direction:column}.lot-raise-actions{width:100%}.lot-raise-actions .button{flex:1}.lot-raise-title em{max-width:270px;line-height:1.4}.lot-raise-accounts{grid-template-columns:1fr}.lot-raise-account{padding:13px}.lot-raise-timer{font-size:16px}}

/* Lot raise account selection and server-side automation */
.lot-raise-actions{flex-wrap:wrap;justify-content:flex-end}.lot-auto-action{color:#bfb7ff;border-color:rgba(147,135,255,.28);background:rgba(117,101,244,.075)}.lot-raise-selection{min-height:34px;display:flex;align-items:center;gap:12px;margin:-3px 0 12px;padding:7px 10px;border:1px solid #252e43;border-radius:10px;background:rgba(12,16,27,.42);color:#7f8aa5;font-size:8px}.lot-raise-selection>label{display:flex;align-items:center;gap:7px;color:#b4bdd1;cursor:pointer}.lot-raise-selection input,.lot-raise-select{accent-color:var(--purple)}#lotRaiseSelectionText{padding-left:11px;border-left:1px solid #2b3347;color:#8f9ab5}.lot-raise-auto-caption{display:flex;align-items:center;gap:6px;margin-left:auto;color:#6f7c99}.lot-raise-auto-caption i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(43,212,184,.08)}.lot-raise-account.selected{border-color:rgba(147,135,255,.58);box-shadow:inset 0 0 0 1px rgba(117,101,244,.13)}.lot-raise-account.auto-enabled{background:linear-gradient(135deg,rgba(43,212,184,.035),rgba(15,20,32,.82))}.lot-raise-select{width:15px;height:15px;flex:0 0 auto;margin:0 1px 0 0;cursor:pointer}.lot-raise-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:10px;padding-top:9px;border-top:1px solid #222a3d}.lot-raise-bottom .lot-raise-last{display:block;min-width:0;margin:0;padding:0;border:0}.lot-raise-bottom .lot-raise-last span,.lot-raise-bottom .lot-raise-last strong{display:block}.lot-raise-bottom .lot-raise-last strong{margin-top:4px;overflow:hidden;text-overflow:ellipsis}.lot-auto-switch{display:flex;align-items:center;gap:6px;position:relative;z-index:1;color:#77839f;font-size:8px;font-weight:750;cursor:pointer}.lot-auto-switch input{position:absolute;opacity:0;pointer-events:none}.lot-auto-switch i{position:relative;width:30px;height:17px;flex:0 0 auto;border:1px solid #39425a;border-radius:999px;background:#1a2030;transition:.18s}.lot-auto-switch i:after{content:"";position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%;background:#71809f;transition:.18s}.lot-auto-switch input:checked+i{border-color:rgba(43,212,184,.48);background:rgba(43,212,184,.13)}.lot-auto-switch input:checked+i:after{left:15px;background:var(--teal);box-shadow:0 0 8px rgba(43,212,184,.45)}.lot-auto-switch input:checked~span{color:#57dcc5}.lot-auto-switch input:disabled+i{opacity:.45}.lot-raise-error{position:relative;z-index:2}
@media(max-width:820px){.lot-raise-actions{display:grid;grid-template-columns:1fr 1fr}.lot-raise-actions #refreshLotRaiseButton{grid-column:1/-1}.lot-raise-selection{align-items:flex-start;flex-wrap:wrap}.lot-raise-auto-caption{width:100%;margin-left:0;padding-top:6px;border-top:1px solid #242c3f;line-height:1.4}.lot-raise-account-top{gap:8px}.lot-raise-status{max-width:105px}.lot-raise-bottom{gap:8px}}

/* Notification center */
.settings-heading{align-items:center}.notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notification-card{min-height:285px;padding:24px;position:relative;overflow:hidden}.notification-card:after{content:"";position:absolute;width:170px;height:170px;right:-95px;top:-105px;border-radius:50%;background:var(--purple);filter:blur(45px);opacity:.08;pointer-events:none}.notification-card-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.notification-card-head>div{min-width:0;flex:1}.notification-card-head h2{margin:4px 0 0;font-size:18px;letter-spacing:-.25px}.notification-card>p{max-width:680px;margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.65}.notification-channel-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(117,101,244,.22);border-radius:14px;background:rgba(117,101,244,.1);color:#a99fff;font-weight:800;font-size:18px}.notification-channel-icon.push{color:var(--cyan);background:rgba(54,202,239,.09);border-color:rgba(54,202,239,.2)}.notification-channel-icon.telegram{color:#70d9ff;background:rgba(54,202,239,.09);border-color:rgba(54,202,239,.2)}.notification-channel-icon.rules{color:var(--teal);background:rgba(43,212,184,.08);border-color:rgba(43,212,184,.18)}.notification-channel-icon.secure{color:var(--amber);background:rgba(255,189,69,.08);border-color:rgba(255,189,69,.18)}.channel-state{padding:6px 9px;border:1px solid var(--border-soft);border-radius:99px;background:#111622;color:var(--muted-2);font-size:9px;white-space:nowrap}.channel-state.active{color:var(--teal);border-color:rgba(43,212,184,.23);background:rgba(43,212,184,.07)}.notification-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.notification-hint{display:block;margin-top:13px;color:var(--muted-2);font-size:9px}.telegram-connect{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.telegram-connect .field input{min-width:0}.telegram-connected{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid var(--border-soft);border-radius:13px;background:#111622}.telegram-connected strong,.telegram-connected small{display:block}.telegram-connected strong{font-size:14px;color:#c7c1ff}.telegram-connected small{margin-top:5px;color:var(--muted-2);font-size:9px}.notification-switch{margin-top:10px}.notification-switch:first-of-type{margin-top:0}/* Отступ списан у соседнего переключателя, а не выдуман: поле стоит в том же ряду и должно попадать в его ритм. Подсказке возвращаем её собственный отступ — .notification-hint рассчитан на низ карточки, а тут он идёт сразу за чипами. */.notify-games-field{margin-top:10px}.notify-games-field .notification-hint{margin-top:8px}/* В карточке настроек список игр стоит В ПОТОКЕ, а не поверх. Всплывающий он работает в модальном окне выдачи, где карточка ничего не режет, — а у .notification-card стоит overflow:hidden ради размытого круга в углу, и список обрезался по нижней границе: видно две игры, пролистать нечего. Здесь карточка просто становится выше. */.notify-games-field .game-picker{position:static}.notify-games-field .game-picker-drop{position:static;margin-top:6px;box-shadow:none}.notification-security-list{display:grid;gap:14px;margin:5px 0 0;padding:0;list-style:none;color:#aeb8cd;font-size:12px}.notification-security-list li{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border-soft)}.notification-security-list li:last-child{border:0}.notification-security-list span{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:rgba(43,212,184,.08);color:var(--teal);font-size:10px}.push-card{background:linear-gradient(145deg,rgba(54,202,239,.035),#121722 55%)}
/* Справочник игр. Карточка на всю ширину сетки — как карточка приёма в команду; отступы и
   радиус те же, что у соседних .notification-card, метрики списаны с них, а не выдуманы. */
.games-card{grid-column:1/-1;min-height:0}
.notification-channel-icon.games{color:#ffd27d;background:rgba(255,189,69,.1);border-color:rgba(255,189,69,.2)}
.games-list{display:grid;gap:8px}
.game-entry{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:9px 12px;border:1px solid var(--border-soft);border-radius:12px;background:#111622}
.game-entry-tag{max-width:none;font-size:10px!important;padding:5px 10px}
.game-entry-aliases{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.game-entry-aliases em{padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font-size:9px;font-style:normal}
.game-entry-aliases em.muted{background:transparent;color:var(--muted-2)}
/* Площадки идут первыми: главный вопрос к строке справочника — где эта игра вообще есть.
   Дальше — другие написания, если площадки зовут её по-разному. */
/* Написание и площадка — одной парой: слева площадка, справа то, как она эту игру зовёт. */
.game-entry-alias{display:inline-flex;align-items:center;gap:7px;padding:3px 9px 3px 3px}
/* Отступ списан у соседней карточки: там ряд кнопок отделён от текста двадцатью пикселями
   (абзац несёт margin-bottom:20px). Без него кнопка выхода прилипала к списку вплотную. */
.settings-logout-row{margin-top:20px}
/* Доля сотрудника стоит РЯДОМ с ценой, а не вместо неё: покупатель в переписке называет
   настоящую сумму, и подменённая цена разошлась бы с его словами. */
.order-share{display:block;margin-top:3px;color:var(--teal);font-size:9px;font-weight:750}
.order-detail-share{display:block;margin-top:8px;color:var(--teal);font-size:12px;font-weight:800}
/* Подпись псевдонима — служебная строка для владельца, поэтому мельче и тише имени. */
.customer-dialog-alias{margin:4px 0 0;color:var(--muted-2);font-size:10px}
.game-entry-alias b{padding:2px 7px;border-radius:999px;background:rgba(117,101,244,.16);color:#b9adff;font-size:9px;font-weight:750}
.game-entry-split{min-height:28px;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--muted);font-size:9px;font-weight:750;cursor:pointer}
.game-entry-split:hover{border-color:#7565f4;color:#fff}
/* Подсказка стоит НАД списком: это вопрос, на который ждут ответа, а не строка справочника. */
.game-suggestions{display:grid;gap:8px;margin-bottom:12px}
.game-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 12px;border:1px solid rgba(255,189,69,.3);border-radius:12px;background:rgba(255,189,69,.045)}
.game-suggestion strong{display:block;font-size:11px}
.game-suggestion small{display:block;margin-top:4px;color:var(--muted-2);font-size:9px}
.game-suggestion-actions{display:flex;gap:7px}
.game-suggestion-actions .button{min-height:30px;padding:0 12px;font-size:9px}
@media(max-width:720px){.game-entry{grid-template-columns:1fr;gap:7px}.game-entry-split{justify-self:start}}.telegram-card{background:linear-gradient(145deg,rgba(117,101,244,.045),#121722 55%)}

/* Refund action */
.order-card{grid-template-columns:minmax(135px,.75fr) minmax(240px,1.55fr) minmax(125px,.7fr) minmax(105px,.55fr) 136px}.order-refund-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,100,127,.28);border-radius:9px;background:rgba(255,100,127,.07);color:#ff8da0;font-size:14px;cursor:pointer}.order-refund-button:hover{border-color:rgba(255,100,127,.55);background:rgba(255,100,127,.13);color:#fff}.order-refund-button:disabled{opacity:.42;cursor:wait}
.order-review{grid-column:1/-1;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:6px}
.order-review-head{display:flex;align-items:center;gap:8px}
.order-review-stars{color:#ffca6b;letter-spacing:2px;font-size:13px}
.order-review-head small{color:#8b93a7;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.order-review-text{margin:0;font-size:13px;line-height:1.45;color:#dfe3ee;white-space:pre-wrap;word-break:break-word}
.order-review-text.muted{color:#8b93a7;font-style:italic}
.order-review-reply{border-left:2px solid rgba(124,131,255,.5);padding-left:9px}
.order-review-reply small{color:#8b93a7;font-size:11px}
.order-review-reply p{margin:2px 0 0;font-size:12.5px;color:#c7ccdb;white-space:pre-wrap;word-break:break-word}
.order-review-button{align-self:flex-start;margin-top:2px;padding:5px 11px;border:1px solid rgba(124,131,255,.35);border-radius:8px;background:rgba(124,131,255,.1);color:#c3c8ff;font-size:12px;cursor:pointer}
/* Неотвеченный отзыв — единственная кнопка здесь, которая зовёт сделать дело: зелёная.
   «Изменить ответ» остаётся спокойной — там всё уже сделано. */
.order-review-button.answer{border-color:rgba(43,212,184,.45);background:rgba(43,212,184,.12);color:var(--teal);font-weight:650}
.order-review-button.answer:hover{background:rgba(43,212,184,.2)}
.order-review-button:hover{border-color:rgba(124,131,255,.6);background:rgba(124,131,255,.18);color:#fff}
.chat-flag.chat-cross-account{border-color:rgba(255,178,90,.34);background:rgba(255,178,90,.1);color:#ffcf94}
.chat-flag.chat-cross-account>span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-staff-mode{display:flex;gap:6px;margin:2px 0 14px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03)}
.chat-staff-mode button{flex:1;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#9aa3b8;font-size:12px;font-weight:700;cursor:pointer;transition:.15s}
.chat-staff-mode button.active{background:rgba(124,131,255,.16);color:#dfe3ff;box-shadow:inset 0 0 0 1px rgba(124,131,255,.3)}
.account-currency{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.account-currency>span{color:#8b93a7;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.account-cy-group{display:flex;gap:4px}
.account-cy-btn{width:30px;height:26px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.03);color:#9aa3b8;font-size:13px;font-weight:700;cursor:pointer;transition:.15s}
.account-cy-btn:hover{border-color:rgba(124,131,255,.45);color:#dfe3ff}
.account-cy-btn.active{border-color:rgba(124,131,255,.55);background:rgba(124,131,255,.16);color:#fff}
.account-cy-btn:disabled{opacity:.5;cursor:wait}
.reviews-distribution{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-bottom:1px solid var(--border-soft)}
.reviews-distribution.hidden{display:none}
.reviews-bar{display:grid;grid-template-columns:32px 1fr 44px;align-items:center;gap:10px}
.reviews-bar-label{color:#8b93a7;font-size:11px;font-variant-numeric:tabular-nums}
.reviews-bar-track{height:6px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.reviews-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7c6cff,#4bc0ff)}
.reviews-bar-count{color:#dfe3ee;font-size:11px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.reviews-bar.empty .reviews-bar-count{color:#5c6479}
.reviews-filter-name{display:flex;align-items:baseline;gap:6px;min-width:0}
.reviews-filter-name strong{min-width:0;flex:0 1 auto;transition:color .16s}
.reviews-filter-name strong.faded{text-overflow:clip;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}
.reviews-filter-rating{flex:0 0 auto;color:#ffc75f;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}
.review-customer-link{display:block;max-width:100%;padding:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:11px;font-weight:700;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .16s}
.review-customer-link:hover{color:var(--cyan);text-decoration:underline}
.review-card{transition:border-color .16s,background .16s,transform .16s}
.review-card:hover{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.review-card,.reviews-filter-name strong,.review-customer-link{transition:none}.review-card:hover{transform:none}}
.reviews-account-filter>.avatar-pair{flex:0 0 auto}
.reviews-account-filter .orders-filter-avatar{width:36px;height:36px;border-radius:11px;object-fit:cover}
.review-owner{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:3px 10px 3px 3px;border-radius:999px;background:rgba(255,255,255,.04);color:#8b93a7;font-size:11px;font-weight:700;line-height:1}
.review-owner .avatar-pair{flex:0 0 auto;width:22px;height:22px;display:block;position:relative}
.review-account-avatar{width:22px;height:22px;min-width:22px;border-radius:50%;object-fit:cover;display:block}
.review-owner .chat-avatar-fallback{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:10px}
.review-order{width:100%;display:flex;align-items:baseline;gap:10px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:color .16s}
.review-order:hover strong{color:var(--cyan);text-decoration:underline}
.order-title-button{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:11px;font-weight:700;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .16s}
.order-title-button:hover{color:var(--cyan);text-decoration:underline}
/* Modal padding lives on `.modal>form`, and this dialog has no form — without its own padding the
   content sat flush against the rounded edge. The heading's text column also needs min-width:0,
   or a long unbreakable title stretches the flex row and spills outside the card. */
.order-detail-modal{width:min(560px,calc(100% - 28px));padding:26px;overflow-x:hidden}
.modal-heading>div{min-width:0}
.order-detail-modal .modal-heading{gap:14px;margin-bottom:18px}
.order-detail-modal .modal-heading h2{overflow-wrap:anywhere}
.order-detail-modal .modal-heading h2{font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.order-detail-modal .modal-heading p{margin-top:6px;color:#8077cb;font-size:10px;font-weight:800;letter-spacing:.4px}
.order-detail-top{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin-bottom:10px}
.order-detail-payout,.order-detail-buyer{min-width:0;padding:14px 15px;border:1px solid var(--border-soft);border-radius:14px;background:linear-gradient(150deg,#171d2c,#141927)}
.order-detail-payout{position:relative;overflow:hidden;border-color:rgba(255,178,90,.22)}
.order-detail-payout:after{content:"";position:absolute;width:96px;height:96px;right:-38px;bottom:-54px;border-radius:50%;background:var(--amber);filter:blur(26px);opacity:.12}
.order-detail-payout>span,.order-detail-buyer>span{display:block;color:var(--muted-2);font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.order-detail-payout>strong{display:block;margin:9px 0 6px;color:var(--amber);font-size:24px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-detail-payout.refunded>strong{color:var(--rose)}
.order-detail-payout>small,.order-detail-buyer>small{display:block;color:var(--muted-2);font-size:9px}
.order-detail-buyer>small{margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.order-detail-grid>div{min-width:0;padding:11px 13px;border:1px solid var(--border-soft);border-radius:12px;background:#141927}
.order-detail-grid dt{margin:0 0 6px;color:var(--muted-2);font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.order-detail-grid dd{margin:0;color:var(--text);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-detail-amount{color:var(--amber);font-size:15px}
.order-detail-customer{display:block;max-width:100%;margin-top:9px;padding:0;border:0;background:transparent;color:var(--cyan);font:inherit;font-size:16px;font-weight:800;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .16s}
.order-detail-customer:hover{color:#8fe3ff;text-decoration:underline}
.order-detail-staff{margin-top:10px;padding:12px 13px;border:1px solid var(--border-soft);border-radius:12px;background:#141927}
.order-detail-staff small{color:var(--muted-2);font-size:10px}
.order-detail-staff-title{display:block;margin-bottom:9px;font-size:11px}
.order-detail-staff-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:9px 0;border-top:1px solid var(--border-soft)}
.order-detail-staff-row span{grid-column:1;display:flex;align-items:baseline;gap:7px}
.order-detail-staff-row small{grid-column:1}
.order-detail-staff-row em{color:#8fe3b0;font-style:normal;font-size:10px}
.order-detail-staff-row .button{grid-column:2;grid-row:1/3;min-height:32px;padding:0 12px;font-size:10px}
@media(max-width:560px){.order-detail-grid{grid-template-columns:1fr}}
/* Стена кнопок уехала: здесь тот же список с поиском, что в выдаче и в уведомлениях. */
.customer-game-choices{margin-top:6px}
.chat-lot-currency{margin:0 0 12px}
.chat-lot-currency>span{display:block;color:#8b93a7;font-size:9px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.chat-lot-currency-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chat-lot-currency-options{display:inline-flex;gap:4px;padding:3px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.03)}
.chat-lot-currency-options button{min-width:52px;min-height:30px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#8b93a7;font-size:12px;font-weight:700;cursor:pointer}
.chat-lot-currency-options button:hover{color:#dfe3ee}
.chat-lot-currency-options button.active{background:rgba(124,108,255,.22);color:#dfe3ee;box-shadow:inset 0 0 0 1px rgba(124,108,255,.45)}
.chat-lot-currency-rate{color:#8b93a7;font-size:11px;white-space:nowrap}
.chat-lot-equivalent{display:block;margin-top:6px;color:#8fe3b0;font-size:11px;font-weight:600}
.customer-card-badges{display:flex;align-items:center;gap:6px}
.customer-flag{padding:3px 7px;border-radius:7px;font-size:9px;font-weight:800;white-space:nowrap}
.customer-flag.vip{color:#ffdf9b;background:rgba(255,202,107,.14);border:1px solid rgba(255,202,107,.35)}
.customer-flag.problem{color:#ff9aa8;background:rgba(255,100,127,.12);border:1px solid rgba(255,100,127,.35)}
.chat-flag.chat-vip{border-color:rgba(255,202,107,.4);background:rgba(255,202,107,.12);color:#ffdf9b}
.chat-flag.chat-problem{border-color:rgba(255,100,127,.4);background:rgba(255,100,127,.12);color:#ff9aa8}
.push-devices-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.push-device{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.03)}
.push-device.current{border-color:rgba(124,131,255,.4);background:rgba(124,131,255,.08)}
.push-device-info{display:flex;flex-direction:column;min-width:0}
.push-device-info strong{font-size:12px;color:#dfe3ee}
.push-device-info small{font-size:10px;color:#8b93a7}
.push-device-remove{flex:0 0 auto;width:26px;height:26px;border:1px solid rgba(255,100,127,.28);border-radius:8px;background:rgba(255,100,127,.07);color:#ff8da0;font-size:14px;cursor:pointer}
.push-device-remove:hover{border-color:rgba(255,100,127,.55);background:rgba(255,100,127,.13);color:#fff}
.push-device-remove:disabled{opacity:.5;cursor:wait}
.member-notify-prefs{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.member-notify-prefs>small{color:#8b93a7;font-size:10px}
.member-notify-toggle{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#c7ccdb;cursor:pointer}
.member-notify-toggle input{accent-color:#7c83ff}
.staff-profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.staff-profile-metric{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.03);text-align:center}
.staff-profile-metric span{display:block;color:#8b93a7;font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.staff-profile-metric strong{display:block;margin-top:4px;font-size:15px;color:#dfe3ee}
.staff-profile-timeline{max-height:min(60vh,560px);overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.staff-profile-section>h3{margin:0 0 8px;font-size:12px;color:#c7ccdb}
.staff-direct-list{display:flex;flex-direction:column;gap:6px}
.staff-direct{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.staff-direct.out{border-color:rgba(124,131,255,.25)}
.staff-direct span{color:#8b93a7;font-size:9px}
.staff-direct p{margin:2px 0 0;font-size:12.5px;color:#dfe3ee;white-space:pre-wrap;word-break:break-word}
.staff-direct time{color:#66718b;font-size:9px}
.staff-assignment{margin-bottom:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03)}
.staff-assignment>header{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}
.staff-assignment>header strong{font-size:13px;color:#e7eaf3}
.staff-assignment>header small{display:block;color:#8b93a7;font-size:10px}
.staff-assignment-when{color:#8b93a7;font-size:10px;white-space:nowrap}
.staff-assignment-order{margin-top:8px;padding:8px 10px;border-radius:9px;background:rgba(255,202,107,.08);border:1px solid rgba(255,202,107,.22)}
.staff-assignment-order small{color:#ffca6b;font-size:8px;letter-spacing:.05em}
.staff-assignment-order strong{display:block;margin-top:2px;font-size:12px;color:#ffe3ad}
.staff-assignment-order span{color:#ffca6b;font-size:12px;font-weight:700}
.staff-assignment-order.none{color:#8b93a7;font-size:11px;background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06)}
.staff-assignment-comment{margin-top:6px;font-size:11.5px;color:#c7ccdb}
.staff-assignment-status{margin-top:6px;font-size:10px;color:#8b93a7}
.staff-transcript{display:none;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);flex-direction:column;gap:5px}
.staff-assignment.open .staff-transcript{display:flex}
.staff-transcript-line{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:baseline;font-size:12px}
.staff-transcript-line b{color:#8b93a7;font-size:10px;white-space:nowrap}
.staff-transcript-line span{color:#dfe3ee;word-break:break-word}
.staff-transcript-line time{color:#66718b;font-size:9px;white-space:nowrap}
.staff-transcript-line.employee b{color:#8fe3b0}
.staff-transcript-line.owner b{color:#c3c8ff}
.staff-transcript-line.client b{color:#ffcf94}
.staff-transcript-empty{color:#66718b;font-size:11px;font-style:italic}
.staff-member-buttons{display:flex;gap:6px;flex-wrap:wrap}
.chat-staff-mute{display:flex;align-items:flex-start;gap:8px;margin:4px 0 2px;font-size:11.5px;color:#c7ccdb;cursor:pointer}
.chat-staff-mute input{margin-top:2px;accent-color:#7c83ff}

@media(max-width:1100px){.order-card{grid-template-columns:minmax(125px,.7fr) minmax(220px,1.4fr) minmax(105px,.55fr) 136px}}
@media(max-width:820px){.notification-grid{grid-template-columns:1fr}.notification-card{min-height:0;padding:19px}.settings-heading{align-items:flex-start}.settings-heading>.status-chip{margin-top:5px}.telegram-connect{grid-template-columns:1fr}.telegram-connect>.button{width:100%}.telegram-connected{align-items:flex-start;flex-direction:column}.order-card{grid-template-columns:minmax(0,1fr) auto 58px;grid-template-areas:"owner summary actions" "description description actions"}.order-actions{gap:5px}.order-refund-button{width:54px}}
@media(max-width:480px){.settings-heading{display:block}.settings-heading>.status-chip{margin-top:13px}.notification-card-head{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:start}.notification-card-head .notification-channel-icon{grid-row:1/3}.notification-card-head .channel-state{grid-column:2;margin:8px 0 0;justify-self:start}.notification-actions .button{flex:1}.telegram-connected .notification-actions{width:100%}.telegram-connected .notification-actions .button{flex:1}}

/* Catalog workspace and safe JSON constructor */
.lot-page-heading{margin-bottom:20px}.lot-management-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 16px;padding:18px;background:linear-gradient(120deg,rgba(117,101,244,.055),#121722 48%,rgba(54,202,239,.035))}.lot-management-bar>div:first-child{min-width:0}.lot-management-bar strong,.lot-management-bar small{display:block}.lot-management-bar strong{margin-top:5px;font-size:14px}.lot-management-bar small{margin-top:5px;color:var(--muted-2);font-size:9px;line-height:1.45}.lot-management-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.import-lots-modal{width:min(980px,calc(100% - 28px));max-height:min(92vh,920px)}.import-lots-modal>form{max-height:min(92vh,920px);overflow:auto}.import-scope{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:18px;padding:14px;border:1px solid var(--border-soft);border-radius:14px;background:#121824}.import-scope>div:first-child strong,.import-scope>div:first-child small{display:block}.import-scope>div:first-child strong{font-size:12px}.import-scope>div:first-child small{margin-top:4px;color:var(--muted-2);font-size:9px}.import-scope>label{display:flex;align-items:center;gap:7px;color:#c5cce0;font-size:10px;cursor:pointer}.import-scope input{accent-color:var(--purple)}.import-account-choices{grid-column:1/-1;padding:8px}.import-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.import-editor-head strong,.import-editor-head small{display:block}.import-editor-head strong{font-size:12px}.import-editor-head small{margin-top:3px;color:var(--muted-2);font-size:9px}.import-editor-head>div:last-child{display:flex;gap:8px}.import-json-editor{width:100%;height:190px;resize:vertical;padding:15px;border:1px solid #313a54;border-radius:13px;outline:0;background:#0c111c;color:#cdd6eb;font:11px/1.55 Consolas,"Cascadia Code",monospace;tab-size:2}.import-json-editor:focus{border-color:#6d61de;box-shadow:0 0 0 3px rgba(117,101,244,.08)}.import-plan{margin-top:14px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#111622}.import-plan-summary{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--border-soft);background:#151b29}.import-plan-summary>div{padding:12px 14px;border-right:1px solid var(--border-soft)}.import-plan-summary>div:last-child{border:0}.import-plan-summary span,.import-plan-summary strong{display:block}.import-plan-summary span{color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.5px}.import-plan-summary strong{margin-top:5px;font-size:16px}.import-plan-summary .danger strong{color:var(--rose)}.import-plan-items{max-height:160px;overflow:auto;padding:7px}.import-plan-item{display:grid;grid-template-columns:34px 86px minmax(110px,.75fr) minmax(0,1.3fr) auto;align-items:center;gap:9px;min-height:46px;padding:7px 9px;border-bottom:1px solid var(--border-soft);font-size:9px}.import-plan-item:last-child{border:0}.import-plan-item>i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(43,212,184,.08);color:var(--teal);font-style:normal}.import-plan-item.error>i{background:rgba(255,100,127,.09);color:var(--rose)}.import-plan-item>em{color:#bcb4ff;font-style:normal;font-weight:750;text-transform:uppercase}.import-plan-item>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-plan-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.import-plan-item>small{color:var(--muted-2);white-space:nowrap}.import-format-note{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:11px 13px;border:1px solid rgba(54,202,239,.14);border-radius:12px;background:rgba(54,202,239,.035)}.import-format-note>span{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:rgba(54,202,239,.1);color:var(--cyan);font-size:10px;font-weight:800}.import-format-note p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.import-format-note code{padding:1px 4px;border-radius:4px;background:#1b2232;color:#c9c2ff}.import-lots-modal .modal-actions{align-items:center}.import-lots-modal .modal-actions>span{margin-right:auto;color:var(--muted-2);font-size:9px}.mobile-settings-links{display:none}

@media(max-width:820px){
  .mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr));min-height:72px;padding-left:5px;padding-right:5px}
  .mobile-nav button{min-width:0;padding:2px 1px;gap:4px}
  .mobile-nav button span{font-size:18px}
  .mobile-nav button small{font-size:8px}
  .main{padding-bottom:76px}
  .chat-page-heading{margin-bottom:12px}
  .chat-workspace{height:calc(100dvh - var(--topbar) - 146px);min-height:460px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:72px minmax(0,1fr)}
  .chat-workspace>.chat-account-rail{grid-row:1;height:72px!important;min-height:72px;align-self:stretch}
  .chat-workspace>.chat-list-column{grid-row:2;height:auto!important;min-height:0}
  .chat-workspace>.chat-thread-column{height:100%!important;min-height:0}
  #page-chats.thread-open .chat-workspace{height:calc(100dvh - var(--topbar) - 78px);min-height:0;grid-template-rows:minmax(0,1fr)}
  .chat-list{padding-bottom:12px}
  .chat-account-filter{flex:0 0 auto}
  .lot-management-bar{align-items:flex-start;flex-direction:column;padding:15px}
  .lot-management-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .lot-management-actions .button{width:100%}
  .lot-management-actions #createLotButton{grid-column:1/-1}
  .import-lots-modal>form{padding:19px}
  .import-scope{grid-template-columns:1fr}
  .import-account-choices{grid-column:auto}
  .import-editor-head{align-items:flex-start;flex-direction:column}
  .import-editor-head>div:last-child{width:100%}
  .import-editor-head .button{flex:1}
  .import-json-editor{height:245px;font-size:10px}
  .import-plan-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
  .import-plan-summary>div{padding:10px 7px}
  .import-plan-summary span{font-size:6px}
  .import-plan-summary strong{font-size:13px}
  .import-plan-item{grid-template-columns:28px 66px minmax(0,1fr) auto}
  .import-plan-item>span{grid-column:2/-1}
  .import-plan-item>small{grid-column:4;grid-row:1}
  .import-lots-modal .modal-actions{position:sticky;bottom:-19px;margin:17px -19px -19px;padding:12px 19px calc(12px + env(safe-area-inset-bottom));background:#111622;border-top:1px solid var(--border-soft)}
  .import-lots-modal .modal-actions>span{display:none}
  .import-lots-modal .modal-actions .button{flex:1;padding-left:9px;padding-right:9px}
  .mobile-settings-links{display:grid;gap:9px;margin:-8px 0 16px}
  .mobile-settings-links button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(120deg,rgba(117,101,244,.08),#141927);color:inherit;text-align:left}
  .mobile-settings-links button>span:nth-child(2){min-width:0}
  .mobile-settings-links strong,.mobile-settings-links small{display:block}
  .mobile-settings-links strong{font-size:12px}
  .mobile-settings-links small{margin-top:4px;color:var(--muted-2);font-size:9px}
  .mobile-settings-links b{color:var(--muted);font-size:22px}
  .mobile-settings-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(117,101,244,.12);color:var(--purple-2);font-size:20px}
}

/* Reviews */
.review-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:12px;margin-bottom:16px}.review-metric{padding:17px 19px;border:1px solid var(--border);border-radius:14px;background:#141927}.review-metric span,.review-metric strong{display:block}.review-metric span{color:var(--muted);font-size:10px}.review-metric strong{margin-top:8px;font-size:25px;color:var(--teal)}.review-metric.amber strong{color:var(--amber)}.reviews-toolbar{display:grid;grid-template-columns:260px minmax(240px,430px);align-items:end;gap:12px;margin-bottom:15px}.reviews-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.review-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#161b29,#121722)}.review-card.needs-reply{border-color:rgba(255,189,69,.3)}.review-head{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:11px}.review-avatar{width:43px;height:43px;border-radius:13px;object-fit:cover}.review-head strong,.review-head small{display:block}.review-head small{margin-top:4px;color:var(--muted-2);font-size:9px}.review-stars{color:var(--amber);letter-spacing:1px}.review-order{display:flex;align-items:center;gap:9px;margin:15px 0 10px;color:var(--muted);font-size:10px}.review-order span{color:#a99fff}.review-text{min-height:44px;margin:0;padding:12px;border-radius:11px;background:#101521;line-height:1.55;font-size:12px}.review-answer{margin-top:9px;padding:11px;border-left:2px solid var(--teal);background:rgba(43,212,184,.035)}.review-answer.empty{border-left-color:var(--amber);color:var(--muted)}.review-answer small{color:var(--muted-2);font-size:8px;text-transform:uppercase}.review-answer p{margin:6px 0 0;font-size:11px;line-height:1.5}.review-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.chat-message-employee{display:block;margin-top:6px;color:#a99fff;font-size:8px;font-weight:700}.thread-viewed-lot.active-order{border-color:rgba(43,212,184,.42);background:linear-gradient(120deg,rgba(43,212,184,.09),rgba(54,202,239,.04))}

@media(max-width:900px){.reviews-list{grid-template-columns:1fr}}
@media(max-width:820px){.reviews-toolbar{grid-template-columns:1fr}.review-metrics{grid-template-columns:1fr 1fr}.review-card{padding:14px}.review-head{grid-template-columns:40px minmax(0,1fr)}.review-stars{grid-column:2}.review-actions .button{flex:1}}

@media(max-width:430px){
  .content{padding-left:12px;padding-right:12px}
  .chat-workspace{margin-left:0;margin-right:0}
  .mobile-nav button small{font-size:7.5px}
  .lot-management-actions{grid-template-columns:1fr}
  .lot-management-actions #createLotButton{grid-column:auto}
}

.account-card.recovering{border-color:rgba(255,189,69,.42)}
.account-status.recovery{color:var(--amber);background:rgba(255,189,69,.1)}
.account-status.recovery .status-dot{background:var(--amber);box-shadow:0 0 0 4px rgba(255,189,69,.1)}
.account-card.recovering .account-error{color:#ffd27e;background:rgba(255,189,69,.1)}

/* Linked FunPay pricing */
.linked-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.linked-price-hint{display:block;margin-top:8px;color:var(--cyan);font-size:10px}.linked-price input{font-variant-numeric:tabular-nums}.linked-price.buyer{padding-left:13px;border-left:1px solid var(--border-soft)}

@media(max-width:820px){
  .mobile-nav{position:fixed!important;inset:auto 0 0 0!important;top:auto!important;bottom:0!important;transform:none!important;margin:0!important;width:100%!important;max-width:none!important;z-index:2147483000!important;contain:layout paint;background:#0d101a}
  .linked-price-grid{grid-template-columns:1fr}.linked-price.buyer{padding-left:0;border-left:0}
}
.finance-withdraw-modal #financeSavedRecipientField{padding:12px;border:1px solid rgba(54,202,239,.2);border-radius:11px;background:rgba(54,202,239,.045)}
.finance-withdraw-modal #financeSavedRecipientField>span{color:#b8c6dc}
.finance-withdraw-modal #financeSavedRecipientField>small{color:#6f829f}
.finance-account-filters .finance-account-filter{grid-template-columns:37px minmax(0,1fr) 8px 28px}
.finance-account-tag{display:block;width:max-content;max-width:100%;margin-top:5px;padding:2px 6px;border-radius:6px;font-size:7px;font-style:normal;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finance-account-tag.violet{color:#b8adff;background:rgba(117,101,244,.14)}.finance-account-tag.cyan{color:#71dcf7;background:rgba(54,202,239,.12)}.finance-account-tag.green{color:#66e0c4;background:rgba(43,212,184,.12)}.finance-account-tag.amber{color:#ffd078;background:rgba(255,189,69,.12)}.finance-account-tag.rose{color:#ff91a3;background:rgba(255,100,127,.12)}.finance-account-tag.empty{padding-left:0;color:#5f6b86;background:transparent;font-weight:500}
.finance-account-tag-edit{width:28px;height:28px;display:grid;place-items:center;border:1px solid #303951;border-radius:8px;background:#1a2030;color:#8d98b2;cursor:pointer}.finance-account-tag-edit:hover{border-color:#6659d5;color:#b9b1ff;background:#211f3b}
.finance-overlap-badges{display:flex!important;align-items:center;gap:4px;flex-wrap:wrap;margin-top:6px}.finance-overlap-badges small{margin:0!important;color:#b86b7b!important;font-size:7px!important;text-transform:none!important;letter-spacing:0!important}.finance-overlap-chip{display:inline-flex;padding:2px 6px;border:1px solid rgba(255,100,127,.24);border-radius:999px;background:rgba(255,100,127,.09);color:#ff899c;font-size:7px;font-weight:750}
.finance-recipient-overlap{padding:11px 12px;border:1px solid rgba(255,100,127,.32);border-radius:11px;background:rgba(255,100,127,.075)}.finance-recipient-overlap>strong,.finance-recipient-overlap>span{display:block}.finance-recipient-overlap>strong{color:#ff9bad;font-size:11px}.finance-recipient-overlap>span{margin-top:4px;color:#b7808b;font-size:9px}.finance-recipient-overlap>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.finance-recipient-overlap b{padding:4px 8px;border-radius:999px;background:rgba(255,100,127,.13);color:#ff9bad;font-size:8px}

.chat-staff-button{min-height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(117,101,244,.32);border-radius:10px;background:rgba(117,101,244,.08);color:#b8adff;font-size:9px;font-weight:750;cursor:pointer}.chat-staff-button:hover,.chat-staff-button.assigned{border-color:rgba(43,212,184,.42);background:rgba(43,212,184,.09);color:#6de4ca}.chat-assignment-bar{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin:9px 13px 0;padding:9px 11px;border:1px solid rgba(43,212,184,.28);border-radius:12px;background:linear-gradient(110deg,rgba(43,212,184,.09),rgba(117,101,244,.06))}.chat-assignment-bar>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(43,212,184,.11);color:var(--teal);font-size:16px}.chat-assignment-bar small,.chat-assignment-bar strong{display:block}.chat-assignment-bar small{color:#5bd6bd;font-size:7px;font-weight:800;letter-spacing:.65px}.chat-assignment-bar strong{margin-top:4px;color:#d8f7ef;font-size:10px}.chat-assignment-bar button{padding:6px 9px;border:1px solid rgba(43,212,184,.24);border-radius:8px;background:#151d29;color:#83dcca;font-size:8px;cursor:pointer}.chat-staff-current{margin-bottom:14px;padding:11px 12px;border:1px solid rgba(43,212,184,.24);border-radius:11px;background:rgba(43,212,184,.07);color:#bcebe0;font-size:10px;line-height:1.5}
.notification-channel-icon.access{color:#b9adff;background:rgba(117,101,244,.1)}.telegram-access-card{grid-column:1/-1;min-height:0}.telegram-members{display:grid;gap:9px}.telegram-member{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(150px,.8fr) 150px auto;align-items:center;gap:10px;padding:11px;border:1px solid #283149;border-radius:12px;background:#101520}.telegram-member.pending{border-color:rgba(255,189,69,.3);background:rgba(255,189,69,.045)}.telegram-member-person{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px}.telegram-member-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#6558d7,#277f9d);color:white;font-size:13px;font-weight:850}.telegram-member-person strong,.telegram-member-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telegram-member-person strong{font-size:11px}.telegram-member-person small{margin-top:4px;color:var(--muted-2);font-size:8px}.telegram-member input,.telegram-member select{width:100%;height:37px;padding:0 10px;border:1px solid #303a54;border-radius:9px;outline:0;background:#171d2a;color:#eef1fa;font-size:10px}.telegram-member input:focus,.telegram-member select:focus{border-color:#665bd5}.telegram-member-actions{display:flex;gap:7px}.telegram-member-actions button{min-height:36px;padding:0 11px;border:1px solid #353e59;border-radius:9px;background:#1a2030;color:#c5cbea;font-size:9px;font-weight:750;cursor:pointer}.telegram-member-actions .approve{border-color:#7565f4;background:#6859de;color:white}.telegram-member-actions .remove{width:36px;padding:0;border-color:rgba(255,100,127,.25);color:#ff8fa2;background:rgba(255,100,127,.06)}.telegram-role-badge{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:99px;background:rgba(43,212,184,.09);color:#61d9c0;font-size:7px;font-weight:750}.telegram-member.pending .telegram-role-badge{background:rgba(255,189,69,.1);color:#ffd078}.telegram-members-empty{padding:24px;border:1px dashed #2c354c;border-radius:12px;text-align:center}.telegram-members-empty strong,.telegram-members-empty span{display:block}.telegram-members-empty strong{font-size:11px}.telegram-members-empty span{margin-top:6px;color:var(--muted-2);font-size:9px}
@media(max-width:980px){.telegram-member{grid-template-columns:minmax(190px,1fr) minmax(140px,.75fr) 135px}.telegram-member-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:820px){.chat-staff-button{padding:0 8px}.telegram-member{grid-template-columns:1fr 1fr}.telegram-member-person{grid-column:1/-1}.telegram-member-actions{grid-column:1/-1}.chat-assignment-bar{margin-left:9px;margin-right:9px}}
@media(max-width:560px){.chat-staff-button{width:35px;min-width:35px;padding:0;justify-content:center}.chat-staff-button>span:last-child{display:none}.chat-thread-header{gap:7px}.chat-tag-button{width:35px;min-width:35px;padding:0;justify-content:center}.chat-tag-button>span:last-child{display:none}.telegram-member{grid-template-columns:1fr}.telegram-member-person,.telegram-member-actions{grid-column:auto}.telegram-member-actions{justify-content:stretch}.telegram-member-actions .approve{flex:1}.chat-assignment-bar{grid-template-columns:30px minmax(0,1fr) auto;padding:8px}.chat-assignment-bar>span{width:30px;height:30px}}
#proxyStatus.error{color:#ff879b}#proxyStatus.success{color:#62ddc3}

/* Employee dispatch */
/* Слабину забирает колонка навыков, а не колонка с именем. Раньше первая колонка была 1.15fr:
   на широком экране она растягивалась, содержимое оставалось прижатым влево, и посередине
   строки зияла дыра — это и выглядело как «плывёт». */
.telegram-member{grid-template-columns:minmax(180px,auto) minmax(140px,230px) 150px minmax(160px,520px) minmax(auto,1fr)}
/* Колонка навыков ограничена, слабину забирает последняя, а кнопки в ней прижаты вправо.
   Так строка читается как строка таблицы при любой ширине экрана: слева человек, справа
   действия, между ними — то, что у него выдано. */
.telegram-member>.telegram-member-actions{justify-content:flex-end}
/* Правил строки владельца тут больше нет: он в этот список не попадает вовсе — основной
   телеграм кабинета живёт в «Настройках», рядом с ботом. */
.chat-staff-control-row{display:flex;gap:8px;margin-top:14px}.chat-staff-control-row .button{flex:1}.chat-assignment-bar.paused{border-color:rgba(255,189,69,.34);background:linear-gradient(110deg,rgba(255,189,69,.09),rgba(117,101,244,.05))}.chat-assignment-bar.paused>span{color:var(--amber);background:rgba(255,189,69,.1)}.chat-assignment-bar.paused small,.chat-assignment-bar.paused strong{color:#ffd47d}
.staff-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.staff-metric{min-height:112px;padding:18px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#161b29,#121722)}.staff-metric span,.staff-metric strong,.staff-metric small{display:block}.staff-metric span{color:#9ba7c0;font-size:10px}.staff-metric strong{margin:12px 0 4px;color:var(--purple-2);font-size:24px}.staff-metric small{color:var(--muted-2);font-size:9px}.staff-metric.cyan strong{color:var(--cyan)}.staff-metric.green strong{color:var(--teal)}.staff-metric.amber strong{color:var(--amber)}
.staff-dispatch-card{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(320px,1.35fr);gap:20px;padding:18px;margin-bottom:16px}.staff-dispatch-copy h2{margin:5px 0 7px;font-size:18px}.staff-dispatch-copy>p:last-child{max-width:430px;margin:0;color:var(--muted);font-size:10px;line-height:1.55}.staff-message-field textarea{min-height:90px}.staff-audience-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr) auto;align-items:end;gap:12px;padding-top:15px;border-top:1px solid var(--border-soft)}.staff-audience-summary{display:flex;align-items:center;gap:10px;min-height:43px;color:var(--muted);font-size:10px}.staff-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:17px}.staff-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 12px}.staff-section-heading h2{margin:4px 0 0;font-size:17px}.staff-section-heading>span{color:var(--muted-2);font-size:9px}.staff-members-list{display:grid;gap:9px}.staff-member-card{display:grid;grid-template-columns:24px 44px minmax(160px,1fr) minmax(120px,.55fr) auto;align-items:center;gap:12px;min-height:88px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#151a28,#121722);transition:.15s}.staff-member-card:hover{border-color:#3d4661}.staff-member-card.selected{border-color:#7466e8;background:linear-gradient(120deg,rgba(117,101,244,.13),#141927)}.staff-member-check input{display:none}.staff-member-check i{display:block;width:17px;height:17px;border:1px solid #46506b;border-radius:5px;background:#111622}.staff-member-check input:checked+i{border-color:#897bff;background:#7565f4;box-shadow:inset 0 0 0 4px #7565f4}.staff-member-check input:checked+i:after{content:'✓';display:block;color:#fff;font-size:11px;line-height:15px;text-align:center}.staff-member-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#6d5ee4,#267e9c);font-weight:800}.staff-member-main{min-width:0}.staff-member-main>div:first-child{display:flex;align-items:baseline;gap:8px}.staff-member-main strong{font-size:12px}.staff-member-main small{color:var(--muted-2);font-size:8px}.staff-tag-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.staff-tag{padding:3px 7px;border-radius:999px;color:#bdb4ff;background:rgba(117,101,244,.11);font-size:7px;font-weight:700}.staff-tag.empty{color:var(--muted-2);background:#1a2030}.staff-member-state strong,.staff-member-state small{display:block}.staff-member-state strong{font-size:9px}.staff-member-state small{margin-top:5px;color:var(--muted-2);font-size:8px}.staff-member-state .status-dot{margin-right:6px}.staff-personal-button{min-height:35px;padding:0 11px;font-size:9px}.staff-replies-panel{padding:17px;min-height:360px}.staff-replies-list{display:grid;gap:9px;max-height:620px;overflow:auto}.staff-reply-card{padding:13px;border:1px solid var(--border-soft);border-radius:13px;background:#101520}.staff-reply-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.staff-reply-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(43,212,184,.1);color:var(--teal);font-weight:800}.staff-reply-head strong,.staff-reply-head small{display:block}.staff-reply-head strong{font-size:10px}.staff-reply-head small{margin-top:3px;color:var(--muted-2);font-size:7px}.staff-question,.staff-answer{margin:10px 0 0;padding:9px 10px;border-radius:10px;font-size:9px;line-height:1.45}.staff-question{color:var(--muted);background:#171d2a}.staff-answer{color:#d9f8f1;background:rgba(43,212,184,.07)}.staff-reply-card>button{width:100%;margin-top:9px;padding:7px;border:0;border-radius:8px;background:rgba(117,101,244,.09);color:#b9aeff;font-size:8px;cursor:pointer}.staff-replies-empty{text-align:center;padding:55px 16px}.staff-replies-empty span{font-size:24px}.staff-replies-empty strong,.staff-replies-empty small{display:block}.staff-replies-empty strong{margin-top:12px;font-size:11px}.staff-replies-empty small{margin-top:6px;color:var(--muted-2);font-size:8px;line-height:1.5}
@media(max-width:1120px){.telegram-member{grid-template-columns:minmax(180px,1fr) 1fr 130px}.telegram-member [data-member-tags]{grid-column:2/4}.telegram-member-actions{grid-column:1/-1;justify-content:flex-end}.staff-workspace{grid-template-columns:1fr}.staff-replies-panel{min-height:0}.staff-replies-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}
@media(max-width:820px){.staff-page-heading{align-items:flex-start}.staff-metrics{grid-template-columns:1fr 1fr;gap:8px}.staff-metric{min-height:92px;padding:14px}.staff-metric strong{font-size:20px;margin-top:9px}.staff-dispatch-card{grid-template-columns:1fr;padding:16px}.staff-audience-row{grid-column:auto;grid-template-columns:1fr}.staff-audience-summary{min-height:28px}.staff-member-card{grid-template-columns:22px 40px minmax(0,1fr) auto;grid-template-areas:'check avatar main action' 'check avatar state action';gap:9px;padding:11px}.staff-member-check{grid-area:check}.staff-member-avatar{grid-area:avatar;width:40px;height:40px}.staff-member-main{grid-area:main}.staff-member-state{grid-area:state}.staff-personal-button{grid-area:action;width:36px;min-width:36px;padding:0;font-size:0;flex:0 0 auto;white-space:nowrap;overflow:hidden}.staff-personal-button:after{content:'✎';font-size:15px}.staff-replies-list{grid-template-columns:1fr}.telegram-member{grid-template-columns:1fr 1fr}.telegram-member [data-member-tags]{grid-column:1/-1}}
@media(max-width:520px){.staff-page-heading{display:block}.staff-page-heading .button{margin-top:13px}.staff-metrics{grid-template-columns:1fr 1fr}.staff-metric span{font-size:9px}.staff-metric small{font-size:7px}.staff-member-main>div:first-child{display:block}.staff-member-main small{display:block;margin-top:3px}.staff-member-state strong{font-size:8px}.staff-member-state small{font-size:7px}.staff-dispatch-card{border-radius:15px}.chat-staff-control-row{flex-direction:column}}
.staff-tag-list>button{width:19px;height:19px;padding:0;border:1px dashed #46506d;border-radius:7px;background:transparent;color:#9e94e8;font-size:11px;line-height:16px;cursor:pointer}
.finance-sync-state{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid var(--border-soft);border-radius:999px;background:#111622;color:var(--muted-2);font-size:8px;white-space:nowrap}.finance-sync-state i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(43,212,184,.08)}.finance-sync-state.syncing{color:#bcb4ff;border-color:rgba(117,101,244,.28);background:rgba(117,101,244,.07)}.finance-sync-state.syncing i{background:var(--purple-2);box-shadow:0 0 0 3px rgba(117,101,244,.12);animation:finance-sync-pulse 1s ease-in-out infinite}@keyframes finance-sync-pulse{50%{opacity:.35;transform:scale(.78)}}
@media(max-width:820px){.finance-sync-state{order:-1;width:100%;justify-content:center}.finance-page-heading .heading-actions{max-width:100%}}

/* Customer CRM */
.customer-sync-state{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--border-soft);border-radius:999px;background:#111622;color:var(--muted-2);font-size:8px;white-space:nowrap}.customer-sync-state i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(43,212,184,.09)}.customer-sync-state.syncing{color:#c0b8ff;border-color:rgba(117,101,244,.3);background:rgba(117,101,244,.07)}.customer-sync-state.syncing i{background:var(--purple-2);animation:customer-sync-pulse 1s ease-in-out infinite}@keyframes customer-sync-pulse{50%{opacity:.35;transform:scale(.75)}}
.customer-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.customer-metric{min-height:112px;padding:18px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#161b29,#121722)}.customer-metric span,.customer-metric strong,.customer-metric small{display:block}.customer-metric span{color:#9ba7c0;font-size:10px}.customer-metric strong{margin:12px 0 4px;color:var(--purple-2);font-size:24px}.customer-metric small{color:var(--muted-2);font-size:9px}.customer-metric.cyan strong{color:var(--cyan)}.customer-metric.green strong{color:var(--teal)}.customer-metric.amber strong{color:var(--amber)}
.customer-toolbar{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(160px,.65fr) minmax(150px,.6fr) auto auto;align-items:center;gap:10px;padding:12px;margin-bottom:15px}.customer-search{min-height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #30384f;border-radius:11px;background:#111622;color:var(--muted)}.customer-search:focus-within{border-color:#655ad7}.customer-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.customer-attention-filter,.customer-archive-filter{display:flex;align-items:center;gap:8px;color:#a8b2c9;font-size:9px;white-space:nowrap;cursor:pointer}.customer-attention-filter input{display:none}.customer-attention-filter i{width:29px;height:17px;position:relative;border-radius:99px;background:#30374a;transition:.18s}.customer-attention-filter i:after{content:'';position:absolute;width:11px;height:11px;left:3px;top:3px;border-radius:50%;background:#a9b1c3;transition:.18s}.customer-attention-filter input:checked+i{background:var(--purple)}.customer-attention-filter input:checked+i:after{transform:translateX(12px);background:#fff}.customer-archive-filter input{accent-color:var(--purple)}.customer-sync-error{margin:0 0 14px;padding:10px 12px;border:1px solid rgba(255,100,127,.28);border-radius:11px;background:rgba(255,100,127,.07);color:#ff93a5;font-size:9px}
.customers-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px}.customer-card{min-width:0;min-height:286px;padding:16px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#151a28,#111621);color:inherit;text-align:left;cursor:pointer;transition:.16s}.customer-card:hover{transform:translateY(-2px);border-color:#465171;box-shadow:0 14px 35px rgba(0,0,0,.18)}.customer-card.unread{box-shadow:inset 3px 0 var(--purple-2)}.customer-card.overdue{border-color:rgba(255,189,69,.34)}.customer-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.customer-card-person{min-width:0;display:flex;align-items:center;gap:10px}.customer-card-person>span:last-child{min-width:0}.customer-card-person strong,.customer-card-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-person strong{font-size:12px}.customer-card-person small{margin-top:4px;color:var(--muted-2);font-size:8px}.customer-card-avatar{width:43px;height:43px;object-fit:cover;border-radius:14px;background:#242b3f}.customer-stage{flex:0 0 auto;padding:5px 8px;border-radius:999px;color:#bcb4ff;background:rgba(117,101,244,.12);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.25px}.customer-stage.interested{color:#70daf4;background:rgba(54,202,239,.1)}.customer-stage.buyer,.customer-stage.repeat{color:#67e0c4;background:rgba(43,212,184,.1)}.customer-stage.vip{color:#ffd174;background:rgba(255,189,69,.11)}.customer-stage.dormant,.customer-stage.lost{color:#ff91a4;background:rgba(255,100,127,.1)}
.customer-card-suggestion{min-height:58px;display:flex;align-items:center;gap:10px;margin-top:15px;padding:10px 11px;border:1px solid var(--border-soft);border-radius:12px;background:#101520}.customer-card-suggestion>i{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(117,101,244,.11);color:var(--purple-2);font-size:11px;font-style:normal;font-weight:800}.customer-card-suggestion span{min-width:0}.customer-card-suggestion small,.customer-card-suggestion strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-suggestion small{color:var(--muted-2);font-size:7px;letter-spacing:.65px}.customer-card-suggestion strong{margin-top:4px;font-size:9px}.customer-card-suggestion.due>i{color:var(--amber);background:rgba(255,189,69,.1)}.customer-card-suggestion.reply>i{color:var(--teal);background:rgba(43,212,184,.1)}.customer-card-stats{display:grid;grid-template-columns:.55fr 1fr .85fr;gap:8px;margin-top:13px}.customer-card-stats>span{min-width:0;padding:9px;border:1px solid var(--border-soft);border-radius:10px;background:rgba(16,21,32,.55)}.customer-card-stats small,.customer-card-stats strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-stats small{color:var(--muted-2);font-size:7px}.customer-card-stats strong{margin-top:5px;font-size:9px}.customer-card-tags{height:25px;display:flex;gap:5px;overflow:hidden;margin-top:12px}.customer-card-tags>span{max-width:105px;padding:4px 8px;border-radius:999px;color:#bcb4ff;background:rgba(117,101,244,.1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:700}.customer-card-tags>.muted-tag{color:var(--muted-2);background:#191f2e}.customer-card>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border-soft)}.customer-account-chips{display:flex;align-items:center;gap:5px;min-width:0}.customer-account-chips>span{display:flex;align-items:center;gap:4px;min-width:0}.customer-account-chips b{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8995af;font-size:7px}.customer-account-chip-avatar{width:18px;height:18px;object-fit:cover;border-radius:6px;background:#252d41}.customer-open{color:#a99fff;font-size:8px}.customer-open b{font-size:14px}.customers-empty{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.customers-empty>span{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:rgba(117,101,244,.1);color:var(--purple-2);font-size:24px}.customers-empty strong{margin-top:14px;font-size:13px}.customers-empty small{max-width:350px;margin-top:7px;color:var(--muted-2);font-size:9px;line-height:1.55}
.customer-modal{width:min(1060px,calc(100% - 28px));max-height:92vh}.customer-modal>form{padding:24px}.customer-dialog-person{display:flex;align-items:center;gap:13px;min-width:0}.customer-dialog-person>div:last-child{min-width:0}.customer-dialog-avatar{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:16px;background:linear-gradient(145deg,#6759d9,#267e9c);font-weight:800}.customer-dialog-avatar .avatar-pair,.customer-dialog-avatar-image{width:52px;height:52px}.customer-dialog-avatar-image{object-fit:cover;border-radius:16px}.customer-modal-heading{align-items:center}.customer-dialog-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}.customer-dialog-summary>div{min-width:0;padding:12px;border:1px solid var(--border-soft);border-radius:11px;background:#101520}.customer-dialog-summary span,.customer-dialog-summary strong{display:block}.customer-dialog-summary span{color:var(--muted-2);font-size:7px}.customer-dialog-summary strong{margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.customer-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;border:1px solid var(--border-soft);border-radius:14px;background:#101520}.customer-note-field{grid-column:1/-1}.customer-note-field textarea{min-height:85px}.customer-archive-switch{grid-column:1/-1;display:flex;align-items:center;gap:11px;padding-top:11px;border-top:1px solid var(--border-soft);cursor:pointer}.customer-archive-switch input{display:none}.customer-archive-switch>i{width:35px;height:20px;position:relative;flex:0 0 auto;border-radius:99px;background:#30374a}.customer-archive-switch>i:after{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#a9b1c3;transition:.18s}.customer-archive-switch input:checked+i{background:var(--rose)}.customer-archive-switch input:checked+i:after{transform:translateX(15px);background:#fff}.customer-archive-switch strong,.customer-archive-switch small{display:block}.customer-archive-switch strong{font-size:9px}.customer-archive-switch small{margin-top:3px;color:var(--muted-2);font-size:7px}.customer-detail-section{margin-top:15px;padding:15px;border:1px solid var(--border-soft);border-radius:14px;background:#101520}.customer-detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.customer-detail-heading h3{margin:4px 0 0;font-size:13px}.customer-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-account-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid #252d42;border-radius:11px;background:#151a27}.customer-detail-account-avatar{width:38px;height:38px;object-fit:cover;border-radius:11px}.customer-account-list strong,.customer-account-list small{display:block}.customer-account-list strong{font-size:9px}.customer-account-list small{margin-top:4px;color:var(--muted-2);font-size:7px}.customer-account-list .button{min-height:32px;padding:0 9px;font-size:8px}.customer-reminder-compose{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:8px}.customer-reminder-compose input{min-height:40px;padding:8px 10px;border:1px solid #30384f;border-radius:10px;background:#171c29;color:var(--text);font-size:10px}.customer-reminder-compose .button{min-height:40px}.customer-reminder-list{display:grid;gap:7px;margin-top:10px}.customer-reminder{display:grid;grid-template-columns:30px minmax(0,1fr) 27px;align-items:center;gap:9px;padding:9px;border:1px solid #252d42;border-radius:11px;background:#151a27}.customer-reminder.overdue{border-color:rgba(255,189,69,.31);background:rgba(255,189,69,.045)}.customer-reminder.done{opacity:.52}.customer-reminder>button{width:28px;height:28px;border:0;border-radius:9px;background:rgba(43,212,184,.1);color:var(--teal);cursor:pointer}.customer-reminder>button:last-child{width:25px;height:25px;background:transparent;color:var(--muted-2);font-size:16px}.customer-reminder strong,.customer-reminder small{display:block}.customer-reminder strong{font-size:9px}.customer-reminder small{margin-top:4px;color:var(--muted-2);font-size:7px}.customer-reminder.overdue small{color:var(--amber)}.customer-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-order-list,.customer-interest-list{display:grid;gap:7px;max-height:270px;overflow:auto}.customer-order-list>a,.customer-interest-list>a,.customer-interest-list>article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #252d42;border-radius:11px;background:#151a27;color:inherit;text-decoration:none}.customer-order-list>a:hover,.customer-interest-list>a:hover{border-color:#51499a}.customer-order-list span,.customer-interest-list span{min-width:0}.customer-order-list span:last-child,.customer-interest-list span:last-child{text-align:right;flex:0 0 auto}.customer-order-list strong,.customer-order-list small,.customer-interest-list strong,.customer-interest-list small{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-order-list strong,.customer-interest-list strong{font-size:8px}.customer-order-list small,.customer-interest-list small{margin-top:4px;color:var(--muted-2);font-size:7px}.customer-detail-empty{padding:18px;color:var(--muted-2);font-size:8px;text-align:center}.customer-modal-actions{position:sticky;bottom:-24px;margin:20px -24px -24px;padding:13px 24px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--border-soft);background:#111622}.customer-modal-actions>span{margin-right:auto;align-self:center;color:var(--muted-2);font-size:8px}
@media(max-width:1180px){.customers-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.customer-toolbar{grid-template-columns:minmax(240px,1fr) 1fr 1fr}.customer-attention-filter,.customer-archive-filter{justify-content:center}}
@media(max-width:820px){.customer-page-heading{align-items:flex-start}.customer-page-heading .heading-actions{width:auto}.customer-sync-state{order:-1;width:100%;justify-content:center}.customer-metrics{grid-template-columns:1fr 1fr;gap:8px}.customer-metric{min-height:94px;padding:14px}.customer-metric strong{font-size:20px;margin-top:9px}.customer-toolbar{grid-template-columns:1fr 1fr;padding:10px}.customer-search{grid-column:1/-1}.customer-attention-filter,.customer-archive-filter{min-height:34px}.customers-grid{grid-template-columns:1fr}.customer-card{min-height:270px}.customer-dialog-summary{grid-template-columns:1fr 1fr}.customer-editor-grid{grid-template-columns:1fr}.customer-note-field,.customer-archive-switch{grid-column:auto}.customer-account-list{grid-template-columns:1fr}.customer-history-grid{grid-template-columns:1fr}.customer-reminder-compose{grid-template-columns:1fr 1fr}.customer-reminder-compose input:nth-child(2){grid-column:1/-1}.customer-reminder-compose .button{grid-column:1/-1}.customer-modal{width:calc(100% - 14px);max-height:95vh}.customer-modal>form{padding:18px}.customer-modal-actions{bottom:-18px;margin-left:-18px;margin-right:-18px;margin-bottom:-18px;padding-left:18px;padding-right:18px}.customer-modal-actions>span{display:none}}
@media(max-width:520px){.customer-page-heading{display:block}.customer-page-heading .heading-actions{width:100%;margin-top:13px}.customer-page-heading .button{flex:1}.customer-metric span{font-size:8px}.customer-metric small{font-size:7px}.customer-toolbar{grid-template-columns:1fr}.customer-search{grid-column:auto}.customer-card{padding:14px}.customer-card-stats{grid-template-columns:.55fr 1fr .9fr}.customer-dialog-summary{gap:6px}.customer-dialog-summary>div{padding:9px}.customer-account-list article{grid-template-columns:36px minmax(0,1fr) 37px}.customer-account-list .button{width:35px;min-width:35px;padding:0;font-size:0}.customer-account-list .button:after{content:'◌';font-size:15px}.customer-reminder-compose{grid-template-columns:1fr}.customer-reminder-compose input:nth-child(2),.customer-reminder-compose .button{grid-column:auto}.customer-order-list strong,.customer-interest-list strong{max-width:180px}}

/* Customer CRM classification and card layout */
.customer-toolbar{grid-template-columns:repeat(4,minmax(150px,1fr))}.customer-toolbar .customer-search{grid-column:span 2}.customer-toolbar .customer-archive-filter{justify-self:end;padding:0 8px}
.customer-card{min-height:370px;display:flex;flex-direction:column;overflow:hidden}.customer-card.reseller{border-color:rgba(255,77,142,.65);box-shadow:inset 3px 0 #ff4d8e,0 12px 38px rgba(255,40,120,.08)}.customer-card.reseller:hover{border-color:#ff6aa1;box-shadow:inset 3px 0 #ff4d8e,0 16px 42px rgba(255,40,120,.15)}
.customer-stage.reseller{color:#ff8fb8;background:linear-gradient(110deg,rgba(255,52,126,.2),rgba(185,65,255,.2));box-shadow:inset 0 0 0 1px rgba(255,91,155,.18)}
.customer-card-reminder{min-height:45px;display:flex;align-items:center;gap:9px;margin-top:12px;padding:8px 10px;border:1px solid rgba(255,189,69,.25);border-radius:11px;background:rgba(255,189,69,.055)}.customer-card-reminder>b{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:rgba(255,189,69,.12);color:var(--amber)}.customer-card-reminder span{min-width:0}.customer-card-reminder small,.customer-card-reminder strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-reminder small{color:var(--amber);font-size:6px;letter-spacing:.6px}.customer-card-reminder strong{margin-top:3px;font-size:8px}
.customer-card-stats strong.tier-blue{color:#58a9ff}.customer-card-stats strong.tier-gold{color:#f6c453;text-shadow:0 0 14px rgba(246,196,83,.16)}.customer-card-stats strong.tier-diamond{color:transparent;background:linear-gradient(100deg,#6ff8ff,#9da9ff 42%,#f2a8ff 76%,#72fff1);background-clip:text;-webkit-background-clip:text;text-shadow:0 0 17px rgba(112,225,255,.12)}.customer-card-stats strong.contact-fresh{color:#4ad8aa}.customer-card-stats strong.contact-warm{color:#ffb64d}.customer-card-stats strong.contact-cold{color:#ff667f}
.customer-card-labels{min-height:25px;display:flex;align-items:center;gap:5px;overflow:hidden;margin-top:11px}.customer-card-labels>span{max-width:120px;padding:5px 8px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:750}.customer-activity{color:#9ba7c0;background:#1b2130}.customer-activity.active{color:#5ee4ba;background:rgba(43,212,184,.11)}.customer-activity.attention{color:#ffbd57;background:rgba(255,189,69,.1)}.customer-activity.inactive{color:#ff7d93;background:rgba(255,100,127,.1)}.customer-game-label{color:hsl(var(--game-hue) 86% 77%);background:hsl(var(--game-hue) 70% 52% / .12);box-shadow:inset 0 0 0 1px hsl(var(--game-hue) 70% 62% / .17)}.customer-manual-label{color:#b8b0ff;background:rgba(117,101,244,.1)}
.customer-card-views{min-height:81px;margin-top:11px;padding:9px 10px;border:1px solid var(--border-soft);border-radius:11px;background:rgba(13,18,29,.58)}.customer-card-views>small{display:block;margin-bottom:6px;color:#67738f;font-size:6px;letter-spacing:.55px}.customer-card-views>div{display:grid;gap:4px}.customer-card-views>div>span{min-width:0;display:grid;grid-template-columns:minmax(58px,.42fr) minmax(0,1fr);gap:7px;align-items:center}.customer-card-views i,.customer-card-views strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-views i{color:#9086ed;font-size:7px;font-style:normal}.customer-card-views strong{font-size:7px}.customer-card-views em{color:var(--muted-2);font-size:7px;font-style:normal}
.customer-card>footer{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:auto}.customer-account-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.customer-account-chips>span{width:100%;display:flex;align-items:center;gap:5px;overflow:hidden}.customer-account-chips b{max-width:none;min-width:0}.customer-account-chip-avatar{width:21px;height:21px;flex:0 0 21px;border-radius:7px}.customer-open{align-self:center;white-space:nowrap}
@media(max-width:1180px){.customer-toolbar{grid-template-columns:repeat(2,minmax(160px,1fr))}.customer-toolbar .customer-search{grid-column:1/-1}.customer-toolbar .customer-archive-filter{justify-self:start}.customer-card{min-height:360px}}
@media(max-width:820px){.customer-toolbar{grid-template-columns:1fr 1fr}.customer-toolbar .customer-search{grid-column:1/-1}.customer-card{min-height:350px}.customer-card-views{min-height:76px}}
@media(max-width:520px){.customer-toolbar{grid-template-columns:1fr}.customer-toolbar .customer-search{grid-column:auto}.customer-toolbar .customer-archive-filter{justify-self:start}.customer-card{min-height:360px}.customer-card-labels{overflow-x:auto;padding-bottom:2px}.customer-account-chips{gap:4px}.customer-account-chips b{font-size:6px}.customer-card-views>div>span{grid-template-columns:75px minmax(0,1fr)}}

/* Customer notifications and chat CRM context */
.customer-events-button{position:relative}.customer-events-button>span{color:var(--purple-2)}.customer-events-button.has-events{border-color:rgba(117,101,244,.5);background:rgba(117,101,244,.1);color:#dedaff}.customer-events-button b{min-width:19px;height:19px;display:inline-grid;place-items:center;margin-left:2px;padding:0 5px;border-radius:999px;background:var(--rose);color:#fff;font-size:8px;box-shadow:0 0 0 3px rgba(255,100,127,.08)}
.customer-events-modal{width:min(720px,calc(100% - 28px));max-height:90vh}.customer-events-modal>form{max-height:90vh;overflow:auto}.customer-events-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 13px;padding:11px 12px;border:1px solid var(--border-soft);border-radius:12px;background:#101520}.customer-events-toolbar>span{color:#9da8c0;font-size:9px}.customer-events-list{display:grid;gap:8px;max-height:510px;overflow:auto}.customer-event{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--border-soft);border-radius:13px;background:#121824;color:inherit;text-align:left;cursor:pointer;transition:.15s}.customer-event:hover{border-color:#4b5473;background:#151c2b}.customer-event.unread{border-color:rgba(117,101,244,.38);box-shadow:inset 3px 0 var(--purple-2);background:linear-gradient(100deg,rgba(117,101,244,.1),#121824 45%)}.customer-event-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(54,202,239,.09);color:var(--cyan);font-size:16px}.customer-event.reminder .customer-event-icon{background:rgba(255,189,69,.1);color:var(--amber)}.customer-event-copy{min-width:0}.customer-event-copy strong,.customer-event-copy small,.customer-event-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-event-copy strong{font-size:11px}.customer-event-copy small{margin-top:4px;color:#a5b0c7;font-size:8px}.customer-event-copy em{margin-top:5px;color:var(--muted-2);font-size:8px;font-style:normal}.customer-event time{color:var(--muted-2);font-size:8px;white-space:nowrap}
.chat-thread-person{appearance:none;border:0;outline:0;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:6px 7px;margin:-6px 0;border-radius:10px}.chat-thread-person:hover{background:rgba(117,101,244,.08)}.chat-thread-person:focus-visible{box-shadow:0 0 0 2px rgba(117,101,244,.55)}.chat-thread-person small{display:flex;align-items:center;gap:4px;overflow:hidden;margin-top:5px}.chat-thread-person small:empty{display:none}.chat-thread-person small>span,.chat-game-label{display:inline-flex!important;align-items:center;max-width:90px;padding:3px 6px;border-radius:999px;color:hsl(var(--game-hue) 86% 77%)!important;background:hsl(var(--game-hue) 70% 52% / .12);box-shadow:inset 0 0 0 1px hsl(var(--game-hue) 70% 62% / .17);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px!important;font-weight:750}.chat-conversation-footer{overflow:hidden}.chat-game-label{flex:0 1 auto}.chat-owner-chip{flex:0 1 auto}
.notification-card.rules-card{min-height:330px}
@media(max-width:820px){.customer-events-modal>form{padding:18px}.customer-events-modal .modal-actions{position:sticky;bottom:-18px;margin:17px -18px -18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border-soft);background:#111622}.customer-page-heading .heading-actions{display:grid;grid-template-columns:1fr 1fr}.customer-sync-state{grid-column:1/-1}.customer-events-button,.customer-page-heading #refreshCustomersButton{width:100%}.chat-thread-person{padding-left:4px;padding-right:4px}}
@media(max-width:520px){.customer-events-toolbar{align-items:flex-start;flex-direction:column}.customer-events-toolbar .button{width:100%}.customer-event{grid-template-columns:36px minmax(0,1fr);padding:10px}.customer-event-icon{width:36px;height:36px}.customer-event time{grid-column:2}.customer-event-copy strong{font-size:10px}.customer-page-heading .heading-actions{grid-template-columns:1fr}.customer-sync-state{grid-column:auto}.chat-thread-person small{max-width:150px}.chat-thread-person small>span{max-width:72px}.chat-conversation-footer .chat-game-label:nth-of-type(n+2){display:none!important}}

/* Game identities and employee skills */
.game-tag{display:inline-flex!important;align-items:center;width:max-content;max-width:130px;padding:4px 8px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px!important;font-weight:800;line-height:1.1;letter-spacing:.01em;box-sizing:border-box}
.game-tag.game-rust,.game-rust{color:#ffaaa4!important;background:rgba(220,62,53,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,97,87,.29)!important}
.game-tag.game-marathon,.game-marathon{color:#91efad!important;background:rgba(54,172,91,.17)!important;box-shadow:inset 0 0 0 1px rgba(93,220,129,.25)!important}
.game-tag.game-arena,.game-arena{color:#d0d5dd!important;background:rgba(144,153,169,.13)!important;box-shadow:inset 0 0 0 1px rgba(179,187,201,.2)!important}
.game-tag.game-discord,.game-discord{color:#b5c0ff!important;background:rgba(88,101,242,.18)!important;box-shadow:inset 0 0 0 1px rgba(121,135,255,.3)!important}
.game-tag.game-gray-zone,.game-gray-zone{color:#9adca4!important;background:rgba(27,94,47,.34)!important;box-shadow:inset 0 0 0 1px rgba(75,155,93,.31)!important}
.game-tag.game-arc-raiders,.game-arc-raiders{color:#fff8e8!important;background:linear-gradient(105deg,rgba(24,165,223,.28) 0 24%,rgba(52,203,135,.25) 24% 44%,rgba(246,190,45,.24) 44% 64%,rgba(225,58,49,.28) 64% 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,229,175,.23),0 0 12px rgba(42,194,196,.07)!important}
.game-tag.game-generic{color:hsl(var(--game-hue) 86% 77%)!important;background:hsl(var(--game-hue) 70% 52% / .12)!important;box-shadow:inset 0 0 0 1px hsl(var(--game-hue) 70% 62% / .17)!important}
.customer-game-label,.chat-game-label,.staff-tag.game{margin:0}
.chat-thread-person small .game-tag{display:inline-flex!important;margin:0;max-width:92px}

.chat-owner-chip{max-width:190px}.chat-owner-meta{display:flex!important;align-items:center;gap:5px;min-width:0;max-width:none!important;overflow:visible!important}.chat-owner-name{display:block;max-width:76px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-owner-games{display:flex!important;align-items:center;gap:4px;max-width:none!important;overflow:visible!important}.chat-owner-games .chat-game-label{max-width:78px}.chat-assignment-chip{flex:0 1 auto;max-width:118px}

.staff-tag-library{display:grid;grid-template-columns:minmax(235px,.75fr) minmax(390px,1.25fr);gap:16px;padding:18px;margin-bottom:16px}.staff-tag-library-copy h2{margin:5px 0 6px;font-size:17px}.staff-tag-library-copy>p:last-child{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.staff-tag-create{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(150px,1fr) auto;align-items:end;gap:9px}.staff-tag-definitions{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap;padding-top:13px;border-top:1px solid var(--border-soft)}.staff-definition-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 7px 6px 9px;border-radius:999px;color:#c7cce0;background:#1a2030;font-size:8px}.staff-definition-chip button{width:18px;height:18px;padding:0;border:0;border-radius:50%;background:rgba(6,9,15,.25);color:inherit;cursor:pointer}.staff-definition-empty{color:var(--muted-2);font-size:9px}
.skill-choice-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:36px;margin-top:7px}.skill-choice-list button{min-height:31px;padding:0 10px;border:1px solid #303952;border-radius:999px;background:#171d2a;color:#9da8c1;font-size:9px;font-weight:700;cursor:pointer;transition:.15s}.skill-choice-list button:hover{border-color:#5b53ad;color:#d7d2ff}.skill-choice-list button.selected{border-color:#7768ed;background:rgba(117,101,244,.18);color:#fff;box-shadow:0 0 0 2px rgba(117,101,244,.07)}.skill-choice-list.game-choices button{box-shadow:none!important}.skill-choice-groups{display:grid;gap:9px;margin-top:8px}.skill-choice-groups>section{padding:10px;border:1px solid var(--border-soft);border-radius:11px;background:#101520}.skill-choice-groups>section>strong{display:block}.skill-choice-groups .skill-choice-list{min-height:28px}.skill-choice-empty{color:var(--muted-2);font-size:9px;line-height:1.45}
.telegram-member-skills{min-width:0}.telegram-member-skills>div{display:flex;gap:4px;flex-wrap:wrap}.telegram-member-skills>button{margin-top:7px;padding:5px 8px;border:1px solid #39425e;border-radius:8px;background:#1a2030;color:#bbb3ff;font-size:8px;cursor:pointer}.telegram-member-skills>small{display:block;color:var(--muted-2);font-size:8px;line-height:1.4}
.assignment-file-picker{width:100%;min-height:46px;display:flex;align-items:center;gap:10px;margin-top:7px;padding:0 12px;border:1px dashed #465171;border-radius:11px;background:#121824;color:#aeb8ce;text-align:left;cursor:pointer}.assignment-file-picker:hover{border-color:#7063dc;background:rgba(117,101,244,.06);color:#d2ccff}.assignment-file-picker b{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(117,101,244,.14);color:#a99eff}.assignment-image-previews{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:8px}.assignment-image-previews>span{position:relative;min-width:0}.assignment-image-previews img{width:100%;aspect-ratio:1.25;display:block;object-fit:cover;border:1px solid #36405a;border-radius:9px}.assignment-image-previews small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-2);font-size:6px}.assignment-image-previews button{position:absolute;right:-4px;top:-4px;width:19px;height:19px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#ef5c75;color:#fff;cursor:pointer}

@media(max-width:820px){.staff-tag-library{grid-template-columns:1fr;padding:15px}.staff-tag-create{grid-template-columns:1fr 1fr}.staff-tag-create .button{grid-column:1/-1}.telegram-member-skills{grid-column:1/-1}.chat-conversation-footer{align-items:center;gap:6px;overflow:hidden}.chat-owner-chip{flex:1 1 auto;max-width:none}.chat-owner-meta{flex:1}.chat-owner-name{max-width:90px!important}.chat-owner-games .chat-game-label{max-width:84px}.chat-assignment-chip{flex:0 0 auto;max-width:105px}}
@media(max-width:520px){.staff-tag-library{border-radius:15px}.staff-tag-create{grid-template-columns:1fr}.staff-tag-create .button{grid-column:auto}.assignment-image-previews{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-owner-chip{min-width:0}.chat-owner-name{max-width:68px!important}.chat-owner-games .chat-game-label{max-width:72px}.chat-owner-games .chat-game-label:nth-child(n+2){display:none!important}.chat-flag:not(.chat-assignment-chip){display:none}.chat-assignment-chip{max-width:94px;padding-left:6px;padding-right:6px}.chat-assignment-chip span{max-width:70px!important}.skill-choice-list button{min-height:34px}}

/* Chat list: who sent the last message, and keeping the cross-account chip alive on phones. */
.chat-preview-mine{color:#6fd0ff;font-weight:800}
.viewed-lot-title{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .16s}
.viewed-lot-title:hover{color:var(--cyan);text-decoration:underline}
@media(max-width:520px){
  /* The blanket "hide every chip" rule below 520px also swallowed the cross-account marker,
     which is the one flag you can't get from anywhere else in the list. */
  .chat-flag.chat-cross-account{display:inline-flex;max-width:96px;padding-left:6px;padding-right:6px}
  .chat-flag.chat-cross-account>span{max-width:58px}
}
@media(max-width:560px){.order-detail-top{grid-template-columns:1fr}.order-detail-payout>strong{font-size:21px}}
@media(max-width:820px){.order-detail-modal{padding:20px}}

/* Account rails: the third grid track was pinned to 8px for the status dot, but the "all" button
   puts a counter badge in that same slot — three digits then hung outside the rounded card.
   An auto track still collapses to the dot's width when that's all there is. */
.orders-account-filter,.finance-account-filter{grid-template-columns:37px minmax(0,1fr) auto}
.orders-account-filter>b,.finance-account-filter>b,.chat-account-filter>b{
  justify-self:end;min-width:0;max-width:100%;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:820px){.finance-account-filter{grid-template-columns:37px minmax(0,1fr) auto 28px}}

/* Brand block doubles as the hard-refresh button, with the live connection dot next to the name. */
button.brand,button.mobile-brand{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;transition:background .16s,opacity .16s}
button.brand:hover,button.mobile-brand:hover{background:rgba(255,255,255,.04)}
button.brand:active,button.mobile-brand:active{opacity:.7}
button.brand.reloading,button.mobile-brand.reloading{opacity:.45;cursor:progress}
button.brand strong,button.mobile-brand strong{display:inline-flex;align-items:center;gap:7px}
.connection-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(43,212,184,.12);transition:background .2s,box-shadow .2s}
.connection-dot.offline{background:var(--rose);box-shadow:0 0 0 3px rgba(255,100,127,.14);animation:connection-pulse 1.4s ease-in-out infinite}
#brandSubtitle.offline{color:#ff9aa8}
@keyframes connection-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.connection-dot.offline{animation:none}}

/* Cross-account marker must survive the squeeze: the owner chip is the greedy one on phones, so
   it yields first, and below 820px the marker collapses to a count with the names in the tooltip. */
.chat-flag.chat-cross-account>em{display:none;font-style:normal;font-weight:800}
@media(max-width:820px){
  .chat-conversation-footer .chat-owner-chip{flex:0 1 auto;min-width:0}
  .chat-flag.chat-cross-account{flex:0 0 auto;max-width:none;padding-left:6px;padding-right:8px;gap:4px}
  .chat-flag.chat-cross-account>span{display:none}
  .chat-flag.chat-cross-account>em{display:inline}
}

/* Review head: adding the account chip made it four children while the narrow layout still had a
   two-column grid, so the stars were forced on top of the chip. Flex wraps instead of colliding. */
.review-head{display:flex;flex-wrap:wrap;align-items:center;gap:11px}
.review-head>div{flex:1 1 150px;min-width:0}
.review-head>.review-owner{margin-left:auto}
.review-head>.review-stars{flex:0 0 auto;white-space:nowrap}
@media(max-width:560px){
  .review-head>div{flex:1 1 100%}
  .review-head>.review-owner{margin-left:0}
}

/* Staff cards: four tracks with 190+150+150px minimums never fit a phone, so the grid overflowed
   and the notification labels slid under the next column. Stack them below 640px. */
@media(max-width:640px){
  .telegram-member{grid-template-columns:minmax(0,1fr);gap:10px}
  .telegram-member-actions{grid-column:auto;justify-content:flex-start}
  .member-notify-prefs{width:100%;gap:6px}
  .member-notify-prefs>small{width:100%}
  .member-notify-toggle{flex:0 0 auto;gap:6px;padding:5px 9px;border:1px solid var(--border-soft);border-radius:9px;background:rgba(255,255,255,.03)}
  .member-notify-toggle input{flex:0 0 auto;width:15px;height:15px;margin:0}
}

/* Analytics */
.analytics-range{flex-wrap:wrap}
.analytics-hint{color:var(--muted-2);font-size:10px;text-align:right;max-width:240px}
.analytics-chart-panel{margin-bottom:14px;padding:18px}
.analytics-chart{position:relative;width:100%;height:250px;margin-top:8px}
.analytics-chart svg{width:100%;height:100%;display:block;overflow:visible}
.analytics-area{fill:url(#analyticsFill)}
.analytics-line{fill:none;stroke:url(#analyticsStroke);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.analytics-dot{fill:#0f1420;stroke:#7c6cff;stroke-width:2;opacity:0;transition:opacity .12s}
.analytics-dot.on{opacity:1}
.analytics-active{fill:#4bc0ff;stroke:#0f1420;stroke-width:2.5}
.analytics-cursor{stroke:rgba(124,108,255,.45);stroke-width:1;stroke-dasharray:3 4}
.analytics-grid{stroke:rgba(255,255,255,.06);stroke-width:1}
.analytics-axis{fill:#6b748c;font-size:11px}
.analytics-hit{cursor:crosshair}
.analytics-tip{position:absolute;top:6px;z-index:3;min-width:170px;max-width:250px;padding:10px 12px;border:1px solid #33405f;border-radius:12px;background:rgba(15,20,32,.97);box-shadow:0 16px 40px rgba(0,0,0,.5);pointer-events:none}
.analytics-tip strong{display:block;color:var(--muted);font-size:10px}
.analytics-tip-sum{display:block;margin:4px 0 2px;color:var(--amber);font-size:16px}
.analytics-tip small{display:block;color:var(--muted-2);font-size:9px}
.analytics-tip ul{margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--border-soft);list-style:none;display:flex;flex-direction:column;gap:5px}
.analytics-tip li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:10px}
.analytics-tip li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c7ccdb}
.analytics-tip li b{flex:0 0 auto;color:#8fe3b0}
.analytics-breakdowns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.analytics-breakdowns .panel{padding:16px 18px}
.analytics-list{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px;margin-top:12px}
.analytics-donut{position:relative;width:150px;height:150px;flex:0 0 auto}
.analytics-donut svg{width:100%;height:100%;display:block}
.analytics-arc{transition:opacity .16s}
.analytics-arc:hover{opacity:.75}
.analytics-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 34px;pointer-events:none}
.analytics-donut-center b{color:var(--text);font-size:23px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.analytics-donut-center small{margin-top:5px;color:var(--muted-2);font-size:9px;font-weight:600;line-height:1.25;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.analytics-legend{min-width:0;display:flex;flex-direction:column;gap:11px}
.analytics-legend-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;column-gap:9px;row-gap:3px;align-items:baseline}
.analytics-legend-row i{grid-column:1;align-self:center;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.04)}
.analytics-legend-row span{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}
.analytics-legend-row em{grid-column:3;font-style:normal;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.analytics-legend-row b{grid-column:2/-1;color:#aab3c6;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analytics-legend-total{grid-column:1/-1;padding-top:11px;margin-top:6px;border-top:1px solid var(--border-soft);color:var(--muted-2);font-size:10px;font-variant-numeric:tabular-nums}
.customer-detail-empty{grid-column:1/-1}
@media(max-width:1100px){.analytics-breakdowns{grid-template-columns:1fr}}
@media(max-width:820px){
  .analytics-chart{height:210px}
  .analytics-chart-panel{padding:14px 15px}
  .analytics-hint{max-width:none;text-align:left}
  .analytics-range{width:100%}
  .analytics-range button{flex:1}
  .analytics-tip{min-width:150px;max-width:200px}
}
@media(max-width:1240px) and (min-width:1101px){
  .analytics-list{grid-template-columns:1fr;justify-items:center}
  .analytics-legend{width:100%}
}
@media(max-width:520px){
  .analytics-list{grid-template-columns:1fr;justify-items:center}
  .analytics-legend{width:100%}
}

/* Account dialog: marketplace picker and the G2G session fields. */
.account-marketplace{width:100%}
.account-marketplace button{flex:1}
.g2g-only .g2g-help{display:block;margin:2px 0 8px;color:var(--muted-2);font-size:9px;line-height:1.5}
.g2g-only .g2g-help code{font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:9px;padding:0 3px;border-radius:3px;background:rgba(255,255,255,.06)}
.g2g-only input{width:100%;margin-bottom:7px}
.g2g-only input:last-child{margin-bottom:0}
/* Одна длинная строка для консоли: переносим её и даём выделить целиком, а не подбирать мышью. */
.g2g-snippet{margin:0 0 9px;padding:8px 9px;border-radius:7px;border:1px solid var(--line,rgba(255,255,255,.09));background:rgba(0,0,0,.22);max-height:96px;overflow:auto;user-select:all}
.g2g-snippet code{font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:9px;line-height:1.55;color:var(--muted-1,#c8cbd4);white-space:pre-wrap;word-break:break-all}

/* --- G2G chat inside the FunPay chat page --- */
.account-chat-btn{padding:2px 9px;border-radius:7px;border:1px solid var(--line,rgba(255,255,255,.14));background:rgba(120,140,255,.14);color:inherit;cursor:pointer;font-size:11px}
.account-chat-btn:hover{background:rgba(120,140,255,.24)}
/* A G2G thread has no FunPay lots or tags — hide those while one is open. Закрепление за
   сотрудником общее для обеих площадок, поэтому кнопка «Сотрудник» остаётся. */
#chatWorkspace.g2g-active #openChatLotsButton,
#chatWorkspace.g2g-active #editChatTagButton{display:none}

/* --- Product switch: each marketplace is its own CRM, not a filter --- */
.product-switch{display:flex;gap:4px;padding:4px;margin:0 0 18px;border-radius:11px;background:#10141f;border:1px solid var(--border-soft)}
.product-switch-btn{flex:1;padding:8px 6px;border:0;border-radius:8px;background:transparent;color:var(--muted-2);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.16s}
.product-switch-btn:hover{color:#dfe4f4}
.product-switch-btn.active{background:linear-gradient(135deg,var(--purple),var(--purple-2));color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.24)}
.chat-rail-empty{padding:16px 12px;color:var(--muted-2);font-size:12px;line-height:1.5}

/* G2G wears its own palette so it reads as a separate product, not a FunPay skin. */
body[data-market="g2g"]{--purple:#f0842a;--purple-2:#ffa252}
body[data-market="g2g"] .brand-mark{background:linear-gradient(145deg,#f0842a,#c2410c);box-shadow:0 8px 22px rgba(240,132,42,.26)}
body[data-market="g2g"] .nav-item.active{background:linear-gradient(90deg,rgba(240,132,42,.22),rgba(240,132,42,.07));box-shadow:inset 3px 0 var(--purple)}
body[data-market="g2g"] .button.primary{background:linear-gradient(135deg,#f0842a,#dd6b12);border-color:#ffa252;box-shadow:0 9px 24px rgba(200,110,30,.2)}
body[data-market="g2g"] .button.primary:hover{background:linear-gradient(135deg,#ff9440,#ef7a1e)}
body[data-market="g2g"] .avatar-button{background:#e07b25;border-color:#c2650f}
body[data-market="g2g"] .setting-icon,body[data-market="g2g"] .empty-icon{color:var(--purple-2);background:rgba(240,132,42,.1)}
body[data-market="g2g"] .text-button{color:#ffb877}
body[data-market="g2g"] .account-card.selected{border-color:#e08640;box-shadow:inset 0 0 0 1px rgba(240,132,42,.25)}
body[data-market="g2g"] .chat-account-filter.active{background:rgba(240,132,42,.14)}
body[data-market="g2g"] .login-view{background:radial-gradient(circle at 20% 15%,#3b2410 0,transparent 33%),radial-gradient(circle at 80% 82%,#10292c 0,transparent 28%),#090b13}

/* A G2G thread has no FunPay lots or tags — hide those while one is open. Закрепление за
   сотрудником общее для обеих площадок, поэтому кнопка «Сотрудник» остаётся. */
#chatWorkspace.g2g-active #openChatLotsButton,
#chatWorkspace.g2g-active #editChatTagButton{display:none}
.account-chat-btn{padding:2px 9px;border-radius:7px;border:1px solid var(--line,rgba(255,255,255,.14));background:rgba(240,132,42,.16);color:inherit;cursor:pointer;font-size:11px}
.account-chat-btn:hover{background:rgba(240,132,42,.28)}

/* Вход через Telegram и экран приостановленной подписки */
.login-telegram{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}
.login-hint{min-height:16px;font-size:12px;text-align:center;margin:0}
.login-telegram-link{display:block;text-align:center;font-size:12px;color:#9f94ff;text-decoration:none}
.login-telegram-link:hover{text-decoration:underline}
.login-divider{position:relative;margin:16px 0;text-align:center}
.login-divider::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border-soft)}
.login-divider span{position:relative;padding:0 12px;background:rgba(16,20,32,.92);color:var(--muted-2);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.subscription-logout{margin-top:10px}
/* Справка по JSON-конструктору лотов */
.import-help{margin-top:13px;border:1px solid rgba(54,202,239,.16);border-radius:12px;background:rgba(54,202,239,.03);overflow:hidden}
.import-help>summary{cursor:pointer;list-style:none;padding:11px 14px;color:#7fd4f2;font-size:12px;font-weight:650;user-select:none}
.import-help>summary::-webkit-details-marker{display:none}
.import-help>summary::before{content:"?";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:9px;border-radius:6px;background:rgba(54,202,239,.14);font-size:11px;vertical-align:-4px}
.import-help[open]>summary{border-bottom:1px solid rgba(54,202,239,.14)}
.import-help>summary:hover{color:#a4e3fa}
.import-help-body{padding:4px 16px 16px;color:var(--muted);font-size:12px;line-height:1.62}
.import-help-body h4{margin:16px 0 6px;color:var(--text);font-size:12px;font-weight:650}
.import-help-body h4:first-child{margin-top:8px}
.import-help-body p{margin:0 0 6px}
.import-help-body code{padding:1px 5px;border-radius:5px;background:#0c111c;color:#cdd6eb;font:11px/1.5 Consolas,"Cascadia Code",monospace}
.import-help-steps{margin:0 0 6px;padding-left:19px}
.import-help-steps li{margin-bottom:3px}
.import-help-list{margin:0 0 6px;padding-left:19px;list-style:disc}
.import-help-list li{margin-bottom:3px}
.import-help-tip{color:var(--muted-2)}
.import-help-warn{margin-top:12px;padding:10px 12px;border:1px solid rgba(244,101,138,.22);border-radius:10px;background:rgba(244,101,138,.05);color:#f0b7c6}
.import-help-table{width:100%;margin:0 0 6px;border-collapse:collapse;font-size:11.5px}
.import-help-table th{padding:6px 8px;border-bottom:1px solid var(--border-soft);color:var(--muted-2);font-weight:600;text-align:left}
.import-help-table td{padding:6px 8px;border-bottom:1px solid var(--border-soft);vertical-align:top}
.import-help-table tr:last-child td{border-bottom:0}
.import-help-table td.danger code{background:rgba(244,101,138,.12);color:#f4658a}
.disabled-field{opacity:.55;cursor:not-allowed}

.lot-management-help{grid-column:1/-1;margin-top:14px}

/* Плавающий индикатор длинных операций: экспорт и импорт лотов */
.job-hud{position:fixed;right:18px;bottom:18px;z-index:70;width:min(340px,calc(100vw - 28px));
  border:1px solid #2f3958;border-radius:14px;background:rgba(13,17,28,.96);backdrop-filter:blur(18px);
  box-shadow:0 18px 46px rgba(0,0,0,.5);overflow:hidden;animation:job-hud-in .22s ease}
@keyframes job-hud-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.job-hud-head{display:flex;align-items:center;gap:9px;padding:11px 12px}
.job-hud-head strong{flex:1;font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.job-hud-count{font:11px/1 Consolas,"Cascadia Code",monospace;color:var(--muted)}
.job-hud-spark{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#8b7bff;
  box-shadow:0 0 0 0 rgba(139,123,255,.55);animation:job-hud-pulse 1.5s infinite}
@keyframes job-hud-pulse{70%{box-shadow:0 0 0 7px rgba(139,123,255,0)}100%{box-shadow:0 0 0 0 rgba(139,123,255,0)}}
.job-hud.done .job-hud-spark{background:#3ddc97;animation:none}
.job-hud-btn{width:22px;height:22px;flex:0 0 auto;border:0;border-radius:6px;background:#1b2233;color:var(--muted);
  font-size:11px;line-height:1;cursor:pointer}
.job-hud-btn:hover{color:var(--text)}
.job-hud.collapsed .job-hud-body{display:none}
.job-hud.collapsed .job-hud-btn{transform:rotate(180deg)}
.job-hud-body{padding:0 12px 12px}
.job-hud-track{height:5px;border-radius:3px;background:#1b2233;overflow:hidden}
.job-hud-bar{display:block;height:100%;width:0;border-radius:3px;
  background:linear-gradient(90deg,#6d61de,#8b7bff 60%,#36caef);background-size:200% 100%;
  transition:width .25s ease;animation:job-hud-flow 1.6s linear infinite}
@keyframes job-hud-flow{to{background-position:-200% 0}}
.job-hud.done .job-hud-bar{animation:none;background:#3ddc97}
.job-hud-meta{display:flex;gap:10px;justify-content:space-between;margin-top:7px;
  font-size:11px;color:var(--muted-2)}
.job-hud-meta span:first-child{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Устройства и входы */
.security-panel{padding:18px;margin-bottom:16px}
.security-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}
.security-panel-head h2{margin:4px 0 0;font-size:15px}
.security-note{margin:0 0 14px;color:var(--muted-2);font-size:9px;line-height:1.55}
.security-sessions{display:grid;gap:9px}
.security-session{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:12px 13px;border:1px solid var(--border);border-radius:14px;background:#121824}
.security-session.current{border-color:rgba(117,101,244,.32);background:linear-gradient(120deg,rgba(117,101,244,.08),#141927)}
.security-session-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;
  background:rgba(117,101,244,.1);color:#bcb4ff;font-size:12px}
.security-session strong,.security-session small,.security-who{display:block}
.security-session strong{font-size:12px}
.security-session strong i{margin-left:7px;padding:2px 6px;border-radius:6px;background:rgba(61,220,151,.1);
  color:#3ddc97;font-size:8px;font-style:normal;font-weight:750;text-transform:uppercase;letter-spacing:.4px}
.security-session small{margin-top:4px;color:var(--muted-2);font-size:9px}
.security-who{margin-top:3px;color:#bcb4ff;font-size:9px;font-style:normal}
.security-log{display:grid;gap:5px;max-height:420px;overflow:auto}
.security-log-row{display:grid;grid-template-columns:64px minmax(90px,.8fr) 118px minmax(0,1fr) 96px;
  align-items:center;gap:9px;padding:8px 10px;border-bottom:1px solid var(--border-soft);font-size:9px}
.security-log-row:last-child{border:0}
.security-log-row>span:first-child{padding:2px 0;border-radius:6px;text-align:center;font-weight:750;
  text-transform:uppercase;letter-spacing:.4px;font-size:8px}
.security-log-row.ok>span:first-child{background:rgba(61,220,151,.1);color:#3ddc97}
.security-log-row.failed>span:first-child{background:rgba(255,100,127,.1);color:var(--rose)}
.security-log-row.revoked>span:first-child{background:rgba(255,183,77,.1);color:#ffb74d}
.security-log-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.security-log-ip,.security-log-row small,.security-log-row time{min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;color:var(--muted-2)}
.security-log-ip{color:var(--muted);font-family:Consolas,"Cascadia Code",monospace}
.security-log-row time{text-align:right}
.security-log-empty{padding:18px;color:var(--muted-2);font-size:10px;text-align:center}
@media (max-width:760px){
  .security-panel-head{flex-wrap:wrap}
  .security-session{grid-template-columns:28px minmax(0,1fr);row-gap:9px}
  .security-session>button{grid-column:1/-1;width:100%}
  .security-log-row{grid-template-columns:58px minmax(0,1fr);row-gap:3px}
  .security-log-row .security-log-ip,.security-log-row small{grid-column:2}
  .security-log-row time{grid-column:2;text-align:left}
}
.subscription-hint{margin:-4px 0 12px;font-size:9px;line-height:1.5;opacity:.8}
#subscriptionBlock .field{margin:14px 0 10px;text-align:left}

/* Lot catalog sorting */
.lot-sortable{display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none;transition:color .12s}
.lot-sortable:hover{color:var(--text)}
.lot-sortable:focus-visible{outline:2px solid var(--purple-2);outline-offset:-2px;border-radius:6px}
.lot-sortable.sorted{color:var(--purple-2)}
.lot-sort-mark{font-style:normal;font-size:11px;line-height:1}

/* Переключатель площадок на телефоне: сайдбар там скрыт, поэтому копия живёт в верхней панели */
.product-switch-mobile{display:none}
@media(max-width:820px){
  .product-switch-mobile{display:flex;margin:0;padding:3px;gap:3px;flex:0 0 auto}
  .product-switch-mobile .product-switch-btn{padding:6px 10px;font-size:11px;white-space:nowrap}
  .topbar .server-pill{display:none}
}

/* Каталог G2G. Свои классы, а не .lot-row: у той сетки шесть колонок FunPay и своя карточная
   раскладка на телефоне — переиспользовать её под другой набор столбцов значило бы драться с ней. */
.g2g-offer-summary{display:grid;grid-template-columns:auto 1fr;gap:14px 22px;align-items:center;padding:16px 18px}
.g2g-offer-account{display:flex;align-items:center;gap:10px}
.g2g-offer-account label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.g2g-offer-figures{display:flex;flex-wrap:wrap;gap:22px;justify-content:flex-end}
.g2g-offer-figures div{display:flex;flex-direction:column;gap:2px}
.g2g-offer-figures small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.g2g-offer-figures strong{font-size:17px}
.g2g-offer-note{grid-column:1/-1;display:flex;gap:9px;margin:0;padding-top:12px;border-top:1px solid var(--border-soft);color:var(--muted);font-size:12px;line-height:1.5}
.g2g-offer-note>span:first-child{color:var(--amber);line-height:1.4}
.g2g-offer-note strong{color:var(--text)}
.g2g-offer-note code{padding:1px 5px;border-radius:5px;background:var(--bg-soft);font-size:11px}

.g2g-offer-table{display:grid;grid-template-columns:1fr;gap:10px}
.g2g-offer-row{display:grid;grid-template-columns:minmax(240px,2.4fr) 190px 130px 110px 78px;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#151a27;min-height:74px}
.g2g-offer-row.inactive{opacity:.62}
.g2g-offer-head{min-height:0;padding:8px 14px;border:0;background:transparent;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.g2g-offer-sortable{display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none;transition:color .12s}
.g2g-offer-sortable:hover{color:var(--text)}
.g2g-offer-sortable:focus-visible{outline:2px solid var(--purple-2);outline-offset:-2px;border-radius:6px}
.g2g-offer-sortable.sorted{color:var(--purple-2)}
.g2g-offer-cell{display:flex;flex-direction:column;gap:3px;min-width:0}
.g2g-offer-cell small{color:var(--muted);font-size:11px;line-height:1.35}
.g2g-offer-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.g2g-offer-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.g2g-offer-tags span{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:6px;background:var(--bg-soft);color:var(--muted);font-size:10px;white-space:nowrap}
.g2g-offer-tags .g2g-id{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:-.2px}
.g2g-status i{width:6px;height:6px;border-radius:50%;background:currentColor}
.g2g-status.live{color:var(--teal);background:rgba(45,212,191,.12)}
.g2g-status.delisted{color:var(--muted)}
.g2g-offer-price strong{font-size:13px;font-variant-numeric:tabular-nums}
.g2g-offer-stock strong,.g2g-offer-sales strong{font-size:14px;font-variant-numeric:tabular-nums}
.g2g-mark{font-style:normal}
.g2g-mark.out{color:var(--rose)}
.g2g-mark.low{color:var(--amber)}
.g2g-mark.hold{color:var(--muted)}
.g2g-offer-actions{align-items:flex-end;display:flex;gap:4px;justify-content:flex-end}
.g2g-offer-actions .lot-action-button{flex:0 0 auto}
/* Редактор лота: поля в две колонки, действия площадки отдельной полосой над кнопками
   формы — «снять с продажи» это не «сохранить», и путать их нельзя. */
.g2g-offer-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.g2g-offer-modal .field{margin-top:14px}
.g2g-offer-form-grid .field{margin-top:0}
.g2g-offer-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft)}
.g2g-offer-loading{padding:26px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center;font-size:13px}

@media(max-width:1180px){.g2g-offer-row{grid-template-columns:minmax(200px,2fr) 165px 110px 90px 78px}}
@media(max-width:820px){
  .g2g-offer-summary{grid-template-columns:1fr}
  .g2g-offer-figures{justify-content:flex-start;gap:16px}
  .g2g-offer-row{grid-template-columns:minmax(0,1fr) 78px;grid-template-areas:"title copy" "price copy" "stock copy" "sales copy";row-gap:6px}
  /* Строка стала карточкой, и шапка таблицы теряет смысл как шапка — но сортировка живёт именно
     в ней. Поэтому на телефоне шапка превращается в полосу кнопок сортировки: иначе сортировать
     было бы нечем вообще, а возвращать ради этого выпадающий список я не хочу. */
  .g2g-offer-head{display:flex;flex-wrap:wrap;gap:6px;padding:2px 2px 6px}
  .g2g-offer-head>div:last-child{display:none}
  /* Пальцем: 28px минимум. Полоса кнопок сортировки — то, по чему на телефоне попадают чаще всего. */
  .g2g-offer-head .g2g-offer-sortable{min-height:28px;display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-soft)}
  .g2g-offer-title{grid-area:title}
  /* На телефоне строка стала карточкой, места по высоте хватает — а обрезанное на первом слове
     название у офферов вида «10M,20M,30M╭Koen COINS╮…» не отличить одно от другого. */
  .g2g-offer-title strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .g2g-offer-price{grid-area:price}
  .g2g-offer-stock{grid-area:stock}
  .g2g-offer-sales{grid-area:sales}
  .g2g-offer-actions{grid-area:copy;align-self:start}
  /* На узком экране столбцы уехали в строки — без подписи «14 000» непонятно, остаток это или
     продажи. Подписи ставит CSS, чтобы разметка строки оставалась одна на оба вида. */
  .g2g-offer-stock::before{content:'Остаток';color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}
  .g2g-offer-sales::before{content:'Продажи';color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}
}

/* Панель бустинга: обход старого кабинета и автопродление */
.g2g-boost-bar{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-soft)}
.g2g-boost-text{display:flex;flex-direction:column;gap:3px;min-width:240px;flex:1}
.g2g-boost-text strong{font-size:13px}
.g2g-boost-text small{color:var(--muted);font-size:12px;line-height:1.5}
.g2g-boost-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.g2g-boost-switch{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;white-space:nowrap}
.g2g-status.expired{color:var(--rose);background:rgba(244,63,94,.12)}
.g2g-offer-tags .g2g-tag.warn{color:var(--amber);background:rgba(245,158,11,.12)}

/* Всплывашка о сообщении: значок площадки вместо конверта — символ ✉ рисовался шрифтом по-разному
   и выглядел то битым квадратом, то цветной эмодзи, не попадая в остальной интерфейс. */
.message-toast{display:flex;gap:11px;align-items:flex-start;cursor:pointer}
.toast-mark{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:0}
.toast-mark.funpay{background:rgba(124,92,255,.18);color:#b9a6ff}
.toast-mark.g2g{background:rgba(240,132,42,.18);color:#ffb877}
.message-toast .toast-body{min-width:0}
.message-toast .toast-body strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-toast .toast-body em{display:block;margin-top:1px;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.message-toast .toast-body small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Нижняя панель подстраивается под число видимых кнопок. Было жёстко пять колонок: у FunPay
   видимых семь — панель разъезжалась на две строки, у G2G четыре — колонка пустовала. */
.mobile-nav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}

/* ── Заказы G2G ────────────────────────────────────────────────────────────────────────────────
   Отдельная разметка, а не «строки лотов другого цвета»: у заказа другой вес. Непринятый заказ —
   это деньги, которые покупатель может забрать обратно, поэтому он и подсвечен, и вынесен полосой
   поверх списка, и держит счётчик в навигации. */
.nav-badge.alarm{color:#0b0d17;background:var(--amber);font-weight:800}

.g2g-order-alarm{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;border:1px solid rgba(255,189,69,.4);border-radius:14px;background:linear-gradient(145deg,rgba(255,189,69,.14),rgba(255,189,69,.05))}
.g2g-order-alarm-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:rgba(255,189,69,.18);color:var(--amber);font-size:19px;font-weight:800}
.g2g-order-alarm div{flex:1;min-width:0}
.g2g-order-alarm strong{display:block;font-size:14px}
.g2g-order-alarm small{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.45}

.g2g-order-tabs{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.g2g-order-tab{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--border);border-radius:999px;background:#151a28;color:var(--muted);font-size:12px;cursor:pointer;transition:.14s}
.g2g-order-tab:hover{color:var(--text);border-color:#44506f}
.g2g-order-tab.active{color:var(--text);border-color:var(--purple-2);background:rgba(240,132,42,.12)}
.g2g-order-tab b{min-width:18px;padding:1px 6px;border-radius:7px;background:#1c2231;color:#aab5d0;font-size:11px;font-variant-numeric:tabular-nums}
.g2g-order-tab.alarm b{background:var(--amber);color:#0b0d17}

.g2g-order-table{display:grid;grid-template-columns:1fr;gap:10px}
.g2g-order-row{display:grid;grid-template-columns:minmax(240px,2.6fr) 170px 130px 44px;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#151a27;min-height:72px;cursor:pointer;transition:.14s}
.g2g-order-row:hover{transform:translateY(-1px);border-color:#44506f}
.g2g-order-row.pending{border-color:rgba(255,189,69,.45);background:linear-gradient(145deg,#1b1c22,#151a27)}
.g2g-order-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.g2g-order-state{display:inline-flex;align-items:center;gap:5px}
.g2g-order-state i{width:6px;height:6px;border-radius:50%;background:currentColor}
.g2g-order-state.alarm{color:var(--amber);background:rgba(255,189,69,.12)}
.g2g-order-state.work{color:var(--cyan);background:rgba(54,202,239,.12)}
.g2g-order-state.wait{color:var(--purple-2)}
.g2g-order-state.done{color:var(--teal);background:rgba(43,212,184,.1)}
/* Доставлено: работа сделана, ход у покупателя. Синий — не тревога и не «завершено». */
.g2g-order-state.sent{color:#6ea8ff;background:rgba(110,168,255,.12)}
.g2g-order-state.dead{color:var(--muted)}
.g2g-offer-tags .g2g-tag.warn{color:var(--amber);background:rgba(255,189,69,.12)}
.g2g-order-price strong,.g2g-order-date strong{font-size:13px;font-variant-numeric:tabular-nums}
.g2g-order-go{align-items:flex-end;color:var(--muted)}

/* Карточка заказа */
.g2g-order-modal{padding:26px}
.g2g-order-body{display:flex;flex-direction:column;gap:14px;max-height:56vh;overflow:auto;padding-right:4px}
.g2g-order-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px;border:1px solid var(--border-soft);border-radius:12px;background:#131824}
.g2g-order-facts div{display:flex;flex-direction:column;gap:3px;min-width:0}
.g2g-order-facts small{color:var(--muted-2);font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.g2g-order-facts strong{font-size:13px;word-break:break-word}
.g2g-order-note{padding:14px;border:1px solid rgba(147,135,255,.32);border-radius:12px;background:rgba(147,135,255,.07)}
.g2g-order-note small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.g2g-order-note p{margin:6px 0 0;line-height:1.55;font-size:13px;white-space:pre-wrap}
.g2g-order-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g2g-order-warn{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.g2g-order-deliver{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--border-soft);border-radius:12px;background:#131824}
.g2g-order-deliver small{grid-column:1/-1;color:var(--muted-2);font-size:11px;line-height:1.45}
.g2g-order-proof{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border-soft);border-radius:12px;background:#131824}
/* Пруфов нет — это не украшение карточки, а незакрытые деньги: рамка янтарная. */
.g2g-order-proof.warn{border-color:rgba(255,189,69,.4);background:rgba(255,189,69,.06)}
/* Пруфы, уже висящие на заказе: маленькие превью, клик открывает файл целиком. */
.g2g-proof-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.g2g-proof-file{display:block;width:104px;height:78px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#0f1420}
.g2g-proof-file img{width:100%;height:100%;object-fit:cover;display:block}
.g2g-proof-file:hover{border-color:var(--purple-2)}
.g2g-order-proof>span{color:var(--amber);font-size:18px}
.g2g-order-proof div{flex:1;min-width:0}
.g2g-order-proof strong{display:block;font-size:13px}
.g2g-order-proof small{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.45}
.g2g-order-error{color:var(--rose);font-size:13px;line-height:1.55}

@media(max-width:820px){
  .g2g-order-tabs{justify-content:flex-start}
  /* Строка становится карточкой: три колонки на телефоне не живут, а стрелка «открыть» лишняя —
     нажимается вся строка целиком. */
  .g2g-order-row{grid-template-columns:minmax(0,1fr);row-gap:8px}
  .g2g-order-go{display:none}
  .g2g-order-main strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .g2g-order-price,.g2g-order-date{flex-direction:row;align-items:baseline;gap:7px}
  .g2g-order-price small,.g2g-order-date small{color:var(--muted-2)}
  .g2g-order-steps{grid-template-columns:1fr}
  .g2g-order-deliver{grid-template-columns:1fr}
}

/* Пять вкладок в перенос занимали на телефоне 128 px — треть первого экрана до первого заказа.
   Одна строка с прокруткой: список статусов всё равно читается слева направо. */
@media(max-width:820px){
  .g2g-order-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin:0 -2px}
  .g2g-order-tabs::-webkit-scrollbar{display:none}
  .g2g-order-tab{flex:0 0 auto}
}

/* Знак сортировки у ненажатого столбца — бледный: подсказка, что заголовок кликается, а не шум. */
.g2g-offer-sortable .lot-sort-mark{opacity:.32;font-style:normal;font-size:10px}
.g2g-offer-sortable.sorted .lot-sort-mark{opacity:1}
.g2g-offer-sortable:hover .lot-sort-mark{opacity:.7}

/* ── Шапка разделов G2G ────────────────────────────────────────────────────────────────────────
   Было: пять цифр строкой внутри одной панели, справа полтора экрана пустоты, а под ними впритык
   полоса автопродления. Стало: плитки как у метрик на обзоре — одинаковые, во всю ширину, — и
   автопродление отдельной панелью со своим переключателем. */
.g2g-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}
.g2g-fig{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#161b29,#131824)}
.g2g-fig small{color:var(--muted-2);font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}
.g2g-fig strong{font-size:24px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
.g2g-fig.ok strong{color:var(--teal)}
.g2g-fig.quiet strong{font-size:15px;color:var(--muted);letter-spacing:0}
/* Непринятый заказ — единственная цифра в CRM, которая означает уходящие деньги. Когда она не
   ноль, плитка перестаёт быть просто плиткой. */
.g2g-fig.alarm{border-color:rgba(255,189,69,.5);background:linear-gradient(145deg,rgba(255,189,69,.14),rgba(255,189,69,.04))}
.g2g-fig.alarm strong{color:var(--amber)}

.g2g-offer-account{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.g2g-offer-account label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}

.g2g-auto{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:16px 18px;margin-bottom:14px}
.g2g-auto-text{display:flex;flex-direction:column;gap:4px;min-width:260px;flex:1}
.g2g-auto-text strong{font-size:14px}
.g2g-auto-text small{color:var(--muted);font-size:12px;line-height:1.5}
/* Переключатель того же вида, что и в настройках: галочка в списке цифр читается как фильтр. */
.g2g-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;font-size:13px}
.g2g-switch input{display:none}
.g2g-switch i{position:relative;width:43px;height:24px;flex:0 0 auto;border-radius:99px;background:#30374a;transition:.2s}
.g2g-switch i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#a9b1c3;transition:.2s}
.g2g-switch input:checked+i{background:var(--purple)}
.g2g-switch input:checked+i:after{transform:translateX(19px);background:#fff}
.g2g-switch span{color:var(--muted)}
.g2g-switch input:checked~span{color:var(--text)}

/* Поиск и вкладки заказов: поиск слева тянется, вкладки прижаты вправо и переносятся сами. */
.g2g-order-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.g2g-order-toolbar .search{flex:1 1 260px;min-width:220px}

@media(max-width:820px){
  .g2g-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .g2g-fig{padding:11px 12px}
  .g2g-fig strong{font-size:19px}
  .g2g-auto{padding:14px}
  .g2g-order-toolbar{gap:9px}
}

/* Вкладки состояний вынесены из полосы фильтров отдельной строкой: рядом с тремя селектами они
   переносились как попало, а это главный переключатель раздела. */
.g2g-order-tabs{margin-bottom:12px}
.g2g-order-toolbar .select{min-width:170px}
@media(max-width:820px){ .g2g-order-toolbar .select{min-width:0;flex:1 1 45%} }

/* Доступ сотрудника в кабинет. Стоит в его досье, потому что это ответ на вопрос «что Пете
   можно» — а спрашивают его, глядя на Петю, а не на список настроек. */
.staff-access{margin:18px 0;padding:16px;border:1px solid var(--border,#293149);border-radius:14px;
  display:flex;flex-direction:column;gap:14px}
.staff-access-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.staff-access-head h3{margin:2px 0 6px}
.staff-access-hint{margin:0;font-size:12px;color:var(--muted,#8f9bb8);line-height:1.5}
.staff-access-game-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.staff-access-game{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;
  border:1px solid var(--border,#293149);font-size:12px;cursor:pointer;user-select:none}
.staff-access-game.on{border-color:var(--accent,#8b7bff);color:var(--text,#f6f7ff)}
.staff-access-game input{accent-color:var(--accent,#8b7bff)}
.staff-access-rights{display:flex;flex-direction:column;gap:8px}
.staff-access-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.staff-access-term{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.staff-access-until{font-size:12px;color:var(--muted,#8f9bb8)}
.staff-access-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}

/* Сообщение, которое ещё не ушло на площадку. Приглушено и с бегущей меткой времени: видно,
   что оно принято, но ещё в пути. Без этого написанное исчезало из окна до ответа сервера, и
   человек жал «отправить» второй раз. */
.chat-message.pending{opacity:.55}
.chat-message.pending .chat-message-bubble{border-style:dashed}
.chat-message.pending time{font-style:italic}

/* Раздел не выдан этому человеку. Отдельный класс, а не .hidden: тот уже используют
   переключение площадок и десяток вкладок, и складывать в него ещё и права означало бы,
   что смена площадки открывает скрытое правами. */
.access-hidden { display: none !important; }

/* ── Окно выдачи ─────────────────────────────────────────────────────────────────────────────
   Правило всей этой вёрстки одно: НИЧТО не должно расширяться от содержимого. Названия игр
   приходят с площадки и бывают какими угодно — «Rust» и «Path of Exile 2: Settlers of Kalguur».
   Поэтому у каждой ячейки грида стоит min-width:0 (без него grid-элемент не даёт себя сжать и
   выпихивает соседей), у длинных строк — overflow-wrap, а у того, что обязано остаться в одну
   строку, — честное многоточие. */

.staff-grant-modal{width:min(940px,calc(100% - 28px))}
.grant-body{display:flex;flex-direction:column;gap:18px;min-width:0}

/* Уровень доступа. Три равные колонки одинаковой высоты — чтобы переключение не дёргало окно. */
.grant-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.grant-level{min-width:0;display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border);border-radius:13px;background:#151a28;color:#c7cee3;text-align:left;cursor:pointer;transition:.16s}
.grant-level:hover{border-color:#44506f;background:#1a2130}
.grant-level[aria-checked=true]{border-color:#7668e8;background:linear-gradient(145deg,rgba(117,101,244,.2),rgba(117,101,244,.06));color:#fff;box-shadow:inset 0 0 0 1px rgba(133,118,255,.28)}
.grant-level b{font-size:14px;line-height:1.2}
.grant-level small{font-size:11px;line-height:1.45;color:var(--muted-2)}
.grant-level[aria-checked=true] small{color:#a9b2cc}
.grant-note{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}
.grant-note.warn{color:var(--amber)}

/* Разделы. auto-fit + minmax даёт три колонки на широком экране, одну на телефоне, и ни одной
   полуразрушенной посередине. */
.grant-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:12px}
.grant-section{min-width:0;display:flex;flex-direction:column;gap:11px;padding:15px;border:1px solid var(--border-soft);border-radius:14px;background:#131824;transition:.16s}
.grant-section.on{border-color:#3d4763;background:#161c2b}
.grant-section-head{display:flex;align-items:center;gap:10px;min-width:0}
.grant-section-head strong{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grant-section-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:9px;font-size:15px;color:var(--purple-2);background:rgba(117,101,244,.12)}
.grant-section-body{display:flex;flex-direction:column;gap:10px}
.grant-section:not(.on) .grant-section-body{display:none}

/* Переключатель. Своя разметка вместо голого чекбокса: нужен один и тот же вид в разделах, в
   поштучной выдаче и в уровнях. Высота фиксированная — строки не прыгают. */
.grant-switch{display:flex;align-items:flex-start;gap:9px;min-height:22px;font-size:12.5px;line-height:1.4;color:#c3cadf;cursor:pointer}
.grant-switch input{position:absolute;opacity:0;width:0;height:0}
.grant-switch>i{position:relative;flex:0 0 auto;width:34px;height:19px;margin-top:1px;border-radius:999px;background:#252c40;border:1px solid var(--border);transition:.16s}
.grant-switch>i:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#7d879f;transition:.16s}
.grant-switch input:checked+i{background:rgba(117,101,244,.35);border-color:#7668e8}
.grant-switch input:checked+i:after{transform:translateX(15px);background:#b9b0ff}
.grant-switch input:focus-visible+i{outline:2px solid var(--purple-2);outline-offset:2px}
.grant-switch>span{min-width:0;display:flex;flex-direction:column;gap:2px}
.grant-switch>span b{font-weight:600;overflow-wrap:anywhere}
.grant-switch>span small{font-size:11px;color:var(--muted-2);line-height:1.45}

/* Игры. Чипы переносятся и никогда не вылезают за карточку. */
.grant-games{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.grant-game{max-width:100%;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:#171d2b;color:#aab4cd;font-size:11.5px;cursor:pointer;transition:.14s;overflow-wrap:anywhere}
.grant-game:hover{border-color:#44506f;color:#dfe4f4}
.grant-game.on{border-color:#7668e8;background:rgba(117,101,244,.18);color:#fff}
.grant-game input{position:absolute;opacity:0;width:0;height:0}
.grant-games-empty{font-size:11.5px;color:var(--muted-2)}
.grant-games.locked{opacity:.4;pointer-events:none}

/* Лоты: у каждой игры свой уровень. Строка «игра + переключатель» — грид с фиксированной правой
   колонкой, поэтому переключатели стоят ровным столбцом при любой длине названия. */
.grant-lot-rows{display:flex;flex-direction:column;gap:6px}
.grant-lot-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.grant-lot-row>span{min-width:0;font-size:12px;color:#c3cadf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grant-level-switch{display:inline-flex;flex:0 0 auto;padding:2px;border:1px solid var(--border);border-radius:9px;background:#141926}
.grant-level-switch button{min-width:56px;height:24px;border:0;border-radius:7px;background:transparent;color:#8d97b2;font-size:11px;cursor:pointer;transition:.14s}
.grant-level-switch button:hover{color:#dfe4f4}
.grant-level-switch button.on{background:#2a3149;color:#fff}
.grant-level-switch button.on[data-lot-level=edit]{background:rgba(117,101,244,.3);color:#fff}

.grant-term{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);align-items:center;gap:14px}
.grant-summary{flex:1;min-width:0;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── Массовая выдача в списке ─────────────────────────────────────────────────────────────── */
.staff-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px;padding:11px 15px;border:1px solid #4a4185;border-radius:13px;background:linear-gradient(145deg,rgba(117,101,244,.16),rgba(117,101,244,.05))}
.staff-bulk-count{font-size:13px;font-weight:650}
.staff-bulk-actions{display:flex;align-items:center;gap:10px}

/* ── Выдачи и журнал в досье ──────────────────────────────────────────────────────────────── */
.staff-pins,.staff-log{display:flex;flex-direction:column;gap:11px;margin-top:20px;padding-top:19px;border-top:1px solid var(--border-soft)}
/* Блоки досье идут ОДНИМ ритмом. У «доступа» и «поштучных выдач» своих правил не было вовсе:
   отступы им доставались от случайных вложенных элементов, поэтому один блок прилипал к
   соседнему, другой отходил, а разделители стояли только у части. Метрики списаны у
   .staff-log — единственного блока, у которого они были заданы осознанно. */
.staff-access,.staff-pins{display:flex;flex-direction:column;gap:11px;margin-top:20px;padding-top:19px;border-top:1px solid var(--border-soft)}
/* Первый блок после метрик разделителем не отделяется — над ним и так заголовок окна, — но
   отступ держит общий: иначе один шов в окне уже остальных. */
.staff-profile-metrics+.staff-access{margin-top:20px;padding-top:0;border-top:0}
/* Лента выданных чатов — такой же блок со своим заголовком, значит и ритм у неё общий.
   Раньше она въезжала в журнал без единого пикселя зазора. */
.staff-profile-timeline{margin-top:20px;padding-top:19px;border-top:1px solid var(--border-soft)}
.staff-pins-head,.staff-log-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.staff-pins-head h3,.staff-log-head h3{margin:2px 0 0;font-size:16px}
.staff-pin-list{display:flex;flex-direction:column;gap:7px}
.staff-pin{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 13px;border:1px solid var(--border-soft);border-radius:11px;background:#141926}
.staff-pin-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.staff-pin-main strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-pin-main small{font-size:11px;color:var(--muted-2)}
.staff-pin-empty,.staff-log-empty{font-size:12px;color:var(--muted-2)}

.staff-log-filter{display:flex;flex-wrap:wrap;gap:6px}
.staff-log-filter button{padding:5px 11px;border:1px solid var(--border);border-radius:999px;background:#171d2b;color:#9aa5c0;font-size:11.5px;cursor:pointer;transition:.14s}
.staff-log-filter button:hover{color:#dfe4f4;border-color:#44506f}
.staff-log-filter button.on{border-color:#7668e8;background:rgba(117,101,244,.18);color:#fff}
.staff-log-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto}
.staff-log-row{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:baseline;gap:11px;padding:9px 2px;border-bottom:1px solid var(--border-soft)}
.staff-log-row:last-child{border:0}
.staff-log-cat{padding:2px 7px;border-radius:7px;background:#1b2233;color:#96a1bd;font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:.6px}
.staff-log-what{min-width:0;font-size:12.5px;overflow-wrap:anywhere}
.staff-log-what small{display:block;margin-top:2px;color:var(--muted-2);font-size:11px;overflow-wrap:anywhere}
.staff-log-when{flex:0 0 auto;color:var(--muted-2);font-size:11px;white-space:nowrap}

/* Просмотр чужими глазами. Полоса поверх кабинета: без неё через минуту забываешь, что смотришь
   не своё, и «почему у меня пропали финансы» становится обращением в поддержку. */
.preview-banner{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:9px 18px;background:linear-gradient(90deg,#7a69f5,#5a49c8);color:#fff;font-size:12.5px;font-weight:600}
.preview-banner button{border:1px solid rgba(255,255,255,.5);border-radius:8px;padding:4px 12px;background:rgba(255,255,255,.14);color:#fff;font-size:11.5px;cursor:pointer}
.preview-banner button:hover{background:rgba(255,255,255,.24)}

@media (max-width:720px){
  .grant-levels{grid-template-columns:minmax(0,1fr)}
  .grant-term{grid-template-columns:minmax(0,1fr)}
  .staff-log-row{grid-template-columns:64px minmax(0,1fr);row-gap:3px}
  .staff-log-when{grid-column:2}
}

/* Кнопка «Разделы» живёт в УЖЕ СУЩЕСТВУЮЩЕМ ряду действий, а не в собственной ячейке грида.
   У строки приёма пять детей и пять колонок, переопределённых на четырёх брейкпоинтах; шестой
   ребёнок сломал бы каждый из них. В ряду действий она просто третья кнопка. */
.telegram-member-actions .grant{border-color:#4c4488;background:rgba(117,101,244,.14);color:#b9b0ff;white-space:nowrap}
.telegram-member-actions .grant:hover{border-color:#7668e8;background:rgba(117,101,244,.24);color:#fff}

/* ── Телефон: поля и цели нажатия ───────────────────────────────────────────────────────────
   Safari на iOS ЗУМИТ страницу, когда фокус уходит в поле со шрифтом меньше 16px. Выглядит это
   именно как «интерфейс поплыл»: страница прыгает и обратно сама не возвращается. Лечится
   единственным способом — шрифтом в 16px, поэтому на узких экранах он ставится принудительно.
   На десктопе рисунок остаётся прежним, там зума нет.

   Заодно цели нажатия: 18-пиксельный крестик пальцем не берётся. Двадцать восемь — минимум,
   на котором промахиваешься редко, и он не ломает высоту строк. */
@media (max-width:720px){
  .telegram-member input,.telegram-member select,
  .staff-tag-create input,.staff-tag-create select,
  .staff-audience-row select,.staff-message-field textarea,
  #staffPinChat,#staffPinHours,#staffPinComment,#staffGrantHours,
  .game-picker-drop input{font-size:16px}
  .telegram-member input,.telegram-member select{height:42px}
  .staff-definition-chip button,.staff-tag-list button,.telegram-member-skills button{min-width:28px;min-height:28px}
  .grant-level-switch button{min-height:30px}
  .staff-log-filter button,.grant-game{min-height:30px}
}

/* ── Список игр с поиском ────────────────────────────────────────────────────────────────────
   Игр у людей будет не пять, а сто: они собираются из каталога лотов и растут вместе с ним.
   Стена кнопок работает ровно до тех пор, пока их помещается два ряда; дальше нужную не найти,
   а присвоить игру надо за секунду. Поэтому везде одно и то же: выбранные чипами с крестиком,
   добавление — списком с поиском. */
.game-picked{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.game-picked-empty{font-size:11.5px;color:var(--muted-2)}
.game-pick{max-width:100%;display:inline-flex;align-items:center;gap:7px;padding:4px 4px 4px 11px;border:1px solid #4a4488;border-radius:999px;background:rgba(117,101,244,.16);color:#fff;font-size:11.5px}
/* Чип выбранной игры красится тем же цветом, что её тег в списках, — цвет приходит из реестра
   кабинета. Фирменные игры (.game-rust и прочие) приносят свой фон сами, поэтому здесь только
   общий случай: оттенок из палитры по ключу игры. */
.game-pick.game-generic{border-color:hsl(var(--game-hue) 70% 62% / .34);background:hsl(var(--game-hue) 70% 52% / .16);color:hsl(var(--game-hue) 86% 84%)}
.game-pick.game-rust,.game-pick.game-marathon,.game-pick.game-arena,.game-pick.game-discord,
.game-pick.game-gray-zone,.game-pick.game-arc-raiders{border-color:transparent;color:#fff}
/* Точка перед названием в списке: по ней игра узнаётся до того, как прочитано слово. */
.game-picker-list button{display:flex;align-items:center;gap:8px}
.game-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.9}
.game-dot.game-generic{color:hsl(var(--game-hue) 76% 62%)}
.game-pick>b{min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-pick-levels{display:inline-flex;flex:0 0 auto;gap:2px;padding:2px;border-radius:8px;background:rgba(0,0,0,.28)}
.game-pick-levels button{min-height:20px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#a9b2cc;font-size:10.5px;cursor:pointer;white-space:nowrap}
.game-pick-levels button.on{background:rgba(255,255,255,.16);color:#fff}
.game-pick-drop{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#d7dcf0;font-size:13px;line-height:1;cursor:pointer}
.game-pick-drop:hover{background:var(--rose);color:#fff}

.game-picker{position:relative;margin-top:8px}
.game-picker-open{min-height:32px;padding:0 13px;border:1px dashed #3d4763;border-radius:10px;background:transparent;color:#9aa5c0;font-size:12px;cursor:pointer;transition:.14s}
.game-picker-open:hover:not(:disabled){border-color:#7668e8;color:#fff;background:rgba(117,101,244,.1)}
.game-picker-open:disabled{opacity:.5;cursor:default}
/* Список ложится ПОВЕРХ, а не раздвигает карточку: иначе при открытии окно прыгает и то, на что
   человек целился, уезжает из-под курсора. */
.game-picker-drop{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;width:auto;min-width:0;padding:9px;border:1px solid #3a4460;border-radius:12px;background:#121724;box-shadow:0 18px 44px rgba(0,0,0,.55)}
.game-picker-drop input{width:100%;height:34px;padding:0 11px;border:1px solid var(--border);border-radius:9px;outline:0;background:#171d2a;color:var(--text);font-size:13px}
.game-picker-drop input:focus{border-color:#665bd5}
.game-picker-list{display:flex;flex-direction:column;gap:2px;max-height:230px;margin-top:7px;overflow-y:auto}
.game-picker-list button{padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#c3cadf;font-size:12.5px;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-picker-list button:hover{background:#1d2436;color:#fff}
.game-picker-none{padding:8px 10px;color:var(--muted-2);font-size:12px}
.game-picker-more{display:block;margin-top:6px;color:var(--muted-2);font-size:10.5px}

/* ── Шапка карточки приёма ───────────────────────────────────────────────────────────────────
   Абзац на всю ширину монитора не читается: глаз теряет начало следующей строки. Шестьдесят
   символов — обычная граница читаемости, дальше текст только тянется. */
/* Карточка приёма жила без единого своего правила: ни внутренних отступов, ни нижнего. Поэтому
   она прилипала к «Справочнику» вплотную, пока соседние карточки стояли с зазором. Ритм тут
   один на всю страницу — 18 внутрь, 16 между, как у соседей. */
.staff-access-card{padding:18px;margin-bottom:16px}

/* Абзац на всю ширину монитора не читается: глаз теряет начало следующей строки. Но ширину
   САМОЙ карточки трогать нельзя — она стоит в столбце с другими, и более узкая читается как
   недогрузившаяся. Ограничиваем текст, а не коробку. */
.staff-access-card>p,.staff-tag-library-copy>p,.staff-dispatch-copy>p{max-width:82ch}
/* И выравниваем абзац по заголовку, а не по иконке: иначе у карточки два разных левых края
   и она выглядит рваной рядом с соседями, где край один. */
.staff-access-card>p{margin-left:calc(38px + 14px)}

/* Закрытые сеансы: те же строки, но приглушённые — это история, а не то, чем можно управлять. */
.security-closed{display:flex;flex-direction:column;gap:6px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft)}
.security-closed-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.security-closed-head small{color:var(--muted-2);font-size:11px}
.security-session.closed{opacity:.62}
.security-session.closed .security-session-icon{color:var(--teal)}

/* Кружок человека. Буква лежит под картинкой: не загрузилась — картинка снимает себя сама
   (onerror), и остаётся буква. Никаких сломанных иконок и никаких дыр в раскладке. */
.staff-avatar{position:relative;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#6558d7,#277f9d);color:#fff;font-weight:850}
.staff-avatar>b{font-size:.9em;line-height:1}
/* Фотография загрузилась — буква под ней больше не нужна: у аватарок бывают прозрачные
   края, и сквозь них она просвечивает. */
.staff-avatar.has-photo>b{visibility:hidden}
.staff-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.telegram-member-avatar.staff-avatar{width:38px;height:38px;font-size:13px}
.staff-member-avatar.staff-avatar{width:44px;height:44px;border-radius:14px;font-size:15px}

/* Порядок правил решает: блок про телефон стоит выше, чем описание списка игр, и 13px из
   описания перебивали его. Поэтому — в самом конце файла, после всех, кого перебивать. */
/* Крестик на чипе игры был 20px и пальцем не брался. Правило стоит ЗДЕСЬ, после самого
   компонента: тот же селектор в раннем блоке проигрывал бы базовому по порядку. */
@media (max-width:720px){ .game-picker-drop input{font-size:16px} .game-pick-drop{width:28px;height:28px} }

@media (max-width:900px){ .staff-access-card{padding:15px;margin-bottom:12px} }

/* ── Телефон: поля не мельче 16px, ВЕЗДЕ ──────────────────────────────────────────────────────
   Safari на iOS зумит страницу, когда фокус уходит в поле со шрифтом меньше 16px, и обратно сам
   не отзумивает. Выглядит это ровно как «интерфейс поплыл»: страница прыгнула и осталась.
   Правилось точечно для выдачи сотрудников — а поля поиска и фильтры мельче 16px стоят на
   КАЖДОЙ странице: аккаунты, чаты, покупатели (пять штук), заказы, отзывы, лоты.
   Поэтому правило общее и стоит последним, чтобы перебивать частные. */
@media (max-width:720px){
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  select, textarea { font-size:16px }
}