.seller-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.seller-widget{padding:18px;min-width:0}.seller-widget h2{font-size:17px;margin:0 0 14px}.seller-widget h3{font-size:14px;margin:20px 0 12px}.seller-heading,.seller-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.seller-heading{justify-content:space-between;margin-bottom:12px}.seller-heading h2{margin:0}.seller-wide{grid-column:1/-1}.seller-fields,.seller-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.seller-widget form{display:grid;gap:16px;margin-bottom:18px}.seller-widget label{display:grid;gap:6px;font-size:13px}.seller-widget .switch-row{display:flex;justify-content:space-between}.seller-widget .switch-row input{width:18px;flex-shrink:0}.seller-widget input,.seller-widget textarea,.seller-widget select{min-width:0;width:100%;font:inherit}.seller-widget fieldset{border:1px solid var(--border);border-radius:12px;min-width:0}.seller-widget .seller-actions{margin:16px 0}.seller-rows{display:grid;gap:14px;margin:12px 0;max-height:460px;overflow:auto;overscroll-behavior:contain}.seller-row{padding:12px;border:1px solid var(--border);border-left:3px solid var(--accent);min-width:0;overflow-wrap:anywhere}.seller-row p{margin:7px 0;line-height:1.5}.seller-row[data-status=hold]{border-left-color:#edb85a}.seller-row[data-status=waiting]{border-left-color:#ed6c7b}.seller-row[data-status=sent]{border-left-color:#68bdf7}.seller-row[data-status=complete]{border-left-color:#4ec99e}.seller-row time{font-variant-numeric:tabular-nums;font-size:13px}.seller-metric{padding:12px;border:1px solid var(--border);display:grid;gap:5px}.seller-metric small{color:var(--muted)}.seller-metric strong{font-size:17px;font-variant-numeric:tabular-nums}.seller-status{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.seller-hud .button{min-height:44px;font-size:12px;padding:8px 12px;white-space:normal}.seller-hud #tg-pair{display:block;margin:12px 0;color:var(--accent)}.seller-hud #tg-pair[hidden]{display:none}.seller-hud #seller-error{position:sticky;bottom:12px;padding:12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}
@media(max-width:760px){.seller-grid{grid-template-columns:1fr;gap:12px}.seller-wide{grid-column:auto}.seller-widget{padding:14px}.seller-actions .button{flex:1 1 140px}.seller-fields{grid-template-columns:1fr}.seller-rows{max-height:560px}}
@media(prefers-reduced-motion:reduce){.seller-hud *{scroll-behavior:auto!important}}

.seller-widget fieldset{padding:16px;display:grid;gap:12px;margin:0}.seller-widget .check-label{display:flex;gap:10px;align-items:center}.seller-widget .check-label input{width:18px;flex-shrink:0}.seller-row .seller-actions{margin-bottom:0}.seller-row .seller-actions time{flex:1 1 180px}.seller-widget #tg-accounts{display:grid;gap:12px}

/* Калькулятор. Раскладка приложения Apple: четыре столбца, ноль шириной в две
   клетки, действия в правом столбце. Клавиши квадратные (aspect-ratio:1), а не
   фиксированной высоты — иначе сетка ломается, когда виджет делит строку с
   соседним и его ширина меняется.

   Размер экрана задан через clamp от ширины самого виджета (cqw), поэтому
   число не выпирает за край на узких раскладках. Для этого на .calc-widget
   объявлен container-type:inline-size.

   Цифры моноширинные: при наборе строка не дёргается, потому что каждая цифра
   занимает одинаковое место. */
.calc-widget{container-type:inline-size}
.calc-display{display:block;margin:0 0 14px;padding:12px 14px;border-radius:14px;
 background:var(--surface-sunken,rgba(127,127,127,.09));
 font-variant-numeric:tabular-nums;font-weight:300;line-height:1.15;
 font-size:clamp(28px,11cqw,44px);text-align:right;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calc-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.calc-key{aspect-ratio:1;display:flex;align-items:center;justify-content:center;
 border:1px solid var(--border);border-radius:50%;background:var(--surface);
 color:var(--text);font:inherit;font-size:clamp(15px,5cqw,20px);
 font-variant-numeric:tabular-nums;cursor:pointer;min-width:0;padding:0}
/* Ноль занимает две клетки и остаётся скруглённым с краёв, как в приложении. */
.calc-zero{grid-column:span 2;aspect-ratio:auto;border-radius:999px}
.calc-function{background:var(--surface-sunken,rgba(127,127,127,.14));font-size:clamp(13px,4cqw,16px)}
.calc-operator{background:var(--accent);border-color:transparent;color:#fff;font-size:clamp(17px,5.5cqw,22px)}
/* Нажатое действие остаётся подсвеченным: видно, что калькулятор ждёт второе
   число. Инверсия — та же подсказка, что в приложении Apple. */
.calc-operator.is-active{background:var(--surface);color:var(--accent);border-color:var(--accent)}
.calc-key:hover:not(:disabled){filter:brightness(1.08)}
.calc-key:active:not(:disabled),.calc-key.is-pressed{transform:scale(.94)}
.calc-key:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.calc-widget kbd{padding:1px 5px;border:1px solid var(--border);border-radius:5px;
 font-family:inherit;font-size:.92em;font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.calc-key:active:not(:disabled),.calc-key.is-pressed{transform:none}}
:root[data-motion="off"] .calc-key:active:not(:disabled),
:root[data-motion="off"] .calc-key.is-pressed{transform:none}