@scope (.bidder-module) {
:scope { --ink:#0f172a; --muted:#64748b; --muted-strong:#334155; --line:#e2e8f0; --panel:#fff; --surface-soft:#f8fafc; --bg:#f7f8fa; --teal:#0d9488; --teal-strong:#0f766e; --teal-soft:#f0fdfa; --teal-ring:rgba(13,148,136,.2); --rose:#be123c; --rose-soft:#fff1f2; --amber:#b45309; }
* { box-sizing:border-box; }
html { min-height:100%; background:var(--bg); } body { min-height:100vh; margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-manrope),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
button, input, select { font:inherit; }
button { cursor:pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline:3px solid var(--teal-ring); outline-offset:2px; }
.shell { max-width:1400px; margin:auto; padding:24px; }
.top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; font-size:20px; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:white; background:var(--teal); }
.nav { display:flex; gap:7px; flex-wrap:wrap; }
.nav a { color:var(--muted); padding:9px 12px; border-radius:8px; font-size:14px; font-weight:600; }
.nav a:hover { background:var(--surface-soft); color:var(--teal-strong); }.nav a { transition:background 150ms ease,color 150ms ease; }
.banner { border:1px solid rgba(13,148,136,.24); background:var(--teal-soft); color:var(--teal-strong); border-radius:12px; padding:12px 15px; margin-bottom:20px; font-size:14px; }
.grid { display:grid; gap:16px; }
.grid.metrics { grid-template-columns:repeat(4, minmax(0,1fr)); }
.grid.two { grid-template-columns:repeat(2, minmax(0,1fr)); }
.card { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:20px; box-shadow:0 4px 24px rgba(30,41,59,.05); }
.card h1 { margin:0 0 8px; font-size:27px; letter-spacing:-.04em; }
.card h2 { margin:0 0 14px; font-size:17px; }
.muted { color:var(--muted); font-size:14px; }
.metric { font-size:28px; font-weight:800; margin-top:7px; }
.row { display:flex; justify-content:space-between; gap:16px; align-items:center; }
.stack { display:grid; gap:10px; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; font-size:14px; }
th { color:var(--muted); font-weight:600; text-align:left; background:#f8fafc; }
th, td { padding:12px; border-bottom:1px solid var(--line); vertical-align:top; }
.pill { display:inline-flex; padding:4px 8px; border-radius:999px; font-size:12px; font-weight:700; background:#e2e8f0; color:#334155; }
.pill.good { background:var(--teal-soft); color:var(--teal-strong); }.pill.warn { background:#fef3c7; color:var(--amber); }.pill.bad { background:var(--rose-soft); color:var(--rose); }
.button { border:0; background:var(--teal); color:#fff; padding:9px 12px; border-radius:8px; font-weight:700; font-size:14px; transition:background 150ms ease,box-shadow 150ms ease,transform 150ms ease; }.button:hover { background:var(--teal-strong); box-shadow:0 4px 12px rgba(13,148,136,.16); }.button.secondary { border:1px solid var(--line); background:#fff; color:#334155; }.button.secondary:hover { background:var(--teal-soft); color:var(--teal-strong); box-shadow:none; }.button.danger { background:var(--rose); }.button:disabled { opacity:.5; cursor:not-allowed; }
.form { display:grid; gap:14px; }.field { display:grid; gap:6px; }.field label { font-size:13px; font-weight:700; }.field input:not([type="checkbox"]), .field select { width:100%; border:1px solid #cbd5e1; border-radius:8px; padding:10px; background:#fff; }.field input[type="checkbox"] { width:16px; height:16px; accent-color:var(--teal); vertical-align:middle; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.form-section { display:contents; }.form-section h2 { grid-column:1 / -1; margin:8px 0 0; padding-top:18px; border-top:1px solid var(--line); }.form-section:first-child h2 { padding-top:0; border-top:0; }.form-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }.readonly-list { display:grid; gap:6px; padding:10px; border:1px solid var(--line); border-radius:8px; background:#f8fafc; font-size:14px; }.day-options { display:flex; flex-wrap:wrap; gap:7px; }.day-option { position:relative; }.day-option input { position:absolute; opacity:0; }.day-option span { display:inline-flex; min-width:42px; justify-content:center; padding:8px; border:1px solid var(--line); border-radius:8px; background:#fff; font-size:13px; font-weight:700; }.day-option input:checked + span { color:#115e59; border-color:#5eead4; background:#f0fdfa; }.automatic-control { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:20px; display:grid; gap:12px; }.automatic-control h2 { margin:0 0 4px; font-size:17px; }.notice { border:1px solid var(--line); border-radius:12px; padding:13px; font-size:14px; }.notice.danger { border-color:#fecdd3; background:#fff1f2; color:var(--rose); }.confirm-panel { display:grid; gap:11px; border:1px solid #99f6e4; border-radius:12px; background:#f0fdfa; padding:14px; font-size:14px; }.switch { position:relative; width:44px; height:24px; flex:0 0 auto; border:0; border-radius:999px; background:#cbd5e1; padding:2px; }.switch::after { content:""; display:block; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(15,23,42,.22); transition:transform .16s ease; }.switch[aria-checked="true"] { background:var(--teal); }.switch[aria-checked="true"]::after { transform:translateX(20px); }.switch:disabled { opacity:.55; cursor:not-allowed; }.field input:focus-visible, .field select:focus-visible, .button:focus-visible, .switch:focus-visible { outline:3px solid rgba(15,118,110,.18); outline-offset:2px; border-color:var(--teal); }
.error { color:var(--rose); background:var(--rose-soft); border:1px solid #fecdd3; padding:11px; border-radius:8px; font-size:14px; }.empty { color:var(--muted); padding:24px 0; text-align:center; }.link { color:var(--teal); font-weight:700; }.spacer { height:16px; }
.dashboard { display:grid; gap:20px; }.dashboard-header { display:flex; justify-content:space-between; align-items:end; gap:20px; }.dashboard-header h1 { margin:2px 0 7px; font-size:32px; letter-spacing:-.045em; }.eyebrow { margin:0; color:var(--teal); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.task-card-list { display:grid; gap:18px; }.task-card { overflow:hidden; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.94); box-shadow:0 14px 34px rgba(15,23,42,.08); }.task-card-header { display:flex; justify-content:space-between; gap:20px; align-items:start; padding:24px 24px 18px; }.task-card-header h2 { margin:4px 0 7px; font-size:22px; letter-spacing:-.03em; }.task-actions { display:flex; align-items:center; gap:10px; }.balance-grid { display:grid; grid-template-columns:repeat(2,minmax(0,180px)) 1fr; gap:1px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--line); }.balance-grid > div,.balance-grid > p { margin:0; display:grid; gap:4px; padding:14px 24px; background:#f8fafc; }.balance-grid span,.metric-cell span,.listing-price span { color:var(--muted); font-size:12px; font-weight:700; }.balance-grid strong { font-size:18px; }.balance-grid .muted { align-content:center; font-size:12px; }.metric-strip { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-bottom:1px solid var(--line); }.metric-cell { display:grid; gap:7px; min-height:82px; padding:15px 20px; border-right:1px solid var(--line); }.metric-cell:last-child { border-right:0; }.metric-cell strong { font-size:18px; letter-spacing:-.02em; }.metric-cell.target { background:var(--teal-soft); }.listing-section { padding:20px 24px 24px; }.listing-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:10px; }.listing-section h3 { margin:0; font-size:15px; }.listing-list { display:grid; gap:9px; margin:0; padding:0; list-style:none; }.listing-row { display:grid; grid-template-columns:minmax(190px,1.5fr) minmax(135px,.8fr) minmax(120px,.6fr) minmax(185px,1fr) minmax(165px,.8fr); gap:15px; align-items:center; padding:15px; border:1px solid var(--line); border-radius:14px; background:#fff; }.listing-identity { min-width:0; }.listing-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:800; font-size:14px; }.listing-title a { color:var(--ink); text-decoration:underline; text-decoration-color:#99f6e4; text-underline-offset:3px; }.listing-position { display:grid; gap:5px; }.listing-position small { color:var(--muted); font-size:11px; }.position-badge { display:inline-flex; width:max-content; padding:4px 7px; border-radius:999px; font-size:12px; font-weight:800; background:#e2e8f0; color:#334155; }.position-badge.good { background:var(--teal-soft); color:#115e59; }.position-badge.warn { background:#fef3c7; color:var(--amber); }.listing-price { display:grid; grid-template-columns:auto 1fr; column-gap:7px; row-gap:4px; align-items:baseline; font-size:13px; }.listing-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 9px; color:var(--muted); font-size:11px; }.listing-stats b { display:block; color:var(--ink); font-size:13px; }.switch-control { display:flex; align-items:center; justify-content:flex-end; gap:8px; color:var(--muted); font-size:12px; font-weight:700; flex-wrap:wrap; }.switch.on { background:var(--teal); }.inline-error { width:100%; color:var(--rose); text-align:right; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ops-dashboard { gap:14px; }.ops-page-header h1 { font-size:28px; }.ops-page-header .muted { margin:3px 0 0; }.ops-task-list { display:grid; gap:14px; }
.operations-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.operations-list { display:grid; gap:0; margin:0; }.operations-list > div { display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid var(--line); }.operations-list > div:last-child { border-bottom:0; }.operations-list dt { color:var(--muted); font-size:13px; }.operations-list dd { margin:0; font-weight:800; font-variant-numeric:tabular-nums; text-align:right; }
.operations-ledger { display:grid; gap:12px; }.operations-ledger h2,.admin-tool h2 { margin-bottom:0; }.operations-ledger p,.admin-tool p { margin:0; }.ops-action { display:grid; gap:6px; min-width:155px; }.ops-action .button { white-space:nowrap; }.ops-action span { color:var(--muted); font-size:12px; overflow-wrap:anywhere; }.admin-tool { display:grid; gap:14px; }.mapping-result { display:grid; gap:10px; padding:12px; border:1px solid var(--line); border-radius:10px; background:#f8fafc; }.mapping-result p { margin:0; }
.ops-card { border-color:var(--line); border-radius:12px; box-shadow:0 4px 24px rgba(30,41,59,.05); }.ops-header { border-bottom-color:var(--line); }.ops-identity h2 { font-weight:700; }.ops-actions a,.ops-history-trigger { color:var(--teal); }.ops-actions a:hover,.ops-history-trigger:hover { color:var(--teal-strong); }
.ops-summary > div > span { font-size:15px; }.ops-summary > div > span.metric-icon { font-size:inherit; }.ops-summary .metric-icon { width:22px; height:22px; }.ops-summary .metric-icon svg { width:15px; height:15px; }.ops-table-header { font-size:16px; }.ops-listing strong { font-size:19px; }.ops-listing > span,.ops-numeric span,.ops-result span { font-size:17px; }.ops-numeric strong { font-size:17px; }.ops-position strong { font-size:23px; }.ops-history-trigger { font-size:17px; }.ops-safety { font-size:16px!important; }.ops-card .switch-control > span:not(.inline-error) { font-size:18px; }
.ops-summary { background:var(--surface-soft); border-bottom-color:var(--line); }.metric-icon { color:var(--teal); background:var(--teal-soft); }.balance-refresh button,.ops-history-trigger { border-color:rgba(13,148,136,.24); color:var(--teal-strong); background:var(--teal-soft); }.balance-refresh button:hover,.ops-history-trigger:hover { border-color:rgba(13,148,136,.38); background:#d6faf3; }.ops-history-trigger { box-shadow:0 1px 1px rgba(13,148,136,.08); }
.ops-row:hover { background:#f8fbfa; }.ops-listing a:hover { color:var(--teal-strong); }.ops-position[data-tone="good"] { border-left-color:var(--teal); color:var(--teal-strong); background:var(--teal-soft); }.ops-position[data-tone="bad"] { border-left-color:var(--rose); color:var(--rose); background:var(--rose-soft); }.ops-safety { color:var(--rose)!important; background:var(--rose-soft); }
.position-history-header p { color:var(--teal); }.position-history-close:hover { color:var(--ink); background:var(--surface-soft); }.history-day h3 { border-left-color:var(--teal); color:var(--teal-strong); background:var(--teal-soft); }.history-position[data-tone="good"] { color:var(--teal-strong); background:var(--teal-soft); }.history-position[data-tone="bad"] { color:var(--rose); background:var(--rose-soft); }.history-load-more { border-color:rgba(13,148,136,.24); color:var(--teal-strong); background:var(--teal-soft); }.history-load-more:hover { background:#d6faf3; }
.ops-card { overflow:hidden; border:1px solid #cbd5e1; border-radius:8px; background:#fff; box-shadow:0 7px 20px rgba(15,23,42,.05); }.ops-header { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:58px; padding:9px 14px; border-bottom:1px solid var(--line); }.ops-identity { display:flex; min-width:0; align-items:center; gap:11px; }.ops-identity p,.ops-identity h2 { margin:0; }.ops-identity p { margin-bottom:1px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }.ops-identity h2 { overflow-wrap:anywhere; font-size:17px; letter-spacing:-.02em; }.ops-live-dot { width:7px; height:7px; flex:0 0 auto; border:2px solid #fff; border-radius:999px; background:var(--teal); box-shadow:0 0 0 3px var(--teal-soft); }.ops-actions { display:flex; flex:0 0 auto; align-items:center; gap:12px; }.ops-actions a,.ops-history-trigger { display:inline-flex; min-height:36px; align-items:center; padding:0; border:0; color:var(--teal); background:transparent; font-size:12px; font-weight:800; }.ops-actions a:hover,.ops-history-trigger:hover { color:#115e59; text-decoration:underline; text-underline-offset:3px; }
.ops-summary { display:grid; grid-template-columns:repeat(7,minmax(100px,1fr)); border-bottom:1px solid #cbd5e1; background:#f8fafc; }.ops-summary > div { display:grid; min-width:0; align-content:center; justify-items:center; gap:3px; min-height:66px; padding:9px 11px; border-right:1px solid var(--line); text-align:center; }.ops-summary > div:last-child { border-right:0; }.ops-summary span,.ops-numeric span,.ops-position span,.ops-listing > span,.ops-result span { color:var(--muted); font-size:10px; line-height:1.25; }.ops-summary > div > span { display:inline-flex; align-items:center; justify-content:center; gap:5px; font-size:11px; font-weight:700; }.metric-icon { display:grid; width:18px; height:18px; place-items:center; border-radius:5px; color:var(--teal); background:var(--teal-soft); }.metric-icon svg { width:12px; height:12px; }.ops-summary strong { font-size:19px; font-variant-numeric:tabular-nums; letter-spacing:-.03em; }.ops-numeric strong { font-size:14px; font-variant-numeric:tabular-nums; letter-spacing:-.01em; }.ops-balance { grid-template-columns:auto auto; column-gap:5px; }.ops-balance > span,.ops-balance > strong { grid-column:1; }.ops-balance .balance-refresh { grid-column:2; grid-row:1 / 3; justify-self:start; }
.balance-refresh { display:grid; align-content:center; justify-items:end; gap:2px; }.balance-refresh button { display:grid; width:30px; height:30px; place-items:center; padding:0; border:1px solid #99f6e4; border-radius:6px; color:#115e59; background:#f0fdfa; }.balance-refresh button svg { width:14px; height:14px; }.balance-refresh button:hover { border-color:#5eead4; background:var(--teal-soft); }.balance-refresh button:disabled { opacity:.55; cursor:not-allowed; }.balance-refresh > span { color:var(--rose); font-size:9px; white-space:nowrap; }
.ops-table-wrap { overflow-x:auto; }.ops-table-header,.ops-row { display:grid; grid-template-columns:minmax(220px,1.55fr) minmax(90px,.6fr) minmax(100px,.65fr) minmax(100px,.65fr) minmax(130px,.75fr) minmax(155px,.9fr) minmax(165px,.9fr); min-width:1060px; align-items:center; }.ops-table-header { min-height:29px; border-bottom:1px solid var(--line); color:var(--muted); background:#fff; font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.ops-table-header span { text-align:center; }.ops-table-header span,.ops-row > div,.ops-row > .switch-control { padding:7px 11px; }.ops-rows { margin:0; padding:0; list-style:none; }.ops-row { min-height:62px; border-bottom:1px solid var(--line); transition:background 150ms ease; }.ops-row:last-child { border-bottom:0; }.ops-row:hover { background:#fbfdfd; }.ops-row > div,.ops-row > .switch-control { height:100%; border-right:1px solid var(--line); }.ops-row > .switch-control { border-right:0; }.ops-listing,.ops-numeric,.ops-result { display:grid; min-width:0; align-content:center; justify-items:center; gap:2px; text-align:center; }.ops-numeric,.ops-result,.ops-row > .switch-control { justify-items:center; text-align:center; }.ops-listing strong { min-width:0; overflow-wrap:anywhere; font-size:12px; line-height:1.25; }.ops-listing a:hover { color:var(--teal); }.ops-history-trigger { display:inline-flex; min-height:24px; align-items:center; justify-content:center; padding:3px 8px; border:1px solid #99f6e4; border-radius:5px; color:#115e59; background:#f0fdfa; font-size:10px; font-weight:800; box-shadow:0 1px 1px rgba(15,118,110,.08); }.ops-history-trigger:hover { border-color:#5eead4; color:#115e59; background:#ccfbf1; text-decoration:none; }.ops-safety { width:max-content; padding:1px 5px; border-radius:4px; color:var(--rose)!important; background:#fff1f2; font-size:9px!important; font-weight:800; text-transform:uppercase; }.ops-position { display:grid; height:100%; place-content:center; justify-items:center; gap:1px; border-left:3px solid #cbd5e1; text-align:center; }.ops-position[data-tone="good"] { border-left-color:var(--teal); color:#115e59; background:#dff8f2; }.ops-position[data-tone="bad"] { border-left-color:var(--rose); color:#9f1239; background:#fff1f2; }.ops-position strong { font-size:20px; font-variant-numeric:tabular-nums; }.ops-result b { color:var(--ink); font-variant-numeric:tabular-nums; }.ops-card .switch-control { min-width:0; }.ops-card .switch-control > span:not(.inline-error) { font-size:11px; line-height:1.25; }.ops-card .switch { min-width:44px; }
.position-history-dialog { width:min(1000px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:0; border:0; border-radius:14px; color:var(--ink); background:#fff; box-shadow:0 30px 90px rgba(15,23,42,.28); }.position-history-dialog::backdrop { background:rgba(15,23,42,.58); backdrop-filter:blur(2px); }.position-history-panel { display:grid; grid-template-rows:auto minmax(0,1fr); max-height:calc(100dvh - 32px); }.position-history-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 18px; border-bottom:1px solid var(--line); }.position-history-header p,.position-history-header h2 { margin:0; }.position-history-header p { margin-bottom:2px; color:var(--teal); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.position-history-header h2 { font-size:21px; letter-spacing:-.03em; }.position-history-close { display:grid; width:36px; height:36px; flex:0 0 auto; place-items:center; padding:0; border:1px solid var(--line); border-radius:8px; color:#475569; background:#f8fafc; }.position-history-close:hover { color:var(--ink); border-color:#cbd5e1; background:#f1f5f9; }.position-history-close svg { width:17px; height:17px; }.position-history-content { overflow:auto; padding:0 18px 18px; }.position-history-state { padding:42px 20px; color:var(--muted); text-align:center; }.position-history-state.bad { color:var(--rose); }.history-day { padding-top:16px; }.history-day h3 { position:sticky; top:0; z-index:2; margin:0; padding:7px 10px; border-left:3px solid var(--teal); color:#115e59; background:#ecfdf9; font-size:12px; font-weight:800; text-transform:capitalize; }.history-day-table { border:1px solid var(--line); border-top:0; }.history-table-head,.history-entry { display:grid; grid-template-columns:80px 85px 140px minmax(340px,1fr); align-items:center; }.history-table-head { min-height:30px; color:var(--muted); background:#f8fafc; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.history-table-head span,.history-entry > * { min-width:0; padding:7px 10px; border-right:1px solid var(--line); }.history-table-head span:last-child,.history-entry > *:last-child { border-right:0; }.history-table-head span:not(:last-child),.history-entry > *:not(.history-action) { text-align:center; }.history-entry { min-height:52px; border-top:1px solid var(--line); font-size:11px; }.history-entry time { color:var(--muted); font-variant-numeric:tabular-nums; }.history-position { font-size:15px; font-variant-numeric:tabular-nums; }.history-position[data-tone="good"] { color:#115e59; background:#dff8f2; }.history-position[data-tone="bad"] { color:#9f1239; background:#fff1f2; }.history-bid { font-variant-numeric:tabular-nums; }.history-action { line-height:1.4; }.history-load-more { display:flex; min-height:40px; align-items:center; justify-content:center; gap:7px; margin:16px auto 0; padding:7px 16px; border:1px solid #99f6e4; border-radius:8px; color:#115e59; background:#f0fdfa; font-size:12px; font-weight:800; }.history-load-more:hover { background:var(--teal-soft); }.history-load-more span { font-variant-numeric:tabular-nums; }
@media (max-width: 1100px) { .ops-summary { grid-template-columns:repeat(4,minmax(120px,1fr)); }.ops-summary > div:nth-child(4) { border-right:0; }.ops-summary > div:nth-child(-n+4) { border-bottom:1px solid var(--line); } }
@media (max-width: 960px) { .metric-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }.listing-row { grid-template-columns:minmax(180px,1.5fr) minmax(130px,.8fr) minmax(145px,.7fr); }.listing-stats,.listing-switch { grid-column:2 / -1; }.listing-switch { justify-content:flex-start; } }
@media (max-width: 720px) { .shell { padding:16px; }.top { align-items:flex-start; flex-direction:column; }.grid.metrics,.grid.two,.form-grid { grid-template-columns:1fr; }.row { align-items:flex-start; flex-direction:column; }.card,.automatic-control { padding:16px; }.form-actions .button { width:100%; }.day-options { display:grid; grid-template-columns:repeat(4,1fr); width:100%; }.day-option span { width:100%; }.dashboard-header,.task-card-header { align-items:flex-start; flex-direction:column; }.dashboard-header h1 { font-size:28px; }.task-actions { width:100%; justify-content:space-between; }.task-card-header,.listing-section { padding:18px; }.balance-grid { grid-template-columns:1fr 1fr; }.balance-grid > p { grid-column:1 / -1; }.metric-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }.metric-cell { min-height:70px; padding:13px 15px; }.listing-section-heading { align-items:flex-start; flex-direction:column; }.listing-row { grid-template-columns:1fr; gap:11px; padding:14px; }.listing-title { white-space:normal; }.listing-stats { grid-column:auto; }.listing-switch { grid-column:auto; justify-content:flex-start; }.inline-error { text-align:left; } }
@media (max-width: 960px) { .operations-metrics { grid-template-columns:1fr; } }
@media (max-width: 720px) { .ops-page-header { gap:12px; }.ops-page-header .button { width:100%; text-align:center; }.ops-header { align-items:flex-start; flex-direction:column; }.ops-actions { width:100%; flex-wrap:wrap; }.ops-actions .switch-control { margin-right:auto; }.ops-summary { grid-template-columns:1fr 1fr; }.ops-summary > div,.ops-summary > div:nth-child(4) { border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.ops-summary > div:nth-child(even) { border-right:0; }.ops-summary > div:last-child { grid-column:1 / -1; border-right:0; border-bottom:0; }.ops-balance { grid-template-columns:minmax(0,1fr) auto; }.ops-card .inline-error { text-align:left; }.position-history-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }.position-history-panel { max-height:calc(100dvh - 16px); }.position-history-content { padding:0 10px 12px; }.history-day-table { overflow-x:auto; }.history-table-head,.history-entry { min-width:780px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; } }

/* Keep Operations Ledger table text readable after the compact base rules above. */
.ops-summary > div > span { font-size:18px; }.ops-summary .metric-icon { width:24px; height:24px; }.ops-summary .metric-icon svg { width:16px; height:16px; }.ops-table-header { font-size:9px; }.ops-listing strong { font-size:12px; }.ops-listing > span,.ops-numeric span,.ops-result span { font-size:10px; }.ops-numeric strong { font-size:11px; }.ops-position strong { font-size:17px; }.ops-history-trigger { font-size:10px; }.ops-safety { font-size:9px!important; }.ops-card .switch-control > span:not(.inline-error) { font-size:11px; }

/* Keep the desktop controls together: when the title and controls do not fit,
   the controls take the next header row instead of squeezing the title. */
.ops-header { flex-wrap:wrap; }
.ops-identity { flex:1 1 320px; min-width:min(100%,320px); }
.ops-identity-copy { min-width:0; }
.ops-actions { width:max-content; max-width:100%; min-width:0; flex:0 1 auto; flex-wrap:nowrap; justify-content:flex-end; }
.ops-actions .switch-control { min-width:0; flex:0 1 360px; }
.ops-actions .switch-control > span:not(.inline-error) { min-width:0; overflow-wrap:anywhere; }
.ops-actions .dashboard-task-actions { flex:0 0 auto; flex-wrap:nowrap; justify-content:flex-end; }

/* Bidder host-local alignment. */
}