/* Shared charter for auxiliary YOSH pages. Existing state and access classes
   retain their meaning; this layer changes presentation only. */
body.y-pacome-standalone {
  --bg:var(--y-bg); --panel:var(--y-bg2); --panel-2:var(--y-card); --line:var(--y-line);
  --text:var(--y-fg); --muted:var(--y-muted); --accent:var(--y-yellow); --accent-2:var(--y-blue);
  --accent-strong:var(--y-yellow); --danger:var(--y-red); --warn:var(--y-yellow); --ok:var(--y-green);
  --ink:var(--y-ink); --blue:var(--y-blue); --cyan:var(--y-blue); --lime:var(--y-yellow);
  --deep:var(--y-ink); --ice:var(--y-bg2); --warm:var(--y-red); --shadow:none;
  --artist-bg:var(--y-bg); --artist-surface:var(--y-bg2); --artist-surface-2:var(--y-card);
  --artist-line:var(--y-line); --artist-text:var(--y-fg); --artist-muted:var(--y-muted);
  --artist-accent:var(--y-yellow); --artist-green:var(--y-green); --artist-blue:var(--y-blue);
  --artist-red:var(--y-red); --artist-ink:var(--y-ink);
  margin:0; min-width:320px; background:var(--y-bg)!important; color:var(--y-fg);
  font:400 15px/1.5 var(--y-body); letter-spacing:0;
}
.y-pacome-standalone :is(h1,h2,h3) { color:var(--y-fg); font-family:var(--y-display); font-weight:400; line-height:1.15; letter-spacing:0; overflow-wrap:anywhere; }
.y-pacome-standalone h1 { font-size:clamp(26px,4vw,40px); }
.y-pacome-standalone h2 { font-size:24px; }
.y-pacome-standalone h3 { font-size:19px; }
.y-pacome-standalone :is(.brand,.artist-brand,.metric-value,.now-name,.segment-name,.source-name) { font-family:var(--y-display); }
.y-pacome-standalone :is(.eyebrow,.section-label,.section-kicker,.artist-eyebrow,.metric-label,.pill,.artist-pill,.badge,.status-pill,.local-badge,.segment-order,.segment-status,.next-label,.progress-time,.topbar-status,.header-status,.artist-demo-badge) { font-family:var(--y-mono); font-size:10px; letter-spacing:.5px; }
.y-pacome-standalone :is(.eyebrow,.section-label,.section-kicker,.artist-eyebrow,.next-label) { color:var(--y-yellow); }
.y-pacome-standalone :is(.sidebar,.control-dock,.panel,.card,.artist-panel,.confirm-card,.remote-access-panel,.pro-event-panel,.player-panel,.empty-state,.handoff-section,.kiosk-admin,.source-card,.segment-card) { background:var(--y-bg2); border-color:var(--y-line); border-radius:6px; box-shadow:none; color:var(--y-fg); }
.y-pacome-standalone .sidebar { border-radius:0; }
.y-pacome-standalone :is(.sidebar,.nav-list) { min-width:0; max-width:100%; }
.y-pacome-standalone :is(.hero,.artist-hero,.hero-panel,.handoff-hero,.now-panel) { background:var(--y-card); border-color:var(--y-line); border-top:4px solid var(--y-yellow); border-radius:6px; box-shadow:none; }
.y-pacome-standalone :is(.source-card.is-selected,.segment-card.is-active) { background:var(--y-card); border-color:var(--y-yellow); }
.y-pacome-standalone .segment-card.is-recorded { color:var(--y-muted); background:var(--y-bg2); }
.y-pacome-standalone .badge { background:var(--y-card); color:var(--y-muted); }
.y-pacome-standalone .badge.type-dj { color:var(--y-yellow); }
.y-pacome-standalone .badge.type-artist { color:var(--y-red); }
.y-pacome-standalone .live-indicator { color:var(--y-ink); background:var(--y-yellow); }
.y-pacome-standalone :is(.status-pill,.pill-info,.artist-pill.info) { color:var(--y-blue); border-color:var(--y-blue); background:#4f97e318; }
.y-pacome-standalone :is(button,input,select,textarea) { font-family:var(--y-body); }
.y-pacome-standalone button { min-height:44px; }
.y-pacome-standalone :is(.button,.ghost-button,.danger-button,.control-button,.artist-action,.next-button,.confirm-button,.secondary-button,.primary-link,.link-grid a,.back-link,.kiosk-admin button) { border-radius:24px; min-height:44px; font-size:14px; }
.y-pacome-standalone :is(.button.primary,.artist-action.primary,.next-button,.confirm-button,.primary-link,.play-button,.kiosk-admin button) { background:var(--y-yellow); color:var(--y-ink); border-color:var(--y-yellow); }
.y-pacome-standalone :is(.button.danger,.danger-button,.artist-action.danger) { background:#ef5a4c20; color:var(--y-red); border:1px solid var(--y-red); }
.y-pacome-standalone .link-grid a { color:var(--y-fg); background:var(--y-card); }
.y-pacome-standalone .primary-link:hover { background:var(--y-cream); color:var(--y-ink); }
.y-pacome-standalone button:disabled { opacity:.45; cursor:not-allowed; }
.y-pacome-standalone :is(input:not([type=checkbox],[type=radio]),select,textarea) { min-height:44px; max-width:100%; padding:10px 12px; background:var(--y-bg); color:var(--y-fg); border:1px solid var(--y-line); border-radius:6px; font-size:16px; }
.y-pacome-standalone :is(input[type=checkbox],input[type=radio]) { accent-color:var(--y-yellow); }
.y-pacome-standalone :is(.table-wrap,.token-box,.artist-token-card) { max-width:100%; overflow:auto; }
.y-pacome-standalone .pro-shell table { min-width:1040px; }
.y-pacome-standalone .pro-shell td:last-child { min-width:300px; }
.y-pacome-standalone .pro-shell td:nth-child(2) { min-width:120px; }
.y-pacome-standalone .pro-shell .event-cell { min-width:200px; }
.y-pacome-standalone .pro-shell :is(th,td) { padding:12px; }
.y-pacome-standalone :is(.workspace,.view,.artist-root,.operator-root,.grid > *,.artist-grid > *,.console-grid > *) { min-width:0; }
.y-pacome-standalone :is(fieldset,.artist-option > span) { min-width:0; overflow-wrap:anywhere; }
.y-pacome-standalone .kiosk-admin { font:400 15px/1.5 var(--y-body); }
.y-pacome-standalone .visualizer-wrap { background:var(--y-card); border-radius:6px; }
.y-pacome-standalone .visualizer-fallback i { background:var(--y-yellow); }
.y-pacome-standalone .seek-fill { background:var(--y-yellow); }
.y-pacome-standalone .seek-handle { background:var(--y-yellow); border-color:var(--y-cream); }
.y-pacome-standalone .remote-shell .actions button { background:var(--y-yellow); color:var(--y-ink); border-color:var(--y-yellow); border-radius:24px; }
.y-pacome-standalone .remote-shell .actions button.secondary { background:var(--y-card); color:var(--y-fg); border-color:var(--y-line); }
.y-pacome-standalone .remote-shell .actions button.danger { background:#ef5a4c20; color:var(--y-red); border-color:var(--y-red); }
@media(max-width:600px) {
  .y-pacome-standalone :is(.artist-shell,.operator-shell,.handoff-shell,.remote-shell) { padding-left:16px; padding-right:16px; }
  .y-pacome-standalone :is(.section-heading,.panel-heading,.artist-header,.operator-header) { gap:12px; flex-wrap:wrap; }
  .y-pacome-standalone .dialog-actions { flex-wrap:wrap; }
}
@media(max-width:1080px) { .y-pacome-standalone .pro-shell { grid-template-columns:minmax(0,1fr); } }