/* #014A-R6H2 — canonical content-surface readability over musical photography. */

/* Primary work surfaces are deliberately opaque. The musical background remains
   visible around them, never directly behind functional text. */
html body[data-appearance] #app-view[data-v2-shell-ready="1"] :is(
  .panel,.song-detail-shell,.song-detail-header,.song-planning-detail,
  .song-tab-panel,.personal-work,.personal-work-editor,.song-functional-panel,
  .material-workspace,.material-section,.material-dashboard,.event-dialog
){
  background-color:var(--mg-surface-primary)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border)!important;
  backdrop-filter:blur(14px);
}

/* Nested cards keep a distinct, equally readable hierarchy. */
html body[data-appearance] #app-view[data-v2-shell-ready="1"] :is(
  .work-items article,.private-note-trash,.private-note-archives,
  .song-history-list details,.references-section,.material-card,.board-card,
  .configuration-list article,.material-history details,.song-planning-detail>div
){
  background-color:var(--mg-surface-secondary)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border)!important;
}

/* Navigation and floating controls remain refined, but are never translucent
   enough for photographic detail to interfere with labels. */
html body[data-appearance] #app-view[data-v2-shell-ready="1"] :is(
  .screen-tabs,.song-detail-tabs,.group-tabs,.solo-tabs,.material-tabs,
  .toolbar,.agenda-toolbar,.panel-heading
){
  background-color:var(--mg-surface-overlay)!important;
  border-color:var(--color-border)!important;
  backdrop-filter:blur(16px);
}

html body[data-appearance] #app-view[data-v2-shell-ready="1"] :is(
  .song-detail-shell,.song-detail-header,.song-planning-detail,.song-tab-panel,
  .personal-work,.personal-work-editor,.work-items article,.material-card
) :is(p,small,time,.muted,.personal-work-dates){
  color:var(--color-text-secondary)!important;
}

html body[data-appearance] #app-view[data-v2-shell-ready="1"] :is(
  .song-detail-shell,.song-detail-header,.song-planning-detail,.song-tab-panel,
  .personal-work,.personal-work-editor,.work-items article,.material-card
) :is(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary){
  color:var(--color-text-primary)!important;
}

/* Dialogs are outside #app-view. */
html body[data-appearance] :is(
  dialog:not(.solo-workshop-dialog),.event-dialog,.material-dialog
){
  background-color:var(--mg-surface-solid)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border)!important;
}