/* Dark interface tokens shared by the sign-in screen and market workspace. */
:root {
  color-scheme: dark;
  --bg: #070b12;
  --panel: rgba(13, 23, 36, .88);
  --ink: #e7f1f7;
  --muted: #9aafbe;
  --line: rgba(136, 181, 207, .14);
  --green: #53ead2;
  --green-dark: #8af6e3;
  --green-soft: rgba(83, 234, 210, .09);
  --red: #ff8d9d;
  --amber: #e9bd79;
  --sidebar: rgba(8, 15, 25, .92);
  --surface-raised: #111f30;
  --surface-input: #091420;
  --foreground-soft: #c4d5e1;
  --foreground-faint: #7d96aa;
  --accent-line: rgba(83, 234, 210, .25);
  --shadow: 0 18px 55px rgba(0, 0, 0, .22);
  background: var(--bg);
  color: var(--ink);
}

body { color: var(--ink); background: transparent; }
::selection { color: #f0fffc; background: #237b73; }
* { scrollbar-width: thin; scrollbar-color: #294253 #09121d; }
a { color: #79dfeb; }
a:hover { color: #b1f8f7; }
button, input, select { transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s; }
button:focus-visible, a:focus-visible, select:focus-visible, input:focus-visible {
  outline-color: var(--green);
}
button:disabled { opacity: .5; }
input, select { accent-color: var(--green); }
input::placeholder { color: #6e879b; }
select option { background: #101c2a; color: var(--ink); }
input[type=number] { color-scheme: dark; }
[hidden] { display: none !important; }

/* Glass sits above the ambient scene while keeping text on a solid enough surface. */
.auth-screen, .main-shell { background: transparent; }
.auth-card, .panel, .stat-card, .basis-panel, .scan-card, .status-card,
.scaling-panel, .scale-overview {
  background: var(--panel);
  border-color: var(--line);
  box-shadow: var(--shadow);
}
.auth-card, .panel, .basis-panel, .stat-card {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.panel, .stat-card, .basis-panel, .scan-card, .scaling-panel, .scale-overview {
  border-radius: 14px;
}

/* Authentication */
.auth-screen { gap: 26px; }
.auth-card {
  max-width: 440px;
  padding: 40px;
  background: linear-gradient(145deg, rgba(20, 36, 51, .89), rgba(11, 20, 33, .94));
  border: 1px solid rgba(119, 216, 216, .2);
  border-radius: 24px;
  box-shadow: 0 25px 90px #0007, inset 0 1px 0 rgba(210, 252, 255, .04);
}
.auth-brand { color: #e9f7fa; }
.auth-brand svg { color: var(--green); }
.auth-brand small { color: #7fa2b7; }
.auth-eyebrow { color: var(--green); font-size: 10px; letter-spacing: 1.7px; }
.auth-card h1 { color: #f0f8fc; font-size: 32px; letter-spacing: -1.15px; }
.auth-description { color: #a0b5c5; font-size: 13px; line-height: 1.85; }
.auth-field { color: #bed2df; font-size: 12px; }
.auth-card input {
  min-height: 50px;
  background: #08131f;
  color: #e9f7fb;
  border: 1px solid #2b4252;
  border-radius: 10px;
  box-shadow: inset 0 2px 9px #0002;
}
.auth-card input::placeholder { color: #688197; }
.auth-card input:hover { border-color: #416172; }
.auth-card input:focus {
  outline: none;
  border-color: #5ddfcd;
  box-shadow: 0 0 0 3px #53ead214;
}
.auth-card input[aria-invalid=true] { border-color: #f58fa0; box-shadow: 0 0 0 3px #fa87970d; }
.auth-submit, .primary-button {
  border: 1px solid #6ef0da;
  background: linear-gradient(120deg, #69efd4, #42cddb);
  color: #041a20;
  box-shadow: 0 4px 23px rgba(48, 220, 201, .12);
  font-weight: 700;
}
.auth-submit { min-height: 48px; border-radius: 10px; font-size: 13px; }
.auth-submit:hover, .primary-button:hover {
  color: #03181c;
  background: linear-gradient(120deg, #91f7df, #67e7eb);
  box-shadow: 0 6px 28px rgba(48, 220, 201, .23);
}
.auth-error { color: #ff9aa9; font-size: 12px; }
.auth-check { color: #a4bdcb; }
.auth-footnote { color: #829cae; font-size: 11px; border-color: var(--line); }
.auth-footer { color: #7693a8; font-size: 11px; }
.auth-denied p { color: #e9bd79; font-size: 13px; }

/* Navigation and top bar */
.sidebar {
  background: var(--sidebar);
  border-right: 1px solid rgba(135, 190, 213, .12);
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
  color: #c5d9e3;
}
.brand { color: #ecf6fc; }
.brand-mark { color: var(--green); }
.brand-secondary { color: #7a9aad; }
.brand { gap: 11px; letter-spacing: 2.6px; font-size: 21px; }
.brand .brand-mark { width: 40px; height: 40px; }
.brand-secondary { margin-top: 5px; font-size: 9px; letter-spacing: .12px; white-space: nowrap; }
.auth-brand { letter-spacing: 3px; font-size: 23px; }
.auth-brand img { width: 44px; height: 44px; flex: none; }
.auth-brand small { font-size: 10px; letter-spacing: .5px; margin-top: 6px; }
.nav-label { color: #7492a7; font-size: 10px; }
.nav-item { color: #9ab1c3; }
.nav-item:hover { color: #e4f6fa; background: rgba(90, 165, 194, .08); }
.nav-item.active {
  color: #d8fff6;
  background: linear-gradient(100deg, rgba(59, 214, 183, .15), rgba(55, 145, 173, .08));
  box-shadow: inset 2px 0 #59e5cb, inset 0 0 0 1px rgba(91, 229, 210, .13);
}
.nav-item.active svg { color: #64e9d1; }
.nav-count { color: #8eafc3; background: #ffffff06; }
.nav-item.active .nav-count { background: #53ead215; color: #9ff6e5; }
.sidebar-note-icon { color: #53c9c0; }
.sidebar-note p { color: #b9cfdc; }
.sidebar-note small { color: #7692a5; }
.source-card {
  background: linear-gradient(120deg, rgba(27, 66, 67, .26), rgba(15, 30, 44, .8));
  border-color: #70c8cf24;
}
.source-card-top { color: #c8e3e9; font-size: 11px; }
.source-card>span { color: #9fbac8; font-size: 11px; }
.source-card small { color: #7898ae; font-size: 10px; }
.connection-dot { background: #668b9c; }
.connection-dot.online { background: var(--green); box-shadow: 0 0 0 3px #53ead214, 0 0 12px #53ead230; }
.connection-dot.error { background: var(--red); }
.session-card { border-color: var(--line); }
.session-card small { color: #7b98ad; font-size: 10px; }
.session-card strong { color: #d6e7ee; font-size: 12px; }
.session-card button { color: #9cbccc; border-color: #739db72b; border-radius: 7px; font-size: 11px; }
.session-card button:hover { color: #edfbff; background: #1a3041; border-color: #5b8da3; }
.sidebar-bottom { color: #96afc0; }
.sidebar-bottom small { color: #648195; font-size: 9px; }
.tiny-logo { background: #183039; color: #7ce7d6; }
.topbar {
  background: rgba(8, 16, 26, .64);
  border-color: var(--line);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.breadcrumb { color: #88a0b4; }
.breadcrumb>span { color: #496779; }
.breadcrumb strong { color: #cfdee7; }
.updated-at { color: #8da6ba; }
.refresh-button { color: #a8c4d1; }
.refresh-button:hover { color: #73eadb; }
.local-pill { color: #a2bdcc; border-color: #81b6d126; background: #13243175; }
.local-pill>span { background: var(--green); box-shadow: 0 0 8px #53ead244; }
.mobile-menu { color: #8ecacb; }

/* Type and shared controls */
h1, .section-heading h2, .panel-head h2, .drawer-title-row h2 { color: #e7f2fa; }
h1 { font-weight: 620; letter-spacing: -1.1px; }
.eyebrow { color: #79b6c4; font-size: 10px; }
.eyebrow i { background: #53ead2; box-shadow: 0 0 10px #53ead255; }
.page-subtitle { color: #9eb3c3; font-size: 12px; }
.panel-description, .section-heading p { color: #88a2b7; font-size: 11px; }
.panel-link { color: #79d9d4; font-size: 11px; }
.panel-link:hover { color: #adfff0; }
.light-button, .time-pill, .icon-button {
  background: rgba(16, 33, 48, .75);
  border-color: #81b6d12d;
  color: #bbcfdd;
}
.light-button { border-radius: 9px; }
.light-button:hover, .icon-button:hover {
  color: #d2fff7;
  border-color: #67d7c967;
  background: #12323b;
}
.time-pill { color: #93aebe; }
.header-count, .page-heading .search-counter { color: #86a3b7; }
.stat-card { border-top-color: #9fe3ef21; }
.stat-card.highlight {
  background: linear-gradient(130deg, rgba(24, 62, 65, .8), rgba(13, 26, 40, .94));
  border-color: #53ead233;
}
.stat-label { color: #9db7c8; font-size: 12px; }
.stat-icon { color: #79b9c6; background: #69c5d412; }
.stat-card.highlight .stat-icon { color: #8af1dc; background: #53ead216; }
.stat-value { color: #e6f5fa; letter-spacing: -1.1px; }
.stat-value small, .stat-bottom { color: #87a3b7; }
.stat-bottom { font-size: 11px; }
.stat-card.highlight .stat-value { color: #baffed; }
.positive { color: #63e0bb; }
.negative { color: #ff95a5; }
.neutral { color: #849caf; }
.tag {
  background: #53ead210;
  color: #7ce4cb;
  border-color: #53ead223;
  border-radius: 5px;
  font-size: 10px;
}
.tag.amber { color: #ecc581; background: #e9bd7910; border-color: #e9bd7928; }
.tag.gray { color: #92aabf; background: #6c9bb210; border-color: #739ab321; }
.tag.red { color: #ff9ca9; background: #ff8d9d0f; border-color: #ff8d9d2b; }
.rank { color: #7b96ac; }
.rank.top-rank { color: #79e5cf; background: #53ead212; }
.change-pill { font-size: 11px; }
.status-mini { background: #53ead2; }
.blank-value { color: #6c8396 !important; }

/* Price source tabs and history charts */
.basis-caption { color: #8eacbe; font-size: 11px; }
.basis-buttons, .comparison-switch, .segmented {
  background: #070f1b94;
  border-color: #75abc323;
}
.basis-buttons button, .comparison-switch button, .segmented button { color: #8ba5b9; }
.basis-buttons button:hover, .comparison-switch button:hover, .segmented button:hover { color: #c9f7ef; background: #72dfcc0b; }
.basis-buttons button.active, .comparison-switch button.active, .segmented button.active {
  background: #53ead217;
  color: #9af5e1;
  box-shadow: inset 0 0 0 1px #67ddce25;
}
.basis-coverage { color: #9fb5c4; }
.basis-coverage strong { color: #89efda; }
.basis-explanation { color: #8ea9bc; }
.basis-empty { color: #e2b979; }
.source-basis { border-color: #54d5c530; }
.basis-comparison-card {
  background: #0a1622;
  border-color: #7da8bf25;
  color: #9db8c9;
}
.basis-comparison-card small { color: #8da9bd; font-size: 11px; }
.basis-comparison-card strong { color: #c6dfeb; }
.basis-comparison-card.active { background: #15363170; border-color: #65ddc54d; }
.basis-comparison-card.active strong { color: #a0f8df; }
.basis-comparison>p { color: #91a9bc; font-size: 11px; }
.chart-selector select { background: transparent; color: #cee7f0; }
.chart-metric { color: #e5f5fa; }
.chart-metric small, .chart-legend, .chart-legend button { color: #8ba8bd; }
.legend-line { background: #59e2c6; }
.legend-line.raw { background: repeating-linear-gradient(to right, #7f9fb7 0 3px, transparent 3px 5px); }
.chart-footnote { color: #7f9aae; font-size: 11px; }
.chart-tooltip {
  background: rgba(10, 24, 37, .96);
  border-color: #87ccdf36;
  color: #9db8ca;
  box-shadow: 0 12px 40px #0007;
}
.chart-tooltip strong { color: #c4ffee; }
.chart-tooltip small { color: #a7bfd0; }
.chart-empty, .chart-empty span { color: #87a4b7; }
.chart-empty svg { color: #456b80; }
.mover-row { border-color: #84bad311; }
.mover-name { color: #bdd4df; }
.mover-price { color: #87a2b6; font-size: 11px; }
.movers-footer { color: #7996aa; border-color: var(--line); }

/* Tables, filters and search */
.data-table { color: #adc3d1; }
.data-table th {
  background: #1325345e;
  border-color: #85bcd61c;
  color: #8caabc;
  font-size: 11px;
}
.data-table td { color: #a7c1d1; border-color: #8ac5de0d; }
.data-table tbody tr:hover { background: #64cbd709; }
.data-table .strong-number { color: #bbf7e8; }
.item-cell-name { color: #d1e3ed; font-weight: 570; }
.item-cell-id, .item-cell small, .farm-profit-label { color: #7b99af; font-size: 11px; }
.item-mini, .item-cell img, .drawer-item-icon, .resource-row img, .mover-icon {
  filter: drop-shadow(0 3px 7px #0004);
}
.table-arrow { color: #709bac; }
.table-arrow:hover { color: #9dffec; background: #53ead213; }
.table-summary { color: #87a3b8; border-color: var(--line); font-size: 11px; }
.table-empty { color: #85a2b6; }
.table-empty h3 { color: #c3dbe7; }
.table-empty>svg { color: #4c8491; }
.toolbar { border-color: var(--line); background: #08121c25; }
.search-field { color: #6993aa; }
.search-field input { color: #d6e7ef; }
.search-field input::placeholder { color: #708dA3; }
.toolbar select, .native-select {
  border-color: #719bb72d;
  background: #0b1926;
  color: #acc5d4;
}
.filter-chip { color: #8fa8bc; }
.filter-chip:hover { background: #53ead20a; color: #c3eade; }
.filter-chip.active { background: #53ead212; color: #9aefda; border-color: #53ead229; }
.filter-chip small { color: #789cae; }
.favorite-button { color: #627f94; }
.favorite-button:hover { color: #ebc676; background: #e9bd790b; }
.favorite-button.is-favorite { color: #efc981; }
.favorite-button.is-favorite svg { fill: #efc98120; }

/* Insight, alerts and states */
.insight-card, .scan-series-banner, .explanation, .farm-scenario {
  background: linear-gradient(120deg, rgba(23, 54, 58, .56), rgba(12, 25, 39, .84));
  border-color: #67d9cb28;
}
.insight-icon, .scale-summary-icon { background: #53ead213; color: #7adbc8; }
.insight-card h3, .status-card h3, .scan-series-banner h3 { color: #c0e8e2; }
.insight-card p, .scan-series-banner p, .status-line, .status-line strong { color: #90afbe; font-size: 11px; }
.scan-series-number { color: #91f1d9; }
.explanation, .farm-scenario { color: #9dbfca; }
.source-path-block { background: #0b1a27bd; color: #8fabbf; border-color: var(--line); }
.notice { background: #49391b45; border-color: #a988433d; color: #e0c48c; }
.notice.error { background: #4b233241; border-color: #bc647444; color: #f4acb7; }
.toast { background: #112d34; border: 1px solid #54dac13d; color: #c0f4e7; box-shadow: 0 16px 50px #0009; }
.loading-state { color: #86a4b8; }
.loading-state h2 { color: #badadf; }
.loader { border-color: #294352; border-top-color: #61e5d0; }
.error-state>svg { color: #609dab; }
.error-state h2 { color: #d1e3ed; }
.error-state p { color: #92aebf; }
.empty-inline { color: #90aabc; }
.main-footer { color: #6f899e; font-size: 10px; }
.footer-separator { color: #3e5a70; }

/* Scan timelines */
.scan-card h3 { color: #c9e0eb; }
.scan-date { color: #8ba7bb; }
.scan-numbers strong, .quote-phase-metrics strong { color: #c5eee8; }
.scan-numbers small, .scan-status-bottom, .quote-phase-metrics small { color: #8ba7bb; }
.scan-details, .quote-outcomes, .quote-outcome-row, .quote-scan-phase,
.auction-phase-label, .scan-coverage-row { border-color: var(--line); }
.scan-details, .scan-coverage-row, .scan-coverage-row code { color: #94b0c2; }
.progress-bar { background: #1b3040; }
.progress-bar>span { background: linear-gradient(90deg, #37b9bd, #68ebc7); box-shadow: 0 0 13px #53ead221; }
.auction-phase-label { color: #87a7bb; }
.scan-phase-title>span, .quote-outcome-top>strong { color: #b0d8df; }
.quote-progress-message { color: #98b6c7; }
.quote-scan-phase.blocked .quote-progress-message { background: #493b214d; border-color: #b6924440; color: #e4c68a; }
.quote-outcomes>summary, .quote-outcomes summary { color: #9fc8cc; }
.quote-outcomes>summary span, .quote-outcome-row p { color: #849fb4; }

/* Drawer and calculators */
.drawer-backdrop { background: #010810b5; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.detail-drawer {
  background: linear-gradient(155deg, rgba(14, 28, 43, .98), rgba(6, 16, 28, .99));
  border-left: 1px solid #83c0d52c;
  box-shadow: -20px 0 100px #0008;
}
.drawer-top { color: #7f9db4; }
.drawer-title-row p, .drawer-subtitle { color: #90acbf; }
.drawer-price { color: #aff9e1; }
.drawer-price small { color: #7d9eb2; }
.drawer-section h3 { color: #c0dce6; }
.drawer-section p { color: #99b3c5; }
.drawer-stat, .drawer-chart, .resource-row {
  background: #10213180;
  border-color: #79b1cd22;
}
.drawer-stat small { color: #89a7bc; }
.drawer-stat strong { color: #c2eee7; }
.resource-name { color: #b5d3df; }
.resource-quantity { color: #b2d2dd; }
.resource-quantity small { color: #7e9bb3; }
.metadata-row { color: #88a7bc; border-color: var(--line); }
.metadata-row strong { color: #c2dde6; }
.calc-field { color: #91b0c3; }
.calc-field input {
  border-color: #729db734;
  background: var(--surface-input);
  color: #d7edf4;
  border-radius: 8px;
}
.calc-result { background: #173e374a; border-color: #61d4b736; }
.calc-result span { color: #99bdba; }
.calc-result strong { color: #9cf0d2; }
.calc-note { color: #809bb0 !important; }
.assumption-list li { color: #94afc1; }
.assumption-list li:before { background: #4db7ad; }
.source-links a { background: #53ead20a; border-color: #53ead221; color: #91ccc9; }

/* Farm scale and geometry tools */
.scaling-panel { color: #bfd7e3; }
.scaling-eyebrow { color: #69c6c6; }
.scaling-panel h2 { color: #dcf0f5; }
.scaling-panel-top p, .scale-overview p { color: #96b0c1; }
.scale-field { color: #96b2c4; }
.scale-field input {
  border-color: #729db734;
  background: var(--surface-input);
  color: #cce9ef;
  border-radius: 8px;
}
.scale-field input:focus { border-color: #62d9c7; box-shadow: 0 0 0 3px #53ead20c; }
.scale-field input[aria-invalid=true], .scale-override input[aria-invalid=true] { border-color: #f59aa6; background: #321d2955; }
.scale-field input:disabled { background: #10202d; color: #658498; }
.scale-unlimited { color: #8ca6bb; }
.scale-unlimited input { accent-color: var(--green); }
.scale-presets button { background: #0c1b28; border-color: #709eb82d; color: #9ebccc; }
.scale-presets button:hover { background: #16323b; color: #d6f9ef; }
.scale-presets button.active { background: #53ead214; border-color: #53ead23a; color: #a4f2dc; }
.scale-plot-size, .farm-footprint { color: #8eb6bd; }
.scale-plot-size strong { color: #addbd9; }
.scale-plan-summary, .scale-drawer-result {
  background: linear-gradient(120deg, #18493b46, #1637463d);
  border-color: #61cbb631;
}
.scale-plan-summary>svg { color: #76d4c2; }
.scale-plan-summary div>small { color: #8cacae; }
.scale-plan-summary div>strong { color: #d0efe5; }
.scale-plan-summary div>span { color: #95b5bb; }
.scale-estimate-note { color: #809cae !important; }
.scale-overview .scaling-eyebrow { color: #69c6c6; }
.scale-module-count { color: #a0e6d3; }
.scale-limit { color: #d8bd83; }
.loss-number { color: #f49caa !important; }
.scale-drawer-base { color: #93aebf !important; }
.scale-drawer-result>span { color: #92b6bd; }
.scale-drawer-result>strong { color: #b9f7dd; }
.scale-drawer-result strong small { color: #89abb5; }
.scale-drawer-result p { color: #9ababf !important; }
.scale-drawer-result.loss { background: #4426354f; border-color: #af6b7b3d; }
.scale-drawer-result.loss>strong { color: #f3a0ab; }
.scale-drawer-limit { color: #d2bc8b; border-color: #74b29b25; }
.footprint-diagram svg { border-color: #6ba7a92e; }
.footprint-diagram>span { color: #8ba6bb; }
.scale-capacities>div { border-color: var(--line); }
.scale-capacities span { color: #8daabd; }
.scale-capacities strong { color: #b4d7dc; }
.scale-density-metrics>div { background: #11253375; border: 1px solid #72b8ca17; }
.scale-density-metrics span { color: #89a8bb; }
.scale-density-metrics strong { color: #a3d6d3; }
.scale-profile-notes p { color: #90aabd !important; }
.scale-override { border-color: var(--line); }
.scale-override summary { color: #9ac7cc; }
.scale-override summary span { color: #7b9bb0; }
.scale-override>p { color: #8ea9bd !important; }
.comparison-note { color: #8aa8bb; font-size: 11px; }

@media (min-width: 601px) {
  .panel-head h2, .section-heading h2 { font-size: 14px; }
  .item-cell-name, .data-table { font-size: 12px; }
  .stat-value { font-size: 30px; }
  .chart-legend, .chart-legend button, .segmented button { font-size: 11px; }
}
@media (max-width: 600px) {
  .auth-card { max-width: 420px; padding: 30px 25px; border-radius: 20px; }
  .auth-card h1 { font-size: 30px; }
  .auth-description { font-size: 13px; }
  .sidebar.open { background: #091422f5; box-shadow: 18px 0 70px #000b; }
  .topbar { background: #08131edb; }
  .eyebrow, .time-pill, .breadcrumb, .refresh-button { font-size: 10px; }
  .page-subtitle { font-size: 12px; }
  .stat-label, .stat-bottom { font-size: 11px; }
  .stat-value { font-size: 26px; }
  .panel-description, .section-heading p, .panel-link, .chart-footnote { font-size: 11px; }
  .basis-buttons button { font-size: 12px; }
  .item-cell-name, .data-table { font-size: 12px; }
  .item-cell-id, .item-cell small { font-size: 10px; }
  .table-summary { font-size: 10px; }
  .scaling-panel h2 { font-size: 21px; }
  .scale-summary-income { border-color: var(--line); }
  .scale-plan-summary div>small, .scale-plan-summary div>span { font-size: 11px; }
  .scale-estimate-note, .scale-profile-notes p, .scale-override>p { font-size: 11px !important; }
}
@media (prefers-reduced-motion: reduce) {
  button, input, select { transition: none; }
}

.scan-card-actions { display:flex; justify-content:flex-end; border-top:1px solid var(--line); margin-top:18px; padding-top:13px; }
.scan-delete-button { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:6px 9px; border:1px solid #bb7b8a25; border-radius:7px; background:#dd7d8d08; color:#c79eac; font-size:11px; }
.scan-delete-button svg { width:13px; height:13px; }
.scan-delete-button:hover { color:#ffb1bf; background:#f08c9b12; border-color:#ec8d9e4a; }
.scan-delete-button:disabled,.scan-confirm-danger:disabled,.scan-cancel-delete:disabled { opacity:.5; cursor:wait; }
.scan-delete-confirm { margin-top:13px; padding:15px; border:1px solid #d48b9b35; border-radius:9px; background:#251b2b80; }
.scan-delete-confirm>strong { color:#f0c2c9; font-size:12px; font-weight:550; }
.scan-delete-confirm p { margin-top:7px; font-size:11px; line-height:1.75; color:#bda8b5; }
.scan-delete-confirm>div { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
.scan-confirm-danger,.scan-cancel-delete { min-height:34px; padding:7px 12px; border:1px solid #bc7e8d36; border-radius:7px; background:#78455540; color:#efb3bf; font-size:11px; }
.scan-cancel-delete { border-color:var(--line); color:var(--foreground-soft); background:var(--surface-input); }
.scan-confirm-danger:hover { background:#a6556855; border-color:#e198a650; }
.scan-cancel-delete:hover { background:var(--surface-raised); }
.scan-delete-confirm .scan-delete-error { color:var(--red); }
@media(max-width:600px) {
  .scan-delete-button,.scan-confirm-danger,.scan-cancel-delete { min-height:38px; font-size:12px; }
  .scan-delete-confirm p { font-size:12px; }
}