/* Final surface layer for embedded music and release tools. */
:root[data-theme="light"] .side-nav,
:root[data-theme="light"] .workspace-panel {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

:root[data-theme="light"] #view-cover .section-block,
:root[data-theme="light"] #view-music .section-block,
:root[data-theme="light"] #view-mastering .section-block,
:root[data-theme="light"] #view-cover-art .section-block,
:root[data-theme="light"] #view-history .section-block {
  border-top-color: rgba(66, 133, 244, 0.14);
  background: transparent;
  box-shadow: none;
}

:root[data-theme="light"] .plan-card {
  border-color: #DADCE0;
  background: #FFFFFF;
  box-shadow: 0 8px 22px rgba(60, 64, 67, 0.08);
}

:root[data-theme="light"] .plan-card.recommended {
  border-color: #AFCBFA;
  background: linear-gradient(160deg, #EEF5FF, #FFFFFF 62%);
  box-shadow: 0 12px 28px rgba(66, 133, 244, 0.14);
}

:root[data-theme="light"] .plan-top span,
:root[data-theme="light"] .plan-action {
  border-color: #C6DAFC;
  color: #3367D6;
  background: #F1F6FE;
}

:root[data-theme="light"] .primary-plan,
:root[data-theme="light"] .plan-action:hover { color: #FFFFFF; background: #4285F4; }

:root[data-theme="light"] .subscribe-modal {
  border-color: #DADCE0;
  background: #FFFFFF !important;
  box-shadow: 0 24px 70px rgba(60, 64, 67, 0.2);
}

:root[data-theme="light"] .subscribe-modal-body,
:root[data-theme="light"] .subscribe-modal-body .membership-view {
  background: #FFFFFF !important;
}

/* Match the shallow-blue working surface used by one-click mastering. */
:root[data-theme="light"] .embedded-tool-frame,
:root[data-theme="light"] .membership-view {
  border-color: transparent;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

:root[data-theme="light"] .embedded-tool-frame iframe {
  border-color: transparent;
  border-radius: 0;
  background: transparent;
}

:root[data-theme="light"] .membership-view { gap: 20px; }