:root{color-scheme:light;--ink:#182533;--muted:#50616a;--line:#dce6e6;--teal:#096758;--soft:#e9f6f1;--paper:#fff;--base:#f5f8f8;font:16px/1.5 system-ui,sans-serif;color:var(--ink);background:var(--base)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
.wrap{width:min(1160px,calc(100% - 2rem));margin-inline:auto}
.mast{background:#142c34;color:#fff}
.mast-inner{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:750}
.mark,.empty-mark{display:grid;place-items:center;border-radius:10px;background:#b5edce;color:#113e37;width:34px;height:34px;font-size:24px;font-weight:800}
.badge{font-size:.72rem;font-weight:700;border:1px solid #64807d;border-radius:20px;padding:5px 10px;text-align:center}
.intro{padding:30px 0 20px}
.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--teal);margin:0 0 8px}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(2rem,5vw,3.35rem);line-height:1.05;letter-spacing:-.05em}
.intro>p:last-child{color:var(--muted);margin-top:9px}
h2{font-size:1.43rem;letter-spacing:-.025em}
h3{font-size:1.13rem}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px}
.capture,.detail,.empty{padding:22px}
.muted{color:var(--muted);font-size:.9rem}
.capture summary{cursor:pointer;font-weight:800;width:fit-content}
.capture-help{margin-top:9px}
.capture-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,250px);gap:12px;align-items:end;margin-top:12px}
.capture-actions,.table-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.table-actions{justify-content:flex-end;margin:0 19px 12px}
label{display:grid;gap:4px;font-size:.82rem;font-weight:700;min-width:0}
input,select,button{font:inherit}
input:not([type=checkbox]),select,button{border-radius:8px;min-height:42px}
input:not([type=checkbox]),select{background:white;border:1px solid #adbdc0;padding:8px 10px;width:100%;color:var(--ink)}
button{cursor:pointer;padding:8px 14px;font-weight:750;font-size:.88rem}
button:disabled{opacity:.55;cursor:default}
:focus-visible{outline:3px solid #16806a;outline-offset:3px}
.primary{background:var(--teal);color:white;border:1px solid var(--teal)}
.secondary{background:white;border:1px solid #adbdc0;color:var(--ink);white-space:nowrap}
.link-button{background:none;border:0;padding-inline:0;color:var(--teal);text-decoration:underline;text-underline-offset:3px}
#notice:empty{display:none}
#notice{font-size:.87rem;color:var(--teal);overflow-wrap:anywhere;margin-top:8px}
#notice.error{color:#9f2d29}
#import-fields{margin-top:12px;display:grid;gap:8px}
.import-preview{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}
.import-preview h2{font-size:1.04rem}
.capture-summary{margin-top:8px}
.price-target{margin-top:10px;padding:10px 14px}
.price-target summary{cursor:pointer;font-weight:750}
.price-target form{align-items:end}
.price-target form+p{margin-top:6px}
.check{display:flex;align-items:center;gap:8px}
.workspace{display:grid;grid-template-columns:minmax(215px,255px) minmax(0,1fr);gap:18px;align-items:start;margin-top:18px}
.dashboard,.empty{min-width:0}
.empty{text-align:center;padding:33px 16px}
.empty-mark{margin:0 auto 10px}
.results-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.results-heading>div,.table-heading>div{min-width:0}
#meta{overflow-wrap:anywhere}
.section-nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.section-nav a{color:var(--teal);font-weight:700;padding:8px 10px;border-radius:8px}
.section-nav a:hover{background:var(--soft)}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}
.metric{padding:13px 15px;background:var(--soft);border:1px solid #cfe5dc;border-radius:12px;font-size:.83rem;color:#234e46}
.metric strong{display:block;font-size:1.32rem;color:var(--ink)}
.offers{container-type:inline-size}
.table-heading{display:grid;gap:12px;padding:16px 19px}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));gap:8px}
.scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;text-align:left;font-size:.84rem;min-width:760px}
th,td{padding:10px 12px;border-bottom:1px solid var(--line)}
th{background:#edf3f3;white-space:nowrap}
th:first-child,td:first-child{padding-left:19px}
td{overflow-wrap:break-word}
td:nth-child(3),td:nth-child(4),td:nth-child(7){white-space:nowrap}
td small{display:block;color:var(--muted)}
.total{font-weight:800;color:var(--teal);white-space:nowrap}
.table-note{padding:10px 19px;font-size:.81rem;color:var(--muted)}
#offer-action-status:empty{display:none}
.offer-action{min-height:36px;padding:5px 9px}
.offer-action-cell .offer-action{margin:0 3px 3px 0}
.offer-history{margin-top:14px}
#offer-history-list{list-style:none;padding:0;margin:10px 0 0;max-height:360px;overflow:auto}
#offer-history-list li{padding:8px 10px;border-bottom:1px solid var(--line)}
#offer-history-list li.selected{background:var(--soft);border-radius:8px}
#offer-history-list time{font-weight:700;font-size:.85rem}
.compare-toggle{display:flex;align-items:center;gap:4px;min-height:32px}
.compare-toggle input{accent-color:var(--teal)}
.comparison-link{align-self:center;color:var(--teal);font-size:.88rem;font-weight:700}
.offer-comparison{border-top:1px solid var(--line);padding:14px 19px}
.comparison-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.comparison-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:8px}
.comparison-cards:not(:empty){margin-top:10px}
.comparison-card{border:1px solid var(--line);border-radius:10px;padding:10px;overflow-wrap:anywhere}
.comparison-card.best-total{border-color:var(--teal);background:var(--soft)}
.comparison-card h4{margin:0}
.comparison-card dl{display:grid;grid-template-columns:1fr auto;gap:3px 8px;margin:8px 0;font-size:.86rem}
.comparison-card dd{margin:0;text-align:right}
.comparison-best{display:block;color:var(--teal);font-size:.84rem}
.removed-offers{margin:0 19px 12px}
.removed-offers summary{cursor:pointer;font-weight:700}
.removed-offers ul{padding:0;list-style:none}
.removed-offers li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}
.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.price-panel{margin-top:14px}
.saved-panel{padding:16px}
.saved-panel h2{font-size:1.16rem}
.product-search{margin-top:10px}
.stale-label{margin-top:8px;min-height:32px}
#search-empty{margin-top:8px}
.saved-list{list-style:none;padding:0;margin:8px 0 0;max-height:315px;overflow:auto}
.saved-list:empty{margin:0}
.saved-product{border:1px solid var(--line);border-radius:10px;padding:4px 9px 9px;overflow-wrap:anywhere;margin-bottom:6px}
.saved-product.selected{background:var(--soft);border-color:var(--teal)}
.saved-snapshot{border-block:1px solid var(--line);margin-top:7px;padding:7px 0}
.saved-price strong,.saved-price span:not(:empty){display:block}
.saved-price strong{color:var(--teal)}
.saved-snapshot .muted{font-size:.78rem}
.freshness{display:block;width:fit-content;border-radius:6px;background:#e9f6f1;color:#095c4d;padding:2px 6px;margin-top:5px;font-size:.74rem;font-weight:750}
.freshness.stale{background:#fff0d1;color:#784700}
.product-button{background:none;border:0;color:var(--teal);font-size:.95rem;padding-inline:0;text-align:left;text-decoration:underline;text-underline-offset:3px;width:100%}
.product-button[aria-current=true]{font-weight:850}
.saved-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.saved-actions button{white-space:normal;text-align:left}
.saved-actions button[aria-current=true]{background:var(--soft);border-color:var(--teal)}
.cardmarket-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:3px;min-height:42px;padding:8px 14px;font-weight:750;font-size:.88rem;text-decoration:none}
.saved-capture{width:100%;margin-top:8px;color:var(--teal)}
.price-metrics{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}
.price-chart{margin:10px 0}
.price-chart svg{display:block;min-width:100%;font-size:12px;color:var(--muted)}
.price-chart text{fill:currentColor}
.chart-grid{stroke:var(--line)}
.chart-point{fill:var(--teal);stroke:white;stroke-width:1}
#price-details summary{cursor:pointer;font-weight:700;font-size:.88rem}
#price-days{max-height:260px;overflow:auto;margin-top:6px}
#price-days p{padding:5px 0;border-bottom:1px solid var(--line)}
.history-grid .muted{margin-bottom:8px}
#history,#changes{max-height:360px;overflow:auto}
.history-item{display:block;width:100%;background:white;border:1px solid var(--line);margin:5px 0;text-align:left;color:var(--ink)}
.history-item[aria-current=true]{background:var(--soft);border-color:#8ac5b3}
.change{padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.change strong{display:block;font-size:.88rem}
footer{color:var(--muted);font-size:.8rem;padding:25px 0}
.backup-panel{margin-top:18px}
.backup-panel summary{cursor:pointer;font-weight:750}
.backup-panel form{align-items:end}
#backup-notice{margin-top:8px}
@media(max-width:780px){
  .capture-grid,.history-grid,.workspace{grid-template-columns:1fr}
  .saved-list{max-height:235px}
}
@container (max-width: 880px){
  .offers table,.offers tbody{display:block;min-width:0}
  .offers thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .offers tbody{padding:0 12px}
  .offers tbody tr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
  .offers td,.offers td:first-child{grid-column:span 3;padding:8px 10px;white-space:normal;border:0;overflow-wrap:anywhere}
  .offers td::before{content:attr(data-label);display:block;color:var(--muted);font-size:.72rem;font-weight:700}
  .offers td:first-child,.offers td:nth-child(n+7):nth-child(-n+9){grid-column:span 2}
  .offers td:nth-child(2){grid-column:span 4}
  .offers td:nth-child(n+7):nth-child(-n+9){background:#f5f8f8}
  .offers td.total{background:var(--soft)}
  .offers td.offer-action-cell{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
  .offers td.offer-action-cell::before{width:100%}
}
@media(max-width:460px){
  .results-heading{align-items:start;flex-direction:column}
  .metrics{gap:5px}
  .metric{padding:8px;font-size:.72rem}
  .metric strong{font-size:1.04rem}
  .capture,.detail{padding:15px}
}

/* Extensión: colección, revisión de ofertas y acciones de guardado. */
:root {
  --ink: #17252d;
  --muted: #506168;
  --line: #dce4e2;
  --teal: #146352;
  --soft: #edf5f1;
  --base: #f4f6f5;
  font-size: 15px;
}
.wrap { width: min(1440px, calc(100% - 48px)); }
.mast { background: var(--paper); color: var(--ink); border-bottom: 1px solid var(--line); }
.mast-inner { min-height: 58px; }
.mark { width: 21px; height: 27px; border-radius: 3px; background: var(--teal); position: relative; }
.mark::after { content: ""; position: absolute; inset: 4px; border: 1px solid #b8d8ca; border-radius: 2px; }
.mast-note { color: var(--muted); font-size: .82rem; }
.intro { padding: 24px 0 14px; }
h1 { font-size: clamp(1.65rem, 3vw, 2.15rem); letter-spacing: -.035em; }
.panel { border-radius: 10px; }
.capture, .detail { padding: 16px; }
#capture-panel { background: transparent; padding: 10px 0; border-width: 0 0 1px; border-radius: 0; }
#capture-panel summary { font-weight: 650; color: var(--muted); }
#shared-capture:not([open]) { padding-block: 10px; }
#shared-capture summary { font-size: 1rem; }
#shared-capture > .muted, #shared-capture > label { margin-top: 10px; }
#shared-refresh-offers { margin-top: 8px; }
#shared-status:not(:empty) { margin-block: 8px; color: var(--muted); font-size: .88rem; }
#shared-review > .capture-actions { align-items: end; margin-bottom: 12px; }
#shared-rows fieldset {
  min-width: 0;
  padding: 6px 10px 10px;
  border-radius: 6px;
  grid-template-columns: minmax(95px, .85fr) minmax(158px, 1.65fr) repeat(6, minmax(76px, 1fr));
  align-items: end;
}
#shared-rows legend { color: var(--muted); font-size: .78rem; padding-inline: 4px; }
#shared-rows fieldset:nth-child(even) { background: #f8faf9; }
#shared-rows fieldset > .check { min-height: 36px; }
#shared-rows input:not([type=checkbox]) { min-height: 36px; padding: 6px 8px; }
.review-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; border-top: 1px solid var(--line); padding-top: 12px; }
.review-footer > .check { margin-inline-end: auto; }
#shared-save-error { flex-basis: 100%; margin: 0; }
#shared-save-error:empty { display: none; }
.workspace { grid-template-columns: minmax(250px, 290px) minmax(0, 1fr); gap: 20px; }
.saved-panel { padding: 16px; }
#saved-summary { margin-top: 4px; }
#update-queue-status:not(:empty) { margin-top: 6px; }
.saved-panel > button:not(.link-button) { margin-top: 6px; }
.saved-filters { margin-top: 8px; border-top: 1px solid var(--line); padding-top: 7px; }
.saved-filters summary { cursor: pointer; color: var(--muted); font-weight: 650; font-size: .87rem; }
.saved-filters[open] { padding-bottom: 8px; }
.saved-list { max-height: min(62vh, 620px); scrollbar-gutter: stable; }
.saved-product { border: 0; border-left: 3px solid transparent; border-radius: 4px; padding: 4px 8px 8px; }
.saved-product + .saved-product { border-top: 1px solid var(--line); }
.saved-product.selected { border-left-color: var(--teal); }
.saved-snapshot { border-block: 0; margin-top: 3px; padding: 3px 0; }
.product-button { text-decoration: none; min-height: 34px; padding-block: 4px; }
.product-button:hover { text-decoration: underline; }
.saved-actions button { min-height: 34px; padding: 5px 8px; font-size: .78rem; }
.section-nav { border-bottom: 1px solid var(--line); gap: 12px; }
.section-nav a { padding: 6px 0; border-radius: 0; text-underline-offset: 4px; }
.metric { background: var(--paper); border-color: var(--line); border-radius: 8px; }
@media (max-width: 1000px) {
  #shared-rows fieldset { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
  .wrap { width: calc(100% - 24px); }
  .workspace { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .saved-list { max-height: 320px; }
}
@media (max-width: 540px) {
  #shared-rows fieldset { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #shared-rows fieldset > :nth-child(2) { grid-column: 1 / -1; grid-row: 1; }
  .review-footer > .check { flex-basis: 100%; }
  #shared-apply-latest { white-space: normal; }
}

/* Catálogo de escritorio: barras de sección, filas y controles compactos. */
:root {
  --ink: #202a36;
  --muted: #515e6d;
  --line: #becbd9;
  --teal: #244f79;
  --soft: #e8eff7;
  --paper: #fff;
  --base: #e9edf2;
  font: 14px/1.45 Verdana, Arial, sans-serif;
}
.wrap { width: min(1320px, calc(100% - 36px)); }
.mast { color: #fff; background: #243e5a; border-block: 1px solid #52718d #172c43; }
.mast-inner { min-height: 46px; }
.brand { font-weight: 700; }
.mast-note { color: #dee8f2; }
.mark { width: 17px; height: 22px; background: #dce9f5; border: 1px solid #b7cde3; border-radius: 2px; }
.mark::after { inset: 3px; border-color: #52718d; border-radius: 0; }
.intro { padding-block: 18px 12px; border-bottom: 1px solid var(--line); }
.intro > p:last-child { margin-top: 4px; }
h1 { font: 700 clamp(1.55rem, 3vw, 2rem)/1.15 Arial, sans-serif; letter-spacing: -.02em; }
h2, h3 { letter-spacing: normal; }
.panel, input:not([type=checkbox]), select, button { border-radius: 3px; }
input:not([type=checkbox]), select { border-color: #9daec0; }
input:not([type=checkbox]), select, button { min-height: 36px; }
.primary { background: #28557d; border-color: #244969; }
.primary:not(:disabled):hover { background: #1e4569; }
.secondary { border-color: #a7b7c8; background: #f2f5f9; }
.secondary:not(:disabled):hover { background: #e4ecf6; }
:focus-visible { outline-color: #28649b; }
input[type=checkbox] { accent-color: #28557d; }
#capture-panel { margin-top: 16px; padding: 10px 12px; background: var(--paper); border: 1px solid var(--line); border-radius: 3px; }
#shared-capture { margin-top: 14px; }
#shared-capture > summary { color: #244969; }
.review-source { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; margin-top: 12px; }
.review-source > label { flex: 1 1 280px; }
#shared-refresh-offers { margin-top: 0; }
.review-tools { margin-block: 10px; padding: 7px 9px; border: 1px solid var(--line); background: #f2f5f9; }
.review-tools > summary { font-size: .85rem; font-weight: 650; }
#shared-rows fieldset { border-radius: 2px; }
#shared-rows fieldset:nth-child(even) { background: #f0f4f8; }
.review-footer { background: #e8eef6; border: 1px solid var(--line); padding: 9px; }
.workspace { grid-template-columns: minmax(238px, 280px) minmax(0, 1fr); gap: 14px; margin-top: 14px; }
.saved-panel { padding: 10px; }
.saved-panel .panel-bar { background: #e0e9f3; color: #233f5a; border-bottom: 1px solid var(--line); margin: -10px -10px 8px; padding: 8px 10px; font-size: 1rem; }
.queue-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.queue-actions:not(:has(button:not([hidden]))) { display: none; }
.queue-actions button { min-height: 32px; padding: 5px 8px; }
.saved-list { margin-top: 8px; border-top: 1px solid var(--line); }
.saved-list:empty { border: 0; }
.saved-product { border-radius: 0; margin-bottom: 0; }
.saved-product:nth-child(even):not(.selected) { background: #f4f6fa; }
.saved-product.selected { background: #e4edf8; border-left-color: #315e8a; }
.product-button { color: #234f7b; }
.freshness { background: #e7f0eb; border-radius: 2px; }
#export-saved-products { margin-top: 6px; min-height: 30px; text-align: left; }
.section-nav { gap: 4px; }
.section-nav a { background: #e2eaf4; border: 1px solid var(--line); border-bottom: 0; padding: 5px 10px; text-decoration: none; }
.section-nav a:hover { background: #d1e0f0; text-decoration: underline; }
.metric, .comparison-card, .saved-actions button { border-radius: 3px; }
.offers th { background: #e2eaf4; color: #233f5a; }
.offers tbody tr:nth-child(even) { background: #f5f7fa; }
@media (max-width: 780px) {
  .wrap { width: calc(100% - 20px); }
  .workspace { grid-template-columns: minmax(0, 1fr); }
}

/* Acciones principales y lectura cómoda en pantallas pequeñas. */
:root { font-size: 15px; }
.mast { border-top: 3px solid #7892ac; }
.brand { font: 700 1.15rem/1.2 Verdana, Arial, sans-serif; }
.mast-inner { min-height: 54px; }
.intro > p:last-child { max-width: 64ch; margin-top: 6px; }
.saved-panel .panel-bar { padding-block: 10px; }
.saved-panel > .product-search { margin-block: 12px 8px; }
.saved-filters summary, .review-tools > summary { padding-block: 5px; }
.product-button { min-height: 38px; font-weight: 700; }
.saved-product { padding-block: 5px 10px; }
.queue-actions button { min-height: 40px; }
#update-queue-status:not(:empty) { padding: 6px 8px; background: var(--soft); border-left: 3px solid var(--teal); }
.review-instruction { margin-block: 10px; }
#shared-rows label { font-size: .83rem; }
#shared-rows fieldset { gap: 10px; }
.review-footer { gap: 10px 14px; padding: 11px 12px; }
.review-footer button { min-height: 42px; white-space: normal; }
.review-footer .check { min-height: 36px; cursor: pointer; }
.review-footer .check input { width: 17px; height: 17px; flex: 0 0 auto; }
@media (min-width: 781px) and (min-height: 640px) {
  .review-footer { position: sticky; bottom: 0; z-index: 1; }
  #shared-rows input { scroll-margin-bottom: 110px; }
}
@media (max-width: 540px) {
  .mast-note { display: none; }
  #shared-rows input:not([type=checkbox]), .product-button { min-height: 44px; }
  #shared-rows input:not([type=checkbox]) { font-size: 16px; }
  .review-footer > button { width: 100%; min-height: 44px; }
}

.price-heading { display: flex; flex-wrap: wrap; align-items: end; gap: 10px 18px; margin-bottom: 10px; }
.price-heading h3 { flex: 1 1 170px; }
.price-controls { display: grid; flex: 1 1 320px; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 8px; }
@media (max-width: 460px) { .price-controls { grid-template-columns: minmax(0, 1fr); } }

.price-chart { background: #142234; color: #c4d4e7; border: 1px solid #2a3d54; border-radius: 3px; margin-bottom: 0; }
.price-chart svg { display: block; font: 12px/1.3 Verdana, sans-serif; }
.price-chart > p { padding: 12px; color: inherit; }
.chart-plot { fill: #182940; }
.price-chart .chart-grid { stroke: #354b65; }
.chart-minimum { fill: none; stroke: #8cf0c4; stroke-width: 1.5; opacity: .85; }
.chart-crosshair { fill: none; stroke: #b2c8e0; stroke-dasharray: 4 4; pointer-events: none; }
.chart-offer { cursor: pointer; }
.chart-hit { fill: transparent; }
.price-chart .chart-point { fill: #81bfff; stroke: #142234; stroke-width: 1; pointer-events: none; }
.chart-offer:hover .chart-point, .chart-offer:focus-visible .chart-point, .chart-offer[aria-pressed="true"] .chart-point { fill: #fff; stroke: #78c9ff; stroke-width: 2; }
#price-chart-key { color: var(--muted); font-size: .82rem; margin-top: 8px; }
#price-chart-key span { display: inline-block; width: 16px; border-top: 2px solid #387c66; vertical-align: middle; }
.price-point-detail { display: flex; flex-wrap: wrap; gap: 5px 16px; align-items: center; min-height: 41px; background: #e4edf8; padding: 8px 12px; border: 1px solid var(--line); border-top: 0; margin-bottom: 10px; }
.price-point-detail strong { color: #244f79; }
.price-point-detail time { color: var(--muted); }

.saved-delete { color: #922b32; min-height: 30px; }
#deleted-products-list { padding: 0; list-style: none; }
#deleted-products-list li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; padding: 5px 0; }

.chart-seller-filter { max-width: 320px; margin-top: 10px; }
.price-trend { margin-block: 8px 12px; }
.price-trend:empty { display: none; }
.series-blue { --series-color: #81bfff; }
.series-mint { --series-color: #8cf0c4; }
.series-gold { --series-color: #ffda78; }
.series-pink { --series-color: #ff9fbf; }
.series-violet { --series-color: #c3b1ff; }
.series-cyan { --series-color: #84e6f4; }
.series-orange { --series-color: #ffab80; }
.series-lime { --series-color: #d0e881; }
.price-chart .chart-offer .chart-point { fill: var(--series-color); }
.price-chart .chart-offer:hover .chart-point,
.price-chart .chart-offer:focus-visible .chart-point,
.price-chart .chart-offer[aria-pressed="true"] .chart-point { fill: #fff; stroke: var(--series-color); }
.chart-seller-line { fill: none; stroke: var(--series-color); stroke-width: 2; opacity: .8; pointer-events: none; }
.chart-same-day { stroke-dasharray: 3 3; opacity: .65; }

.price-chart svg { color: #c4d4e7; }
.chart-has-selection .chart-seller-line:not(.chart-seller-active) { opacity: .20; }
.chart-has-selection .chart-offer:not(.chart-seller-active) .chart-point { opacity: .42; }
.chart-seller-line.chart-seller-active { opacity: 1; stroke-width: 3; }
.chart-price-change { flex-basis: 100%; font-size: .88rem; }
.chart-price-up { color: #8a2538; }
.chart-price-down { color: #17604d; }
.chart-price-flat { color: var(--muted); }

.today-panel { margin: 0 0 16px; }
.today-panel h2 { margin: 0 0 12px; }
.today-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 235px), 1fr)); gap: 12px; }
.today-group { border: 1px solid var(--line); padding: 10px; min-width: 0; }
.today-group h3 { margin: 0 0 8px; }
.today-group p { margin: 4px 0; }
.today-list { list-style: none; padding: 0; margin: 0; max-height: 16rem; overflow-y: auto; }
.today-list li { padding: 8px 2px; overflow-wrap: anywhere; }
.today-list li + li { border-top: 1px solid var(--line); }
.today-list .cardmarket-link { margin-top: 4px; white-space: normal; }