/**
 * Embed / payment shell — minimal chrome for iframe & standalone pay windows.
 * Loaded globally after tds-components so tasks?embed=1 and pay overlays stay consistent.
 */

/* Calendar / resource iframe: hide app chrome, fullscreen project-mgmt */
body.embed-mode {
  background: transparent !important;
}

body.embed-mode header,
body.embed-mode footer,
body.embed-mode .sidebar,
body.embed-mode .page-content {
  display: none !important;
}

body.embed-mode .app-main {
  margin: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

body.embed-mode #projectManagementModal.modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(2, 9, 19, 0.45) !important;
}

body.embed-mode #projectManagementModal .project-mgmt {
  max-height: 100vh !important;
  border-radius: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* KCP / prepaid pay overlay — TDS surfaces */
body.tds-theme .prepaid-pay-embed {
  background: rgba(25, 31, 40, 0.4);
}

body.tds-theme .prepaid-pay-embed__panel {
  background: var(--tds-bg-surface, #fff);
  border: none;
  border-radius: var(--tds-radius-xl, 1.25rem);
  box-shadow: 0 16px 40px rgba(25, 31, 40, 0.18);
}

body.tds-theme .prepaid-pay-embed__toolbar {
  border-bottom: 1px solid var(--tds-grey200, #e5e8eb);
  background: var(--tds-bg-surface, #fff);
}

body.tds-theme .prepaid-pay-embed__title {
  color: var(--tds-grey900, #191f28);
  font-weight: 700;
}

body.tds-theme .prepaid-pay-embed__eyebrow {
  margin: 0 0 0.15rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--tds-grey500, #8b95a1);
}

body.tds-theme .prepaid-pay-embed__close {
  border: 1px solid var(--tds-grey200, #e5e8eb);
  border-radius: var(--tds-radius-md, 0.75rem);
  background: var(--tds-bg-surface, #fff);
  color: var(--tds-grey600, #6b7684);
}

body.tds-theme .prepaid-pay-embed__close:hover {
  background: var(--tds-grey100, #f2f4f6);
  color: var(--tds-grey800, #333d4b);
}

body.tds-theme .prepaid-pay-embed__frame-wrap {
  background: var(--tds-bg-surface, #fff);
  border-top: 1px solid var(--tds-grey200, #e5e8eb);
}