/* Redline cabinets, design v2 (07.10.2026): the page rules of the package «seller-supply» (loaded after redline-v2.css by UiLocale.CabinetHead):
   «Главная», «Проекты», «Загрузка номеров», «Онлайн-номера», «Биржа задач», «Чат и Telegram» of the seller cabinet (SupplyUi in
   src/Seller.Web/SellerSupplyUi.cs, behaviour wwwroot/supply.js). Mockups designs/redlink-v2-20261007/web/V2W-Seller*.dc.html.
   Scope every rule like redline-v2.css: :is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) … */

/* ---------- The page: blocks 12 px apart ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) :is(.sv-page,dialog.sv-dialog) [hidden]{display:none!important}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-page{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-page>*{margin:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-lead{margin:0;font-size:12.5px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-mut{color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-blue{color:var(--rl-log-ok);font-weight:400}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-green{color:var(--rl-good);font-weight:400}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-orange{color:var(--rl-log-fail);font-weight:400}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-red{color:var(--rl-bad);font-weight:400}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-mono{font-family:'JetBrains Mono',Consolas,'Cascadia Mono',monospace}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) [data-soon]{cursor:not-allowed}

/* ---------- A card: white, line #D9DDE3, radius 8; its head, a band, the table edge to edge, the footer ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-card{background:var(--rl-panel);border:1px solid var(--rl-input);border-radius:8px;overflow:hidden;margin:0;min-width:0;box-sizing:border-box}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;min-height:34px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-head>h2,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-head>h3{margin:0;font-size:14px;font-weight:500;color:var(--rl-strong);line-height:1.3}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-head>h3{font-size:13px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-count{font-size:13px;color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-sub{font-size:12.5px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-note{font-size:12px;color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-head>a:not(.rl-button){font-size:12.5px;font-weight:400;text-decoration:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-head .rl-button,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-foot .rl-button.sv-plain{display:inline-flex;align-items:center;justify-content:center;height:34px;box-sizing:border-box;text-decoration:none;white-space:nowrap}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-head .sv-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--rl-text);white-space:nowrap}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-band{padding:8px 14px;border-top:1px solid var(--rl-rowline);background:#f6f7f9;font-size:12.5px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;border-top:1px solid var(--rl-border);background:var(--rl-soft);font-size:12px;color:var(--rl-second);line-height:1.45}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-foot-legend{gap:6px 18px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-foot b{font-weight:400;color:var(--rl-strong)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-card>.sv-hint{margin:0;padding:0 14px 12px;font-size:12px;color:var(--rl-muted)}

/* The table of a card: scrolls inside the card (§3.8), the head #EEF0F3, rows 36 px; long texts wrap. */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-card .rl-tablewrap{overflow-x:auto;width:100%;margin:0;border:0;border-radius:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-card table.sv-table{width:100%;min-width:var(--sv-min,0px);margin:0;border:0;border-collapse:collapse}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table th{white-space:nowrap}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td{white-space:nowrap}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td.sv-wrap{white-space:normal;min-width:180px;line-height:1.4;padding-top:8px;padding-bottom:8px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td.sv-wrapn{white-space:normal;min-width:120px;max-width:190px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td.sv-wrapn .rl-country-name{white-space:normal}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table tr.selected td{background:var(--rl-tint)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table tr.sv-dim td{color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table tr.sv-total td{background:var(--rl-soft);border-top:1px solid var(--rl-input);font-weight:500}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table tr.sv-total td .sv-mut{font-weight:400}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table th.s-check,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td.s-check{width:24px;padding-right:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table th:last-child:empty,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table th.sv-actions{width:40px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td .row-actions{min-width:34px;height:26px;min-height:26px;padding:0 8px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td b{font-weight:500}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table tbody tr[data-s-history]{cursor:default}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table .rl-empty{padding:18px 0;white-space:normal;text-align:center;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table .rl-empty strong{display:block;margin-bottom:4px;color:var(--rl-strong)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table th[title]{cursor:help}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table th.rl-number{text-align:right}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table th.rl-number>:is(a.rl-sort-link,button[data-sort]){display:flex;width:100%;justify-content:flex-end}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td .rl-table-country.sv-full .rl-country-name{display:inline}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td .rl-table-country.sv-full .rl-country-meta{color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td .rl-table-country.sv-full .rl-dial{display:inline}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td .rl-table-country.sv-full .sv-cc{display:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td .rl-table-country.sv-nodial .rl-dial{display:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) table.sv-table td .rl-button{display:inline-flex;align-items:center;height:28px;text-decoration:none}

/* States as a dot and a word (§3.5): the waiting ones blue, the warnings orange, the quiet ones grey. */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .rl-status{font-size:13px;font-weight:400}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .rl-status.sv-wait{color:var(--rl-log-ok)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .rl-status.sv-warn{color:var(--rl-log-fail)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .rl-status.sv-quiet{color:var(--rl-muted)}

/* The pager: «‹ Страница 1 из 8 ›» or the page numbers «‹ 1 2 3 … 13 ›». */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pager{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pager a,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pager span.sv-pg{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;box-sizing:border-box;border:1px solid var(--rl-input);border-radius:6px;background:var(--rl-panel);color:var(--rl-text);font-size:12.5px;font-weight:400;text-decoration:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pager a:hover{border-color:#c3c8d0;background:var(--rl-soft)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pager .sv-pg.on{background:var(--rl-tint);border-color:#f0b9c9;color:var(--rl-accent);font-weight:500}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pager span.sv-pg.off{color:#a3a9b3}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pager .sv-gap{padding:0 4px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pages{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pages a{text-decoration:none;font-weight:400}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pages .off{color:#a3a9b3}

/* ---------- Filters in one line (§3.3): redline-v2.css lays form.rl-panel out; the extra action on the right ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) form.rl-panel.sv-filters{margin:0;padding:12px 14px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) form.rl-panel.sv-filters .rl-field>label{font-size:12px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) form.rl-panel.sv-filters>.sv-filter-extra{order:5;margin-left:auto;align-self:flex-end}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) form.rl-panel.sv-filters .sv-chip{order:4;align-self:center;padding:4px 10px;border-radius:12px;background:var(--rl-tint);color:var(--rl-accent);font-size:12px;font-weight:400;white-space:nowrap}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) form.rl-panel.sv-filters.sv-filters>.rl-filtergrid>.rl-field{flex:0 1 160px;min-width:130px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) form.rl-panel.sv-filters.sv-filters>.rl-filtergrid>.rl-field.sv-w110{flex:0 1 100px;min-width:90px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) form.rl-panel.sv-filters.sv-filters>.rl-filtergrid>.rl-field.sv-w140{flex:0 1 150px;min-width:120px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) form.rl-panel.sv-filters.sv-filters>.rl-filtergrid>.rl-field.sv-w220{flex:0 1 220px}

/* ---------- The sources' card (Порты, TXT, GoIP): the computer and its state, the commands on the right ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-source{display:flex;flex-wrap:wrap;gap:12px;padding:12px 14px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-source-main{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:8px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-source-side{flex:1 0 220px;display:flex;flex-direction:column;gap:8px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-source-side>.rl-button{width:100%;justify-content:center}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-row>b{font-size:14px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-row.sv-bottomrow{align-items:flex-end}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pick{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pick select{width:230px;height:34px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pick label{margin:0;font-size:12.5px;font-weight:400;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-source input.sv-path{width:100%;box-sizing:border-box;height:34px;color:var(--rl-second);background:var(--rl-panel)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-source select.sv-wide{width:100%;height:34px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-source .rl-status{font-size:12.5px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-warnbox{padding:8px 12px;border-radius:6px;background:var(--rl-tint);color:#a3200f;font-size:12.5px;line-height:1.45}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-infobox{padding:8px 12px;border-radius:6px;background:#f6f7f9;color:var(--rl-second);font-size:12.5px;line-height:1.45}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-cmdnote{font-size:11.5px;color:var(--rl-muted);line-height:1.4}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-lead-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;line-height:1.45}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-lead-line span{color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-big{font-family:'JetBrains Mono',Consolas,monospace;font-size:13px;font-weight:400;color:var(--rl-strong)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-check-big{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:400;color:var(--rl-text)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-check-big input{width:18px;height:18px;margin:0;accent-color:var(--rl-accent)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-rule{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-rule b{font-size:13px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-rule span{font-size:13px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 14px;font-size:13px;color:var(--rl-second);line-height:1.45}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-bar>b{font-size:14px;color:var(--rl-strong)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-bar .rl-status{font-size:12.5px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-bar>.sv-full{flex:1 1 100%}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-cardfilters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 14px 12px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-cardfilters label{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-cardfilters input{height:34px}

/* ---------- Under the table (§3.10): the grip, the log (blue success, orange refusal, newest at the bottom), totals, «Онлайн по проектам» ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-grip{height:8px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-grip span{width:44px;height:4px;border-radius:2px;background:#c3c8d0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-bottom{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-logcard{flex:999 1 420px;display:flex;flex-direction:column}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-loghead{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--rl-rowline)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-loghead b{font-size:13px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-loghead a{font-size:12.5px;font-weight:400;text-decoration:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-loghead .sv-soon{font-size:12.5px;font-weight:400;color:var(--rl-accent);opacity:.5}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-log{flex:1 1 auto;padding:10px 14px;min-height:var(--sv-log,230px);max-height:520px;overflow:auto;box-sizing:border-box}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-log>span{display:block;white-space:pre-wrap;word-break:break-word}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-log>.sv-empty{font-family:var(--rv-font);color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-ltabs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 20px;padding:0 14px;border-bottom:1px solid var(--rl-rowline)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-ltabs>a,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-ltabs>button{padding:10px 2px 9px;margin:0;border:0;border-radius:0;background:none;min-height:0;font-size:13px;font-weight:400;color:var(--rl-second);text-decoration:none;cursor:pointer}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-ltabs>.on{padding-bottom:6px;font-weight:500;color:var(--rl-accent);border-bottom:3px solid var(--rl-accent)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-ltabs>.sv-fill{flex:1}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-ltabs>a.sv-all{color:var(--rl-accent)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-side{flex:0 1 540px;min-width:0;display:flex;flex-direction:column;gap:12px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-totals{display:flex;flex-wrap:wrap;gap:10px 16px;padding:12px 14px;font-size:13px;color:var(--rl-second);font-variant-numeric:tabular-nums}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-totals b{color:var(--rl-strong)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-totals b.sv-blue{color:var(--rl-log-ok)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-totals b.sv-green{color:var(--rl-good)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-online{overflow-x:auto}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-online .sv-ohead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:10px 14px 8px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-online .sv-ohead b{font-size:13px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-online .sv-ohead span{font-size:11.5px;color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-online table.sv-table{min-width:500px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-online table.sv-table td,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-online table.sv-table th{padding-left:10px;padding-right:10px}

/* ---------- «Главная»: four tiles, the chart, readiness, computers, the last issues ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-tile{display:flex;flex-direction:column;gap:6px;padding:14px 16px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-tile .k{font-size:12.5px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-tile .v{font-size:23px;font-weight:500;color:var(--rl-strong);font-variant-numeric:tabular-nums;line-height:1.2}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-tile .v.sv-green{color:var(--rl-good)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-tile .s{font-size:12px;color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-tile .s b{font-weight:400;color:var(--rl-good)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-split{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-split>.sv-card{display:flex;flex-direction:column}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-grow{flex:999 1 520px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-grow-wide{flex:999 1 560px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-narrow{flex:1 0 300px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-narrow-320{flex:1 0 320px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-chart{padding:0 14px 12px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-chart svg{display:block;width:100%;height:auto}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-chk{display:flex;align-items:center;gap:10px;min-height:36px;border-top:1px solid var(--rl-rowline);padding:0 14px;font-size:13px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-chk svg{flex:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-chk .sv-note{margin-left:auto;font-size:12.5px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-spacer{flex:1 1 auto}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-actionsrow{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;border-top:1px solid var(--rl-rowline)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-actionsrow .rl-button{display:inline-flex;align-items:center;height:34px;box-sizing:border-box;text-decoration:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:52px;padding:8px 14px;border-top:1px solid var(--rl-rowline);box-sizing:border-box;font-size:13px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pc>span:nth-child(2){color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pc .rl-status{font-size:12.5px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pc>a{font-size:12.5px;font-weight:400;text-decoration:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pc.sv-off{color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pc.sv-off>b{color:var(--rl-strong)}

/* ---------- «История номера»: the number's card ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-numcard{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:14px 16px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-numcard .sv-numtitle{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-numcard .sv-numtitle b{font-size:18px;font-variant-numeric:tabular-nums}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-numcard .sv-numtitle .rl-table-country{width:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-numcard .sv-numtitle .rl-table-country img{width:18px;height:13px;object-fit:cover;border-radius:2px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-numcard .sv-numtitle .rl-dial,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-numcard .sv-numtitle .sv-cc{display:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-kv{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-kv b{font-size:13px;color:var(--rl-strong)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-other{color:var(--rl-log-fail);font-weight:400}

/* ---------- Windows (§3.6): head with ✕, body, footer with the actions ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) dialog.sv-dialog{box-sizing:border-box;width:560px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:0;margin:auto;border:1px solid var(--rl-input);border-radius:8px;background:var(--rl-panel);color:var(--rl-text);box-shadow:0 12px 32px rgba(38,43,51,.22);overflow:hidden}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) dialog.sv-dialog[open]{display:flex;flex-direction:column}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) dialog.sv-dialog::backdrop{background:rgba(38,43,51,.45)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) dialog.sv-dialog.sv-wide{width:min(1100px,calc(100vw - 32px))}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) dialog.sv-dialog.sv-mid{width:min(760px,calc(100vw - 32px))}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) dialog.sv-dialog>form{display:flex;flex-direction:column;min-height:0;max-height:inherit;margin:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dhead{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--rl-rowline)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dhead>b,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dhead>h2{margin:0;font-size:15px;font-weight:500}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dhead .sv-dclose{width:30px;height:30px;min-height:30px;padding:0;margin-left:auto;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--rl-second);font-size:14px;font-weight:400;cursor:pointer}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dhead .sv-dclose:hover{background:var(--rl-soft)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dhead .sv-dclose:focus:not(:focus-visible){outline:none;box-shadow:none;border-color:transparent}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) dialog.sv-dialog:focus{outline:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody{display:flex;flex-direction:column;gap:12px;padding:16px 18px;overflow:auto;min-height:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody>*{flex-shrink:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .rl-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) :is(.sv-dbody,.sv-box,.sv-source) .rl-field>label{margin:0;font-size:12px;font-weight:400;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .rl-field :is(input,select,textarea){width:100%;box-sizing:border-box}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody textarea{min-height:72px;padding:8px 10px;line-height:1.45;resize:vertical}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .sv-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody p{margin:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .sv-note{font-size:12px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--rl-rowline);background:var(--rl-soft)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dfoot .sv-why{margin-right:auto;font-size:12px;color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-steps{display:flex;flex-direction:column}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-step{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--rl-rowline);font-size:13px;line-height:1.45}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-step:last-child{border-bottom:1px solid var(--rl-rowline)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-num{flex:none;width:22px;height:22px;border-radius:11px;background:var(--rl-tint);color:var(--rl-accent);display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:500}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-step b{font-weight:500}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .sv-history-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .sv-history-form .rl-field{flex:0 1 200px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .sv-history-table{border:1px solid var(--rl-input);border-radius:8px;overflow:hidden}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .sv-history-table .rl-tablewrap{overflow:auto;max-height:52vh}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .sv-history-table table{width:100%;min-width:1000px;border-collapse:collapse}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .ksapi-docs{margin:0;border:0;padding:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .rl-panel{margin:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .sv-gates{border:1px solid var(--rl-input);border-radius:8px;overflow:hidden}

/* ---------- «Telegram»: three cards of key-value rows, checkboxes and steps ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-boxes{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-box{flex:1 1 420px;min-width:0;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;gap:12px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-box>b{font-size:14px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-box .sv-hint{margin:0;padding:0;font-size:12px;color:var(--rl-muted);line-height:1.45}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-kvrow{display:flex;flex-wrap:wrap;align-items:center;min-height:34px;gap:6px 12px;border-bottom:1px solid var(--rl-rowline);font-size:13px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-kvrow:first-child{border-top:1px solid var(--rl-rowline)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-kvrow>span:first-child{flex:0 0 170px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-box label.sv-tgchk{display:flex;align-items:center;gap:10px;min-height:38px;border-bottom:1px solid var(--rl-rowline);font-size:13px;color:var(--rl-text)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-tgchk input{width:16px;height:16px;margin:0;accent-color:var(--rl-accent)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-code{padding:6px 14px;border:1px solid var(--rl-border);border-radius:6px;background:#f6f7f9;font-family:'JetBrains Mono',Consolas,monospace;font-size:18px;font-weight:400;letter-spacing:.14em}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-box .rl-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--rl-second)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-box .rl-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0}

/* ---------- «Чат с поддержкой»: the dialogs on the left, the conversation as bubbles, the message field ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-chat{display:flex;flex-wrap:wrap;min-height:600px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dialogs{flex:1 0 300px;max-width:100%;box-sizing:border-box;border-right:1px solid var(--rl-border);display:flex;flex-direction:column}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dialogs>.sv-head{border-bottom:1px solid var(--rl-rowline)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dlglist{display:flex;flex-direction:column;gap:2px;padding:8px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dlg{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;color:var(--rl-text);text-decoration:none;border:0;background:transparent;text-align:left;font:inherit;width:100%;cursor:pointer;min-height:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dlg:hover{background:var(--rl-soft);color:var(--rl-text)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dlg.on{background:var(--rl-tint)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-av{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-av.a{background:#c81e4a;color:#fff}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-av.b{background:#e8eefa;color:#1f56b0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-av.c{background:#eaf5ee;color:#0d7a3e}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dlgtext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dlgtop{display:flex;align-items:center;gap:6px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dlgtop b{font-size:13px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dlgtop span{margin-left:auto;font-size:11.5px;color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-pv{font-size:12px;color:var(--rl-muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-badge{min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:#c81e4a;color:#fff;font-size:11px;font-weight:500;display:inline-flex;align-items:center;justify-content:center}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-thread{flex:999 1 480px;min-width:0;display:flex;flex-direction:column}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-thread>.sv-head{padding:12px 16px;border-bottom:1px solid var(--rl-rowline)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--rl-soft);min-height:380px;max-height:62vh;overflow:auto}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .bw-chat-day,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .sv-day{align-self:center;font-size:11.5px;color:var(--rl-muted);padding:2px 10px;border-radius:10px;background:var(--rl-head)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .chat-message{display:flex;flex-direction:column;gap:4px;max-width:68%;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .chat-message.mine{align-self:flex-end;align-items:flex-end}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .chat-message>:is(.muted,.rl-small){order:-1;font-size:11.5px;color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .chat-message>p{margin:0;padding:9px 12px;border-radius:10px 10px 10px 3px;background:var(--rl-panel);border:1px solid var(--rl-border);font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .chat-message.mine>p{border-radius:10px 10px 3px 10px;background:var(--rl-tint);border-color:#f0c8d3}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .chat-message .chat-image-button{padding:6px;border:1px solid #e3c2cc;border-radius:6px;background:var(--rl-panel);min-height:0;height:auto}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .chat-message .chat-image-button img{display:block;max-width:260px;max-height:200px;border-radius:4px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .chat-message>:is(.rl-proposal,.chat-card){display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--rl-border);border-radius:10px;background:var(--rl-panel)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .sv-empty{margin:auto;font-size:12.5px;color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs[data-sv-view=support] .chat-message:has(.chat-card),:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs[data-sv-view=offers] .chat-message:not(:has(.chat-card)),:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs[data-sv-view=offers] :is(.bw-chat-day,.sv-day){display:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-compose{display:flex;flex-direction:column;gap:8px;padding:12px 16px 14px;border-top:1px solid var(--rl-border)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-compose form{display:flex;flex-direction:column;gap:8px;margin:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-compose textarea{width:100%;height:76px;box-sizing:border-box;padding:8px 10px;resize:vertical;line-height:1.4}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-compose .sv-row{gap:8px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-compose .sv-note{font-size:12px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-notices{padding:16px;display:flex;flex-direction:column;gap:10px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-notices:empty::after{content:attr(data-empty);color:var(--rl-muted);font-size:12.5px}

/* ---------- «Биржа задач»: the shortage's cards, the recommendation's window and the bulk sending ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-lackcard{max-width:760px;width:100%}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-explaincard{max-width:620px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-explain{display:flex;gap:12px;align-items:flex-start;padding:14px 16px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-explain svg{flex:none;margin-top:1px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-explain>div{display:flex;flex-direction:column;gap:6px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-explain b{font-size:13px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-explain span{font-size:12px;color:var(--rl-second);line-height:1.45}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-stage{display:flex;justify-content:center;padding:12px 0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dialogcard{width:560px;max-width:100%;box-shadow:0 12px 32px rgba(38,43,51,.12)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dialogcard>form,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) dialog.sv-dialog>form.sv-offer{display:flex;flex-direction:column;margin:0;min-height:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-offer .rl-listrow{display:flex;justify-content:space-between;gap:12px;font-size:13px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-offer .rl-demand-text{margin:0;font-size:13px;line-height:1.45}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-offer .rl-proposal-options,:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-bulk-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) :is(.sv-offer,.sv-bulk-list) .rl-proposal-option{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--rl-border);border-radius:6px;font-size:13px;color:var(--rl-text);cursor:pointer}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) :is(.sv-offer,.sv-bulk-list) .rl-proposal-option>span{display:flex;flex-direction:column;gap:2px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-offer .rl-proposal-card{padding:10px 12px;border:1px solid var(--rl-border);border-radius:8px;background:var(--rl-soft);display:flex;flex-direction:column;gap:6px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-offer .rl-proposal-code{font-family:'JetBrains Mono',Consolas,monospace;font-size:13px;font-weight:400}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-offer .rl-toolbar{display:flex;justify-content:space-between;gap:8px;margin:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-offer .s-code-search{height:34px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) form.sv-plainform{margin:0;display:contents}

/* ---------- The rare actions of a card's head under «⋯» ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) details.sv-more{position:relative}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) details.sv-more>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;box-sizing:border-box;padding:0 10px;cursor:pointer}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) details.sv-more>summary::-webkit-details-marker{display:none}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) details.sv-more>.rv-menu{min-width:230px}

/* ---------- «KS API» documentation in its window ---------- */
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-docs{padding:0;overflow:hidden;border-radius:8px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-docs .sv-ltabs{padding:0 12px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-docs pre.rl-code{margin:0;padding:12px 14px;max-height:220px;overflow:auto;background:#f6f7f9;font-size:12px;line-height:1.55;white-space:pre-wrap}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-codebox{display:flex;flex-direction:column;gap:8px}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-chatpane{flex:1;display:flex;flex-direction:column;min-height:0}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-notices article.card{margin:0;padding:12px 14px;border:1px solid var(--rl-border);border-radius:8px;background:var(--rl-panel)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-notices article.card time{display:block;font-size:11.5px;color:var(--rl-muted)}
:is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-notices article.card p{margin:4px 0 8px}

/* ---------- Narrow windows ---------- */
@media (max-width:820px){
 :is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-side{flex:1 1 100%}
 :is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dbody .sv-two{grid-template-columns:1fr}
 :is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-dialogs{border-right:0;border-bottom:1px solid var(--rl-border)}
 :is(body.rl-cabinet,.rl-cabinet>body:not(.desktop-client)) .sv-msgs .chat-message{max-width:92%}
}