/* GVS data pages – shared modern layer: at-a-glance card, tabs, chart tooltips, range chips, "show all", mobile filter sheet, calmer bar colours. */

/* At a glance */
.dui-glance{margin:0 0 22px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#fffdf8,#f7f1e4);border:1px solid #ecdfc2;box-shadow:0 10px 30px rgba(15,42,68,.06)}
.dui-glance-h{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9c773f}
.dui-glance ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dui-g{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:center}
.dui-g p{margin:0;font-size:17px;line-height:1.55;color:var(--pr-navy,#0f2a44);font-weight:600}
.dui-gi{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:900;font-size:17px;background:#e9eef3;color:#0f2a44}
.dui-up{background:#e3f3ea;color:#1f7a4d}.dui-down{background:#fbe7e3;color:#b23b2b}.dui-flat{background:#eef1f4;color:#52677a}.dui-warn{background:#fff1d6;color:#9a6a12}.dui-dot{background:#f1e7d2;color:#9c773f}
.dui-spark{width:120px;height:34px;overflow:visible}
.dui-spark polyline{fill:none;stroke:#c9a24a;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.dui-spark circle{fill:#0f2a44}
@media (max-width:700px){.dui-glance{padding:18px 16px}.dui-g{grid-template-columns:30px 1fr;gap:10px}.dui-gi{width:30px;height:30px;font-size:15px}.dui-g p{font-size:15px}.dui-spark{grid-column:2;width:100%;max-width:220px;height:30px}}

/* Tabs */
.dui-tabs-wrap{position:sticky;top:var(--dui-top,78px);z-index:20;margin:0 0 18px;padding:6px 0;background:linear-gradient(#f5f3ee 75%,rgba(245,243,238,0))}
.dui-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:16px;background:#fff;border:1px solid #e6e2d8;box-shadow:0 6px 18px rgba(15,42,68,.06)}
.dui-tabs::-webkit-scrollbar{display:none}
.dui-tab{flex:0 0 auto;border:0;background:transparent;padding:10px 16px;border-radius:11px;font:inherit;font-size:15px;font-weight:700;color:#52677a;cursor:pointer;white-space:nowrap}
.dui-tab:hover{background:#f6f4ee;color:#0f2a44}
.dui-tab[aria-selected="true"]{background:#0f2a44;color:#fff}
.dui-tab:focus-visible{outline:3px solid #e4c77f;outline-offset:2px}
[data-tab][hidden]{display:none!important}
@media (max-width:1279px){.dui-tabs-wrap{top:64px}}

/* Range chips */
.dui-chips{display:flex;gap:6px;justify-content:flex-end;margin:-4px 0 8px}
.dui-chip{border:1px solid #dfe5ea;background:#fff;color:#52677a;border-radius:99px;padding:6px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.dui-chip[aria-pressed="true"]{background:#0f2a44;border-color:#0f2a44;color:#fff}
.dui-hit{fill:transparent}
.dui-col:hover .pr-bar,.dui-col.dui-on .pr-bar{filter:brightness(1.12)}
.dui-col.dui-on .dui-hit{fill:rgba(15,42,68,.05)}
.pr-svg .dui-on{filter:brightness(1.12)}

/* Tooltip */
.dui-tip{position:absolute;z-index:200;max-width:280px;padding:8px 11px;border-radius:10px;background:#0f2a44;color:#fff;font-size:13px;line-height:1.45;font-weight:600;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.2)}

/* Show all */
.dui-x{display:none!important}
.dui-more{display:block;margin:12px auto 0;border:1px solid #e0d3b4;background:#fffaf0;color:#7d5c26;border-radius:99px;padding:9px 18px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.dui-more:hover{background:#f6ead0}

/* Calmer bars: soft by default, the leader and the highlighted row stand out */
.pr-body .pr-hbars .pr-hb-f{background:linear-gradient(90deg,#c7d5e1,#9fb6c9)}
.pr-body .pr-hbars li:first-child .pr-hb-f{background:linear-gradient(90deg,#4e7fa3,#0f2a44)}
.pr-body .pr-hbars.pr-gold .pr-hb-f{background:linear-gradient(90deg,#efe2c2,#dcc58e)}
.pr-body .pr-hbars.pr-gold li:first-child .pr-hb-f{background:linear-gradient(90deg,#dcbc6c,#c9a24a)}
.pr-body .pr-hbars li.pr-hl .pr-hb-f{background:linear-gradient(90deg,#3aa06c,#1f7a4d)}
.pr-body .pr-hbars li.pr-hl{background:#eef8f2;border-radius:10px;padding:4px 6px;margin:0 -6px}
.pr-body .pr-hb-l{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}

/* Mobile filter sheet */
.dui-sheet-btn{display:none}
@media (max-width:700px){
 .dui-sheet-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid #e3dccb;background:#fff;font:inherit;font-size:15px;font-weight:700;color:#0f2a44;text-align:left;cursor:pointer}
 .dui-sheet-btn b{flex:0 0 auto;padding:6px 12px;border-radius:99px;background:#c9a24a;color:#0f2a44;font-size:13px}
 form.dui-sheet{display:none!important}
 form.dui-sheet.is-open{display:grid!important;position:fixed;left:0;right:0;bottom:0;z-index:100001;margin:0;max-height:85vh;overflow:auto;padding:52px 18px 22px;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.25);grid-template-columns:1fr 1fr}
 form.dui-sheet.is-open button[type=submit]{grid-column:1/-1}
 .dui-sheet-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f3f5;font-size:22px;line-height:1;cursor:pointer;color:#0f2a44}
 .dui-shade{position:fixed;inset:0;z-index:100000;background:rgba(15,42,68,.45)}
 html.dui-lock,html.dui-lock body{overflow:hidden}
}
@media (min-width:701px){.dui-sheet-x{display:none}}
.dui-g.is-bad .dui-gi{background:#fbe7e3;color:#b23b2b}.dui-g.is-good .dui-gi{background:#e3f3ea;color:#1f7a4d}
html.dui-lock .wa-float,html.dui-lock #gvs-chat-host{display:none!important}

/* Breadcrumb pill in the hero eyebrow (same on every data page) */
.dui-crumb,.usd-crumb{display:inline-flex;align-items:center;gap:4px;margin:0 12px 0 0;padding:4px 12px;border:1px solid rgba(201,162,74,.55);border-radius:99px;color:#e4c77f!important;text-decoration:none;letter-spacing:.02em;text-transform:none;font-weight:700;vertical-align:middle}
.dui-crumb:hover,.usd-crumb:hover{background:rgba(201,162,74,.15)}