/* ============================================
   SJV Rate Bar — Frontend Styles
   ============================================ */

.sjvrb-bar{
	--sjvrb-maroon-deep:#2A0E13;
	--sjvrb-maroon:#3D141C;
	--sjvrb-gold:#D4AF6A;
	--sjvrb-gold-bright:#F0CC85;
	--sjvrb-gold-line:rgba(212,175,106,.28);
	--sjvrb-cream:#F7F1E6;
	--sjvrb-up:#7FBF8C;
	--sjvrb-down:#E08585;

	font-family:'Jost', -apple-system, BlinkMacSystemFont, sans-serif;
	background:linear-gradient(180deg,var(--sjvrb-maroon) 0%,var(--sjvrb-maroon-deep) 100%);
	border-bottom:1px solid var(--sjvrb-gold-line);
	color:var(--sjvrb-cream);
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
}
.sjvrb-bar *{box-sizing:border-box;}
.sjvrb-bar::before{
	content:"";position:absolute;inset:0;
	background-image:repeating-linear-gradient(90deg, rgba(212,175,106,.05) 0 1px, transparent 1px 64px);
	pointer-events:none;
}
.sjvrb-bar-inner{
	max-width:1200px;margin:0 auto;
	display:flex;align-items:center;justify-content:space-between;
	padding:9px 24px;gap:20px;flex-wrap:wrap;
	position:relative;z-index:1;
}
.sjvrb-items{display:flex;align-items:stretch;gap:0;flex-wrap:wrap;}
.sjvrb-item{display:flex;align-items:center;gap:10px;padding:4px 20px;border-right:1px solid var(--sjvrb-gold-line);}
.sjvrb-item:first-child{padding-left:0;}
.sjvrb-item:last-child{border-right:none;}

.sjvrb-icon{
	width:26px;height:26px;border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	font-weight:700;font-size:11px;flex-shrink:0;
}
.sjvrb-icon.au{background:radial-gradient(circle at 32% 30%, #FCE6A8, #C99A3E 70%);color:#3D2A0A;}
.sjvrb-icon.au18{background:radial-gradient(circle at 32% 30%, #F6D98B, #B5872F 70%);color:#3D2A0A;}
.sjvrb-icon.ag{background:radial-gradient(circle at 32% 30%, #F1F1F1, #A8A8A8 70%);color:#2B2B2B;}

.sjvrb-text{display:flex;flex-direction:column;line-height:1.2;}
.sjvrb-label{
	font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--sjvrb-gold-bright);
	text-transform:uppercase;
}
.sjvrb-value-row{display:flex;align-items:baseline;gap:7px;margin-top:2px;flex-wrap:wrap;}
.sjvrb-value{font-weight:700;font-size:17px;color:var(--sjvrb-gold-bright);letter-spacing:.01em;}
.sjvrb-unit{font-size:10.5px;color:#B9A98C;}
.sjvrb-delta{font-size:10.5px;font-weight:500;display:inline-flex;align-items:center;gap:2px;white-space:nowrap;}
.sjvrb-delta.up{color:var(--sjvrb-up);}
.sjvrb-delta.down{color:var(--sjvrb-down);}
.sjvrb-delta svg{width:9px;height:9px;}
.sjvrb-pct{opacity:.85;}

.sjvrb-meta{display:flex;align-items:center;gap:16px;flex-shrink:0;}
.sjvrb-updated{font-size:11px;color:#B9A98C;display:flex;align-items:center;gap:6px;white-space:nowrap;}
.sjvrb-dot{
	width:6px;height:6px;border-radius:50%;background:var(--sjvrb-up);
	box-shadow:0 0 0 3px rgba(127,191,140,.18);flex-shrink:0;
}

.sjvrb-history-link{
	font-size:11.5px;color:var(--sjvrb-gold-bright);display:flex;align-items:center;gap:5px;
	padding:6px 14px;border:1px solid var(--sjvrb-gold-line);border-radius:20px;
	text-decoration:none;white-space:nowrap;transition:background .15s, border-color .15s;
}
.sjvrb-history-link:hover{background:rgba(212,175,106,.1);border-color:var(--sjvrb-gold);color:var(--sjvrb-gold-bright);}
.sjvrb-history-link svg{width:12px;height:12px;}

.sjvrb-history-dead{
	font-size:11.5px;color:#6E6255;display:flex;align-items:center;gap:5px;
	padding:6px 14px;border:1px solid rgba(212,175,106,.12);border-radius:20px;
	white-space:nowrap;cursor:default;user-select:none;
}
.sjvrb-history-dead svg{width:12px;height:12px;opacity:.5;}

@media(max-width:782px){
	.sjvrb-bar-inner{padding:10px 16px;flex-direction:column;align-items:flex-start;gap:10px;}
	.sjvrb-items{width:100%;flex-direction:column;gap:0;}
	.sjvrb-item{border-right:none;border-bottom:1px solid var(--sjvrb-gold-line);padding:8px 0;width:100%;justify-content:space-between;}
	.sjvrb-item:last-child{border-bottom:none;}
	.sjvrb-meta{width:100%;justify-content:space-between;}
}