/*
 * LOT 32 · PROGRAMUL BURSELOR (inc/sections/zz-burse.php, assets/js/mds-burse.js)
 * Aceleași culori și mărimi ca ceasul vechi de pe Indici (.xpt-cl): rândul cu steag, bara zilei
 * (verde cât bursa e deschisă, gol la pauza de prânz, linia albă = acum) și starea în dreapta.
 */
.xbs-two{ display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:16px; align-items:start; }
.xpt-two__c .xbs-two, .xpt-two__c > .xbs + .xbs-hol{ grid-template-columns:minmax(0,1fr); }
.xbs, .xbs-hol{ padding:20px 22px 16px; border-radius:20px; background:var(--e-s1); }
.xpt-two__c > .xbs-hol{ margin-top:12px; }

.xbs__hd{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:0; padding-bottom:12px; }
.xbs__hd b{ color:var(--e-ink); font:600 15.5px/22px var(--xf); font-variant-numeric:tabular-nums; }
.xbs__hd span{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--e-ink3); font:400 13.5px/20px var(--xf); }

.xbs__l{ margin:0; padding:0; list-style:none; }
.xbs__r, .xbs__ax{ display:grid; grid-template-columns:24px minmax(0,1.25fr) minmax(0,.8fr) minmax(0,1fr); align-items:center; column-gap:14px; }
.xbs__r{ padding:11px 0; border-top:1px solid var(--e-hair); }
.xbs__r--more{ display:none; }
.xbs.is-all .xbs__r--more{ display:grid; }
.xbs__f{ width:22px; height:22px; border-radius:50%; background-size:cover; box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
.xbs__n{ min-width:0; }
.xbs__n b, .xbs__st b{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--e-ink); font:600 15.5px/22px var(--xf); }
.xbs__n small{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--e-ink3); font:400 13.5px/20px var(--xf); font-variant-numeric:tabular-nums; }
.xbs__st small{ display:block; color:var(--e-ink3); font:400 13.5px/20px var(--xf); font-variant-numeric:tabular-nums; }
.xbs__tl{ position:relative; height:8px; border-radius:99px; background:var(--e-s3); }
.xbs__tl i{ position:absolute; top:0; bottom:0; border-radius:99px; background:rgba(29,155,240,.4); }
.xbs__r.is-on .xbs__tl i{ background:rgba(0,186,124,.6); }
.xbs__tl s{ position:absolute; top:-6px; width:2px; height:20px; margin-left:-1px; border-radius:2px; background:#fff; text-decoration:none; }
.xbs__st{ min-width:0; text-align:right; }
.xbs__st b{ color:var(--e-ink2); }
.xbs__r.is-on .xbs__st b{ color:var(--g5); }
.xbs__r.is-br .xbs__st b{ color:#ffd400; }
.xbs__r.is-hol .xbs__st b{ color:var(--lk); }
.xbs__ax{ padding-top:8px; color:var(--e-ink3); font:400 11.5px/16px var(--xf); font-variant-numeric:tabular-nums; }
.xbs__ax div{ grid-column:3; display:flex; justify-content:space-between; }

.xbs__more{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:44px; margin-top:8px; border:0; border-radius:14px; background:var(--e-s2); color:var(--e-ink); font:600 15.5px/1 var(--xf); cursor:pointer; }
.xbs__more:hover{ background:var(--e-s3); }
.xbs__more svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s; }
.xbs__more-c{ display:none; }
.xbs__more[aria-expanded="true"] .xbs__more-o{ display:none; }
.xbs__more[aria-expanded="true"] .xbs__more-c{ display:inline; }
.xbs__more[aria-expanded="true"] svg{ transform:rotate(180deg); }

/* zilele libere: data în stânga, bursa și sărbătoarea în dreapta */
.xbs-hol h3{ margin:0 0 4px; color:var(--e-ink); font:600 15.5px/22px var(--xf); }
.xbs-hol__l{ margin:0; padding:0; list-style:none; }
.xbs__h{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr); gap:12px; padding:10px 0; border-top:1px solid var(--e-hair); }
.xbs__h:first-child{ border-top:0; }
.xbs__h time{ color:var(--lk); font:600 13.5px/20px var(--xf); }
.xbs__h--sh time{ color:#ffd400; }
.xbs__h b{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--e-ink); font:600 13.5px/20px var(--xf); }
.xbs__h small{ display:block; color:var(--e-ink3); font:400 13.5px/20px var(--xf); }
.xbs-hol__0{ margin:6px 0 0; color:var(--e-ink2); font:400 13.5px/20px var(--xf); }
.xbs__src{ margin:12px 2px 0; color:var(--e-ink3); font:400 11.5px/16px var(--xf); }

@media (max-width:899px){
	.xbs-two{ grid-template-columns:minmax(0,1fr); }
	.xbs, .xbs-hol{ padding:16px 16px 12px; }
	/* pe telefon: steag, nume și stare pe un rând; ce urmează sub ele; bara pe toată lățimea */
	.xbs__r{ grid-template-columns:24px minmax(0,1fr) auto; grid-template-areas:"f n s" ". d d" "t t t"; row-gap:2px; }
	.xbs__f{ grid-area:f; }
	.xbs__n{ grid-area:n; }
	.xbs__st{ display:contents; }
	.xbs__st b{ grid-area:s; text-align:right; }
	.xbs__st small{ grid-area:d; text-align:left; }
	.xbs__tl{ grid-area:t; margin-top:10px; }
	.xbs__ax{ grid-template-columns:minmax(0,1fr); }
	.xbs__ax div{ grid-column:1; }
}
.xbs-two > .xbs__src{ grid-column:1 / -1; }

/* coloana îngustă (Indici, lângă „Cum investești”): rândul de telefon, la orice lățime */
.xbs--narrow .xbs__r{ grid-template-columns:24px minmax(0,1fr) auto; grid-template-areas:"f n s" ". d d" "t t t"; row-gap:2px; }
.xbs--narrow .xbs__f{ grid-area:f; }
.xbs--narrow .xbs__n{ grid-area:n; }
.xbs--narrow .xbs__st{ display:contents; }
.xbs--narrow .xbs__st b{ grid-area:s; text-align:right; }
.xbs--narrow .xbs__st small{ grid-area:d; text-align:left; }
.xbs--narrow .xbs__tl{ grid-area:t; margin-top:10px; }
.xbs--narrow .xbs__ax{ grid-template-columns:minmax(0,1fr); }
.xbs--narrow .xbs__ax div{ grid-column:1; }
