.y-bac-box { margin:24px 0; padding:18px; border:1px solid var(--y-line); border-top:4px solid var(--y-yellow); border-radius:6px; background:var(--y-bg2); color:var(--y-fg); font:400 14px/1.5 var(--y-body); text-align:left; }
.y-bac-box :is(h3,h4) { margin:0 0 12px; color:var(--y-fg); font:400 20px/1.15 var(--y-display); overflow-wrap:anywhere; }
.y-bac-box h4 { margin:18px 0 12px; font-size:16px; }
.y-bac-note { margin:10px 0; color:var(--y-muted); font:400 13px/1.5 var(--y-body); }
.y-bac-demo { padding:10px; border:1px solid var(--y-blue); color:var(--y-blue); font:400 12px/1.5 var(--y-body); }
.y-bac-box :is(input,select,textarea) { font-family:var(--y-body); }
.y-bac-box label { display:block; margin:14px 0; font:700 13px/1.5 var(--y-body); }
.y-bac-box select { display:block; width:100%; margin-top:8px; background:var(--y-bg); color:var(--y-fg); }
.y-bac-box .y-btn { min-height:44px; border:1px solid var(--y-line); padding:10px 14px; border-radius:24px; background:var(--y-card); color:var(--y-fg); font:700 12px/1.4 var(--y-body); }
.y-bac-box .y-btn--primary { background:var(--y-yellow); border-color:var(--y-yellow); color:var(--y-ink); }
.y-bac-box button:disabled { opacity:.4; cursor:default; }
.y-bac-box .y-bac-toggle { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid var(--y-line); border-radius:6px; background:var(--y-card); }
.y-bac-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0; }
.y-bac-metrics p { margin:0; padding:14px 10px; border:1px solid var(--y-line); border-radius:4px; color:var(--y-yellow); font:700 11px/1.5 var(--y-mono); }
.y-bac-metrics > p:last-child:nth-child(odd) { grid-column:1/-1; }
.y-bac-deposit { margin:14px 0; padding:14px; border:1px solid var(--y-line); border-radius:4px; background:var(--y-card); }
.y-bac-deposit h4 { margin:10px 0 6px; font-size:17px; }
.y-bac-deposit p { font:400 13px/1.5 var(--y-body); }
.y-bac-state { color:var(--y-yellow); font:700 10px var(--y-mono); }
.y-bac-heart { display:inline-block; padding:5px 7px; color:var(--y-red); background:#ef5a4c15; border:1px solid var(--y-red); border-radius:4px; font:700 9px var(--y-mono); }
.y-bac-progress { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; gap:6px; margin:16px 0; list-style:none; }
.y-bac-progress li { padding-top:6px; border-top:3px solid var(--y-line); color:var(--y-muted); font:700 8px/1.5 var(--y-mono); }
.y-bac-progress li.is-complete { border-color:var(--y-yellow); color:var(--y-yellow); }
.y-bac-box audio { display:block; width:100%; max-width:100%; height:44px; margin:14px 0; }
.y-bac-actions { display:flex; flex-wrap:wrap; gap:8px; }
.y-bac-bookings { margin-top:24px; padding-top:12px; border-top:1px solid var(--y-line); }
.y-bac-booking { margin:12px 0; padding:14px; border:1px solid var(--y-line); border-left:3px solid var(--y-blue); border-radius:4px; background:var(--y-card); overflow-wrap:anywhere; }
.y-bac-booking h4 { margin:10px 0; }
.y-bac-booking p { font:400 13px/1.5 var(--y-body); }
.y-bac-booking .y-bac-date { color:var(--y-yellow); font:700 12px/1.5 var(--y-mono); }
.y-bac-booking-form { margin-top:16px; padding-top:12px; border-top:1px dashed var(--y-line); }
.y-bac-booking-form select { min-width:0; max-width:100%; }
.y-bac-booking-form input[type=checkbox] { flex:0 0 20px; width:20px; height:20px; }
.y-bac-booking-form .y-bac-toggle { align-items:flex-start; }
.y-bac-covers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0; }
.y-bac-cover { min-width:0; padding:10px; border:1px solid var(--y-line); border-radius:4px; background:var(--y-card); }
.y-bac-cover h4 { font-size:15px; margin:12px 0 6px; }
.y-bac-cover p { color:var(--y-muted); font:400 12px/1.4 var(--y-body); }
.y-bac-vinyl { display:grid; place-items:center; width:100%; aspect-ratio:1; color:var(--y-yellow); background:repeating-radial-gradient(circle,#161511 0 4px,#38362f 5px,#161511 6px); font:56px/1 var(--y-body); border-radius:4px; }
.y-bac-box[hidden] { display:none; }
html.yosh-pacome-responsive body.y-app #main-5 #y-place-bac { padding:16px; }
html.yosh-pacome-responsive body.y-app #main-5 #places-events-rail[hidden] { display:none; }
html.yosh-pacome-responsive body.y-app #propage #y-pro-bac { margin-top:0; }
.kiosk-bac-dial { padding:16px 0; border-block:1px solid currentColor; margin:16px 0; overflow-wrap:anywhere; }
.kiosk-bac-dial[hidden],.kiosk-channels button[hidden] { display:none!important; }
.kiosk-bac-dial strong { display:block; font:700 12px/1.5 var(--y-mono); }
.kiosk-bac-dial p { font:400 11px/1.5 var(--y-mono); }
.kiosk-bac-needle { position:relative; width:96px; height:96px; margin:0 auto 18px; border:2px solid currentColor; border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 7px,#16151118 8px 9px); }
.kiosk-bac-needle::before { content:''; position:absolute; width:3px; height:42px; left:calc(50% - 1.5px); top:6px; background:currentColor; transform-origin:center bottom; transform:rotate(var(--bac-turn,0deg)); transition:transform .5s; }
.kiosk-bac-needle::after { content:''; position:absolute; inset:40px; background:currentColor; border-radius:50%; }
@media(prefers-reduced-motion:reduce) { .kiosk-bac-needle::before { transition:none; } }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda > .kiosk-radio-visualizer { width:calc(100% + 32px); margin:18px -16px -20px; }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-radio-artist { color:var(--y-ink); }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-radio-icon { background:currentColor; }