.dbdash{--db-ink:#12273a;--db-blue:#0082bc;--db-turquoise:#24afce;--db-light:#f3f7fa;--db-border:#dce7ee;--db-muted:#697d8e;--db-good:#168a6b;--db-bad:#bf5963;color:var(--db-ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;max-width:1340px;margin:0 auto;padding:18px 8px 50px;box-sizing:border-box}.dbdash *{box-sizing:border-box}.dbdash button,.dbdash select,.dbdash input{font:inherit}.dbdash button{cursor:pointer}.dbdash button:focus-visible,.dbdash select:focus-visible,.dbdash input:focus-visible{outline:3px solid #75c5e7;outline-offset:2px}.dbdash a{color:var(--db-blue)}.dbdash .db-hero{background:linear-gradient(112deg,#0c314a 2%,#0079ae 74%,#139ac8);color:#fff;border-radius:22px;padding:34px 36px 30px;position:relative;overflow:hidden}.dbdash .db-hero:after{content:"";position:absolute;width:310px;height:310px;right:-120px;top:-125px;border:50px solid #ffffff0d;border-radius:50%;pointer-events:none}.dbdash .db-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#8ee2f5}.dbdash h2{font-size:clamp(25px,3.5vw,37px)!important;line-height:1.15!important;font-weight:780!important;margin:8px 0 10px!important;color:inherit!important}.dbdash .db-hero p{color:#cfeaf5;font-size:14px;margin:0 0 22px}.dbdash .db-hero-main{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;align-items:flex-end;position:relative;z-index:1}.dbdash .db-actions{display:flex;gap:8px;flex-wrap:wrap}.dbdash .db-btn{border:1px solid #d3e5ee;background:#fff;color:#145477;border-radius:11px;padding:10px 15px;font-weight:650;line-height:1.3;display:inline-flex;gap:8px;align-items:center;justify-content:center}.dbdash .db-btn:hover{background:#e3f5fb}.dbdash .db-btn-primary{background:#0d99d0;border-color:#64c7ea;color:white}.dbdash .db-btn-primary:hover{background:#007cb0}.dbdash .db-hero .db-btn{border-color:#ffffff65;background:#ffffff15;color:white}.dbdash .db-hero .db-btn:hover{background:#ffffff35}.dbdash .db-state{display:flex;align-items:flex-start;gap:9px;background:#eff8fc;border:1px solid #cae8f4;border-radius:12px;color:#2c5c71;padding:11px 15px;margin:16px 0;font-size:13px}.dbdash .db-dot{flex:0 0 8px;height:8px;border-radius:50%;background:var(--db-blue);margin-top:6px}.dbdash .db-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0 24px}.dbdash .db-stat{border:1px solid var(--db-border);background:#fff;border-radius:16px;padding:21px;box-shadow:0 8px 26px #13374a08;min-width:0}.dbdash .db-stat-title{display:flex;align-items:center;justify-content:space-between;color:#597184;font-size:12px;font-weight:750;gap:5px}.dbdash .db-symbol{background:#eaf6fb;color:var(--db-blue);border-radius:8px;padding:4px 7px;font-size:10px}.dbdash .db-price{font-size:clamp(22px,2.25vw,29px);font-weight:780;letter-spacing:-1px;margin:13px 0 4px;white-space:nowrap}.dbdash .db-stat-foot{font-size:11px;color:var(--db-muted);overflow-wrap:anywhere}.dbdash .db-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:27px 0 12px}.dbdash h3{font-size:21px!important;line-height:1.3!important;color:var(--db-ink)!important;margin:0!important;font-weight:750!important}.dbdash .db-sub{font-size:13px;color:var(--db-muted);margin:4px 0 0}.dbdash .db-tools{display:flex;gap:8px;flex-wrap:wrap}.dbdash .db-select,.dbdash .db-search{min-height:41px;border:1px solid #d1e1e9;background:white;color:#243c4f;padding:9px 11px;border-radius:10px}.dbdash .db-search{min-width:250px}.dbdash .db-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.dbdash .db-panel{border:1px solid var(--db-border);background:white;border-radius:16px;padding:19px;min-width:0}.dbdash .db-chart{height:276px;position:relative}.dbdash .db-chart svg{display:block;width:100%;height:100%}.dbdash .db-chart-empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--db-muted);font-size:13px;line-height:1.7;border:1px dashed #d5e4ec;border-radius:12px;padding:20px}.dbdash .db-features{display:grid;gap:12px;grid-template-columns:1fr 1fr}.dbdash .db-feature{border-radius:12px;background:#f3f8fb;padding:13px 15px}.dbdash .db-feature span{display:block;color:#708696;font-size:12px}.dbdash .db-feature strong{display:block;margin-top:4px;font-size:18px}.dbdash .db-note{font-size:12px;color:#6c8291;line-height:1.6;margin-top:13px}.dbdash .db-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}.dbdash .db-tab{border:1px solid #d9e7ee;background:white;color:#567082;border-radius:999px;font-size:12px;padding:7px 13px}.dbdash .db-tab[aria-selected="true"]{background:#087eae;color:white;border-color:#087eae}.dbdash .db-tablewrap{width:100%;overflow-x:auto;border:1px solid #dce7ee;border-radius:14px;overscroll-behavior-inline:contain;background:white}.dbdash table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;text-align:left;margin:0!important}.dbdash th,.dbdash td{white-space:nowrap;border-bottom:1px solid #e8eff3;padding:14px 17px!important;text-align:left;font-size:13px!important}.dbdash thead th{background:#edf6fa;color:#51768b;font-weight:800;font-size:11px!important;text-transform:uppercase;letter-spacing:.6px;position:sticky;top:0;z-index:1}.dbdash tbody tr:last-child td{border-bottom:0}.dbdash tbody tr:hover{background:#f7fbfd}.dbdash .db-pct-up{color:var(--db-good);font-weight:750}.dbdash .db-pct-down{color:var(--db-bad);font-weight:750}.dbdash .db-soft{color:var(--db-muted);font-size:12px}.dbdash .db-pill{display:inline-block;border-radius:8px;padding:4px 8px;font-size:11px;background:#eef5f8;color:#527084}.dbdash .db-pill-warn{background:#fff2dd;color:#8d6332}.dbdash .db-disclaimer{margin-top:22px;padding:17px 20px;border:1px solid #ddeaf0;border-radius:13px;background:#f8fbfd}.dbdash summary{font-size:14px;cursor:pointer;font-weight:750;color:#224b67}.dbdash .db-disclaimer p{font-size:13px;color:#5d7282;line-height:1.65;margin:10px 0}.dbdash .db-chart-key{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#617c8c;margin:0 0 10px}.dbdash .db-chart-key b{color:#0a85b7}.dbdash .db-bottom{margin-top:17px;font-size:12px;color:#8698a4}.dbdash .db-loading{padding:55px 15px;text-align:center}.dbdash .dbhide{display:none!important}@media(max-width:930px){.dbdash .db-grid{grid-template-columns:1fr}.dbdash .db-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:530px){.dbdash{padding:8px 0 30px}.dbdash .db-hero{padding:25px 18px;border-radius:16px}.dbdash .db-actions{width:100%}.dbdash .db-actions .db-btn{flex:1;padding:9px}.dbdash .db-stats{gap:8px}.dbdash .db-stat{padding:14px 11px}.dbdash .db-price{font-size:20px}.dbdash .db-stat-foot{font-size:10px}.dbdash .db-heading{align-items:stretch}.dbdash .db-tools{width:100%}.dbdash .db-tools .db-select,.dbdash .db-search{flex:1;width:100%;min-width:0}.dbdash .db-panel{padding:12px}.dbdash .db-chart{height:225px}.dbdash .db-features{gap:8px}.dbdash .db-feature{padding:11px}.dbdash .db-feature strong{font-size:15px}}@media print{.dbdash .db-actions,.dbdash .db-tools,.dbdash .db-tabs{display:none!important}.dbdash .db-hero{background:#eee;color:#111}.dbdash .db-hero p,.dbdash .db-eyebrow{color:#333}.dbdash .db-tablewrap{overflow:visible}.dbdash table{min-width:0}.dbdash th,.dbdash td{padding:6px!important;font-size:10px!important}.dbdash .db-stats{grid-template-columns:repeat(4,1fr)}}

/* Version 2.1: zusätzliche EUR/oz-Zeile im ersten Preis-Kachelbereich */
.dbdash .db-currency{font-size:12px;font-weight:650;color:#8296a5;letter-spacing:0}.dbdash .db-price-eur{font-size:clamp(17px,1.8vw,22px);line-height:1.28;font-weight:740;color:#0082bc;margin:2px 0 7px;white-space:nowrap}.dbdash .db-stat-foot{line-height:1.45}
@media(max-width:530px){.dbdash .db-price-eur{font-size:16px}.dbdash .db-currency{font-size:10px}}

/* Version 2.3: five responsive headline cards (four metals + ratio) */
.dbdash .db-ratio{border-color:#bfd8e4;background:linear-gradient(145deg,#f6fbfd,#eef6fa)}
.dbdash .db-ratio .db-price{font-variant-numeric:tabular-nums}


/* Version 2.4: größere Ratio-Kachel mit Halbkreis-Grafik */
.dbdash .db-ratio{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,.85fr);gap:12px;align-items:center;min-height:220px;background:linear-gradient(180deg,#f7fbfe 0%,#eef6fb 100%)}
.dbdash .db-ratio-copy{min-width:0}.dbdash .db-ratio .db-price{font-size:clamp(30px,3vw,42px);margin-top:8px}.dbdash .db-ratio .db-price-eur{font-size:clamp(18px,2vw,23px);margin-top:4px}.dbdash .db-gauge-wrap{display:flex;align-items:center;justify-content:center}.dbdash .db-gauge{width:min(240px,100%);height:auto;display:block}.dbdash .db-gauge-value{font:700 21px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;fill:#0b3351}.dbdash .db-gauge-tick{font:600 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;fill:#6f8595}.dbdash .db-ratio .db-stat-foot{max-width:36ch}
@media(max-width:930px){.dbdash .db-ratio{grid-column:1/-1;grid-template-columns:1fr}.dbdash .db-ratio .db-gauge{max-width:220px}}
@media(max-width:530px){.dbdash .db-ratio{min-height:auto}.dbdash .db-ratio .db-price{font-size:30px}.dbdash .db-ratio .db-price-eur{font-size:18px}}

/* v2.5 ratio overlap fix: stacked text and gauge, even on medium screens */
.dbdash .db-ratio{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.65fr);gap:25px;align-items:center;min-width:0}
.dbdash .db-ratio-copy{min-width:0;overflow-wrap:anywhere}
.dbdash .db-ratio .db-price-eur{white-space:normal!important;overflow-wrap:anywhere;font-size:clamp(15px,1.5vw,20px)!important;line-height:1.4!important;max-width:30ch}
.dbdash .db-ratio .db-stat-foot{overflow-wrap:anywhere;max-width:38ch}
.dbdash .db-gauge-wrap{min-width:0;justify-self:center;width:100%}
.dbdash .db-gauge{width:100%;max-width:230px;overflow:visible}
@media(max-width:1100px){.dbdash .db-ratio{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(170px,.6fr)}}
@media(max-width:640px){.dbdash .db-ratio{grid-template-columns:1fr;gap:6px}.dbdash .db-ratio .db-price-eur{max-width:none}.dbdash .db-gauge{max-width:210px}}

/* v2.7: WTI analytics sits directly to the right of the ratio card */
.dbdash .db-wti{grid-column:span 2;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#fff 0%,#f4f9fc 100%)}
.dbdash .db-wti .db-price{font-size:clamp(28px,3vw,40px);margin:10px 0 0}
.dbdash .db-wti-change{font-size:13px;color:#638094;margin:2px 0 9px}
.dbdash .db-wti-averages{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:7px 0 11px}
.dbdash .db-wti-averages>div{min-width:0;padding:10px 12px;background:#eaf5fa;border-radius:12px}
.dbdash .db-wti-averages span{display:block;font-size:12px;color:#617e90}
.dbdash .db-wti-averages strong{display:block;font-size:clamp(17px,2vw,23px);color:#087faf}
.dbdash .db-wti .db-stat-foot{font-size:11px;overflow-wrap:anywhere}
@media(max-width:930px){.dbdash .db-wti{grid-column:1/-1}}
@media(max-width:530px){.dbdash .db-wti .db-price{font-size:28px}.dbdash .db-wti-averages strong{font-size:18px}}

/* v2.8 — Responsive historical precious metals chart */
.dbdash .db-metals-section{margin:18px 0 26px}
.dbdash .db-metals-section .db-heading{margin-top:16px}
.dbdash .db-metals-chart{min-height:320px}
.dbdash .db-hist-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.dbdash .db-hist-top>div{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.dbdash .db-hist-top strong{font-size:clamp(19px,2.3vw,28px);color:#12273a}
.dbdash .db-hist-top span{font-size:13px;color:#637a89}
.dbdash .db-hist-top .db-pct-up{color:var(--db-good)}
.dbdash .db-hist-top .db-pct-down{color:var(--db-bad)}
.dbdash .db-hist-svg{display:block;width:100%;height:300px}
.dbdash .db-metals-meta{font-size:12px;color:#697d8e;margin-top:10px}
@media(max-width:530px){.dbdash .db-hist-svg{height:220px}.dbdash .db-metals-chart{min-height:260px}.dbdash .db-hist-top>div{gap:9px}}

/* v2.9: clear separation between current spot quote and historical close */
.dbdash .db-hist-two-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:20px;row-gap:10px}
.dbdash .db-hist-two-quotes .db-hist-current,.dbdash .db-hist-two-quotes .db-hist-reference{min-width:0;display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:#f3f8fb;border-radius:10px}
.dbdash .db-hist-two-quotes .db-hist-reference{background:#f8fafc}
.dbdash .db-hist-two-quotes .db-hist-current>span,.dbdash .db-hist-two-quotes .db-hist-reference>span{font-size:12px;font-weight:700;color:#617a8b}
.dbdash .db-hist-two-quotes .db-hist-current>strong,.dbdash .db-hist-two-quotes .db-hist-reference>strong{font-size:clamp(19px,2.2vw,26px);font-weight:800;color:#12273a}
.dbdash .db-hist-two-quotes .db-hist-current>small,.dbdash .db-hist-two-quotes .db-hist-reference>small{font-size:12px;color:#667e8d}
.dbdash .db-hist-two-quotes .db-hist-reference>small.db-pct-down{color:var(--db-bad)}
.dbdash .db-hist-two-quotes .db-hist-reference>small.db-pct-up{color:var(--db-good)}
.dbdash .db-hist-two-quotes .db-hist-count{grid-column:1/-1;font-size:12px}
@media(max-width:580px){.dbdash .db-hist-two-quotes{grid-template-columns:1fr}}


/* 3.0: click-to-open precious metal history charts */
.dbdash .db-modal{position:fixed;inset:0;box-sizing:border-box;width:min(960px,calc(100vw - 28px));max-width:960px;max-height:min(88vh,1000px);overflow-y:auto;margin:auto;border:1px solid #d4e4ee;border-radius:20px;box-shadow:0 24px 70px #041c3270;background:#fff;color:#12273a;padding:22px 24px;z-index:999999}
.dbdash .db-modal::backdrop{background:rgba(7,24,41,.68)}
.dbdash .db-modal-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px}
.dbdash .db-modal-head h3{font-size:26px!important}.dbdash .db-modal-head p{margin:4px 0 0;color:#647b8b;font-size:13px}
.dbdash .db-modal .db-metals-section{margin:0}
.dbdash .db-modal .db-metals-section .db-heading{margin-top:12px}
.dbdash .db-metal-open{appearance:none;border:0!important;background:transparent!important;display:block;width:100%;height:100%;padding:0!important;text-align:left;color:inherit!important;border-radius:8px}
.dbdash .db-metal-open:hover .db-price{color:#007db5}.dbdash .db-metal-open:focus-visible{outline:3px solid #0c92c4;outline-offset:5px}
.dbdash .db-metal-cta{display:block;font-size:11px;font-weight:750;margin-top:9px;color:#0082bc}
.dbdash .db-metal-row-open{color:#0082bc!important;background:transparent!important;border:0!important;padding:0!important;text-decoration:underline;text-decoration-color:#9dd3e8;text-underline-offset:3px;font-weight:700}
@media(max-width:620px){.dbdash .db-modal{width:calc(100vw - 12px);max-height:94vh;padding:16px 12px;border-radius:14px}.dbdash .db-modal-head h3{font-size:20px!important}.dbdash .db-modal-head{align-items:center}.dbdash .db-modal .db-heading{align-items:start}.dbdash .db-modal .db-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dbdash .db-modal .db-tools .db-select{min-width:0;width:100%}}