/* Panel light-theme compatibility — desks, forms, cards, tables */

html[data-theme="light"] body.pl-body,
html[data-theme="light"] .main-content {
  color: var(--mp-text, #0f172a);
}

/* Generic marketplace / panel surfaces */
html[data-theme="light"] .mp-theme-dark,
html[data-theme="light"] .mp-page {
  color: var(--mp-text, #0f172a);
  background: transparent;
}

html[data-theme="light"] .mp-panel,
html[data-theme="light"] .mp-cart-summary,
html[data-theme="light"] .mp-order-card,
html[data-theme="light"] .card {
  background: #fff !important;
  border-color: var(--mp-border, rgba(15, 23, 42, 0.1)) !important;
  color: var(--mp-text, #0f172a) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .mp-page-head {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--brand-primary, #2f6fed) 8%, #fff), #fff 60%) !important;
  border-color: var(--mp-border, rgba(15, 23, 42, 0.1)) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}
html[data-theme="light"] .mp-page-head h1,
html[data-theme="light"] .mp-page-head .mp-hint {
  color: var(--mp-text, #0f172a);
}
html[data-theme="light"] .mp-page-head .mp-hint {
  color: var(--mp-muted, #64748b) !important;
}

html[data-theme="light"] .mp-stat-card {
  background: #fff !important;
  border-color: var(--mp-border) !important;
  color: var(--mp-text) !important;
}
html[data-theme="light"] .mp-stat-card span,
html[data-theme="light"] .mp-stat-card small {
  color: var(--mp-muted, #64748b) !important;
}
html[data-theme="light"] .mp-stat-card strong {
  color: var(--mp-text, #0f172a) !important;
  -webkit-text-fill-color: unset;
  background: none;
}

html[data-theme="light"] .mp-btn-ghost,
html[data-theme="light"] .mp-btn-outline {
  background: #fff !important;
  color: var(--mp-muted, #64748b) !important;
  border-color: var(--mp-border-strong, rgba(15, 23, 42, 0.16)) !important;
}
html[data-theme="light"] .mp-btn-ghost:hover,
html[data-theme="light"] .mp-btn-outline:hover {
  color: var(--mp-text) !important;
  background: #f8fafc !important;
}

html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select,
html[data-theme="light"] .mp-input,
html[data-theme="light"] input.form-control,
html[data-theme="light"] textarea.form-control,
html[data-theme="light"] select.form-select {
  background: #fff !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
}
html[data-theme="light"] .form-control::placeholder,
html[data-theme="light"] .mp-input::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] .table,
html[data-theme="light"] .table-dark {
  --bs-table-bg: #fff;
  --bs-table-color: #0f172a;
  --bs-table-border-color: rgba(15, 23, 42, 0.1);
  --bs-table-striped-bg: #f8fafc;
  --bs-table-hover-bg: color-mix(in srgb, var(--brand-primary, #2f6fed) 6%, #fff);
  color: #0f172a !important;
  background: #fff !important;
}
html[data-theme="light"] .table thead th {
  color: #64748b !important;
  background: #f8fafc !important;
}
html[data-theme="light"] .table-responsive {
  background: #fff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .alert-info {
  background: color-mix(in srgb, #3b82f6 10%, #fff);
  border-color: color-mix(in srgb, #3b82f6 25%, transparent);
  color: #1e3a8a;
}
html[data-theme="light"] code,
html[data-theme="light"] .ltr code {
  background: #f1f5f9;
  color: #1d4ed8;
  border-color: rgba(15, 23, 42, 0.1);
}

/* ——— Support desk ——— */
html[data-theme="light"] .sp-create-shell,
html[data-theme="light"] .sp-create-card,
html[data-theme="light"] .sp-thread-card,
html[data-theme="light"] .sp-reply-card,
html[data-theme="light"] .sp-aside-card,
html[data-theme="light"] .sp-ticket-card,
html[data-theme="light"] .sp-empty {
  background: #fff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #0f172a !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}
html[data-theme="light"] .sp-field .form-control,
html[data-theme="light"] .sp-field .form-select,
html[data-theme="light"] .sp-form .form-control,
html[data-theme="light"] .sp-form .form-select,
html[data-theme="light"] .sp-field .mp-input {
  background-color: #fff !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
}
html[data-theme="light"] .sp-field .form-control:hover,
html[data-theme="light"] .sp-field .form-select:hover,
html[data-theme="light"] .sp-field .form-control:focus,
html[data-theme="light"] .sp-field .form-select:focus {
  background-color: #fff !important;
  color: #0f172a !important;
}
html[data-theme="light"] .sp-field .form-control::placeholder {
  color: #94a3b8 !important;
}
html[data-theme="light"] .sp-rte,
html[data-theme="light"] .sp-rte-surface {
  background: #fff !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
}
html[data-theme="light"] .sp-rte-toolbar,
html[data-theme="light"] .sp-form-footer {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-theme="light"] .sp-rte-toolbar button {
  color: #64748b;
}
html[data-theme="light"] .sp-rte-toolbar button:hover {
  color: #0f172a;
  background: color-mix(in srgb, var(--brand-primary) 10%, #fff);
}
html[data-theme="light"] .sp-form-section {
  border-color: rgba(15, 23, 42, 0.08) !important;
}
html[data-theme="light"] .sp-ticket-meta,
html[data-theme="light"] .sp-field-hint,
html[data-theme="light"] .sp-optional {
  color: #64748b !important;
}

/* ——— Provisioning / Monitoring / Backups desks ——— */
html[data-theme="light"] .pv-job-card,
html[data-theme="light"] .pv-run-shell,
html[data-theme="light"] .pv-empty,
html[data-theme="light"] .mn-site-card,
html[data-theme="light"] .mn-detail-shell,
html[data-theme="light"] .mn-history,
html[data-theme="light"] .mn-alert,
html[data-theme="light"] .mn-empty,
html[data-theme="light"] .bk-card,
html[data-theme="light"] .bk-empty {
  background: #fff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #0f172a !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}
html[data-theme="light"] .pv-job-host strong,
html[data-theme="light"] .mn-site-host strong,
html[data-theme="light"] .bk-host strong,
html[data-theme="light"] .pv-run-hero h2,
html[data-theme="light"] .mn-detail-hero h2 {
  color: #0f172a !important;
}
html[data-theme="light"] .pv-job-meta,
html[data-theme="light"] .mn-site-sub,
html[data-theme="light"] .bk-meta,
html[data-theme="light"] .pv-footnote,
html[data-theme="light"] .bk-footnote,
html[data-theme="light"] .mn-site-meta,
html[data-theme="light"] .bk-facts {
  color: #64748b !important;
}
html[data-theme="light"] .pv-progress,
html[data-theme="light"] .mn-bar,
html[data-theme="light"] .pv-log,
html[data-theme="light"] .mn-timeline-item,
html[data-theme="light"] .mn-kpi,
html[data-theme="light"] .pv-run-dl div {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-theme="light"] .pv-log-msg,
html[data-theme="light"] .mn-kpi strong,
html[data-theme="light"] .pv-run-dl dd {
  color: #0f172a !important;
}
html[data-theme="light"] .pv-chip,
html[data-theme="light"] .mn-chip,
html[data-theme="light"] .bk-chip {
  background: #fff;
  color: #64748b;
  border-color: rgba(15, 23, 42, 0.12);
}
html[data-theme="light"] .pv-chip.is-active,
html[data-theme="light"] .mn-chip.is-active,
html[data-theme="light"] .bk-chip.is-active {
  color: #fff;
  border-color: transparent;
}
html[data-theme="light"] .pv-footnote code,
html[data-theme="light"] .bk-footnote code {
  background: #f1f5f9;
  color: #1d4ed8;
  border-color: rgba(15, 23, 42, 0.1);
}

/* ——— Release upload ——— */
html[data-theme="light"] .ru-shell {
  background: #fff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}
html[data-theme="light"] .ru-step {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.1);
  color: #64748b;
}
html[data-theme="light"] .ru-step.is-active {
  color: #0f172a;
}
html[data-theme="light"] .ru-check-item {
  color: #64748b;
}
html[data-theme="light"] .ru-field .form-control,
html[data-theme="light"] .ru-field .mp-input,
html[data-theme="light"] .ru-field input,
html[data-theme="light"] .ru-field textarea {
  background-color: #fff !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
}
html[data-theme="light"] .ru-drop {
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, color-mix(in srgb, var(--brand-primary) 8%, transparent), transparent 60%),
    #f8fafc !important;
  border-color: color-mix(in srgb, var(--brand-primary) 28%, rgba(15, 23, 42, 0.16)) !important;
}
html[data-theme="light"] .ru-drop.is-dragover,
html[data-theme="light"] .ru-drop.has-file {
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, color-mix(in srgb, var(--brand-accent) 12%, transparent), transparent 60%),
    #fff !important;
}
html[data-theme="light"] .ru-drop-idle strong,
html[data-theme="light"] .ru-drop-file strong {
  color: #0f172a !important;
}
html[data-theme="light"] .ru-drop-idle span,
html[data-theme="light"] .ru-drop-file span,
html[data-theme="light"] .ru-hint {
  color: #64748b !important;
}
html[data-theme="light"] .ru-progress {
  background: color-mix(in srgb, var(--brand-primary) 6%, #fff) !important;
  border-color: color-mix(in srgb, var(--brand-primary) 22%, rgba(15, 23, 42, 0.12)) !important;
}
html[data-theme="light"] .ru-progress-head {
  color: #0f172a !important;
}
html[data-theme="light"] .ru-progress-track {
  background: rgba(15, 23, 42, 0.08) !important;
}
html[data-theme="light"] .ru-clear {
  background: #fff;
  border-color: rgba(15, 23, 42, 0.12);
  color: #64748b;
}

/* ——— Live chat console ——— */
html[data-theme="light"] .lc-ops .mp-panel,
html[data-theme="light"] .lc-shell,
html[data-theme="light"] .lc-sidebar,
html[data-theme="light"] .lc-main,
html[data-theme="light"] .lc-session,
html[data-theme="light"] .lc-composer {
  background: #fff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #0f172a !important;
}
html[data-theme="light"] .lc-session:hover,
html[data-theme="light"] .lc-session.is-active {
  background: #f8fafc !important;
}
html[data-theme="light"] .lc-msg,
html[data-theme="light"] .lc-bubble {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

/* ——— Skote leftovers in light ——— */
html[data-theme="light"] .page-title-box h4,
html[data-theme="light"] .page-content h1,
html[data-theme="light"] .page-content h2,
html[data-theme="light"] .page-content h3 {
  color: #0f172a;
}
html[data-theme="light"] .text-muted {
  color: #64748b !important;
}
html[data-theme="light"] .dropdown-menu {
  background: #fff;
  border-color: rgba(15, 23, 42, 0.1);
  color: #0f172a;
}
html[data-theme="light"] .dropdown-item {
  color: #0f172a;
}
html[data-theme="light"] .dropdown-item:hover {
  background: #f8fafc;
}

/* ——— Checkout desk ——— */
html[data-theme="light"] .co-steps,
html[data-theme="light"] .co-card,
html[data-theme="light"] .co-aside {
  background: #fff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}
html[data-theme="light"] .co-card-head,
html[data-theme="light"] .co-line,
html[data-theme="light"] .co-bundle,
html[data-theme="light"] .co-total,
html[data-theme="light"] .co-trust {
  border-color: rgba(15, 23, 42, 0.08) !important;
}
html[data-theme="light"] .co-title,
html[data-theme="light"] .co-card-head h2,
html[data-theme="light"] .co-aside h3,
html[data-theme="light"] .co-line strong,
html[data-theme="light"] .co-spec strong,
html[data-theme="light"] .co-bundle li,
html[data-theme="light"] .co-total-amount strong {
  color: #0f172a !important;
}
html[data-theme="light"] .co-sub,
html[data-theme="light"] .co-crumb,
html[data-theme="light"] .co-card-head p,
html[data-theme="light"] .co-line,
html[data-theme="light"] .co-aside-note,
html[data-theme="light"] .co-preview-label,
html[data-theme="light"] .co-bundle h4,
html[data-theme="light"] .co-total > span,
html[data-theme="light"] .co-spec span,
html[data-theme="light"] .co-trust li {
  color: #64748b !important;
}
html[data-theme="light"] .co-steps li {
  color: #94a3b8;
}
html[data-theme="light"] .co-steps .co-step-num {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.1);
}
html[data-theme="light"] .co-steps li.is-active {
  background: rgba(13, 159, 122, 0.08);
  color: #0d9f7a;
}
html[data-theme="light"] .co-domain-bar,
html[data-theme="light"] .co-input-plain .form-control,
html[data-theme="light"] .co-input-plain .mp-input {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}
html[data-theme="light"] .co-domain-bar .form-control,
html[data-theme="light"] .co-domain-bar .mp-input,
html[data-theme="light"] .co-input-plain .form-control,
html[data-theme="light"] .co-input-plain .mp-input {
  color: #0f172a !important;
  background: transparent !important;
}
html[data-theme="light"] .co-input-plain .form-control,
html[data-theme="light"] .co-input-plain .mp-input {
  background: #f8fafc !important;
}
html[data-theme="light"] .co-domain-suffix {
  background: #f1f5f9;
  color: #475569;
  border-color: rgba(15, 23, 42, 0.08);
}
html[data-theme="light"] .co-preview,
html[data-theme="light"] .co-spec {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-theme="light"] .co-trial {
  background: rgba(14, 165, 233, 0.08);
  border-color: rgba(14, 165, 233, 0.22);
  color: #0f172a;
}
html[data-theme="light"] .co-aside {
  background:
    linear-gradient(165deg, rgba(13, 159, 122, 0.06), transparent 42%),
    #fff !important;
}
html[data-theme="light"] .co-mode-tab,
html[data-theme="light"] .co-search-bar,
html[data-theme="light"] .co-domain-item,
html[data-theme="light"] .co-domain-empty {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #475569;
}
html[data-theme="light"] .co-mode-tab.is-active {
  background: rgba(13, 159, 122, 0.08) !important;
  color: #0d9f7a !important;
  border-color: rgba(13, 159, 122, 0.28) !important;
}
html[data-theme="light"] .co-search-input {
  color: #0f172a !important;
}
html[data-theme="light"] .co-domain-item-main strong,
html[data-theme="light"] .co-selected-main strong,
html[data-theme="light"] .co-bill-row strong,
html[data-theme="light"] .co-bill-total strong {
  color: #0f172a !important;
}
html[data-theme="light"] .co-selected {
  background: rgba(13, 159, 122, 0.08) !important;
  border-color: rgba(13, 159, 122, 0.25) !important;
}
html[data-theme="light"] .co-bill,
html[data-theme="light"] .co-bill-total {
  border-color: rgba(15, 23, 42, 0.08) !important;
}

/* ——— Order desk ——— */
html[data-theme="light"] .od-steps,
html[data-theme="light"] .od-card,
html[data-theme="light"] .od-ready {
  background: #fff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}
html[data-theme="light"] .od-ready {
  background:
    radial-gradient(ellipse 70% 120% at 0% 50%, rgba(16, 185, 129, 0.1), transparent 55%),
    #fff !important;
}
html[data-theme="light"] .od-title,
html[data-theme="light"] .od-card-head h2,
html[data-theme="light"] .od-dl dd,
html[data-theme="light"] .od-ready-url,
html[data-theme="light"] .od-bill-row strong,
html[data-theme="light"] .od-cred-row code {
  color: #0f172a !important;
}
html[data-theme="light"] .od-sub,
html[data-theme="light"] .od-crumb,
html[data-theme="light"] .od-dl dt,
html[data-theme="light"] .od-bill-row,
html[data-theme="light"] .od-wait {
  color: #64748b !important;
}
html[data-theme="light"] .od-card-head,
html[data-theme="light"] .od-dl > div,
html[data-theme="light"] .od-bill,
html[data-theme="light"] .od-bill-total {
  border-color: rgba(15, 23, 42, 0.08) !important;
}
html[data-theme="light"] .od-cred,
html[data-theme="light"] .od-main .mp-provision-step {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-theme="light"] .od-steps li {
  color: #94a3b8;
}
html[data-theme="light"] .od-step-num {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.1);
}

/* ——— Bootstrap / staff leftovers ——— */
html[data-theme="light"] .table-dark,
html[data-theme="light"] .table-dark > :not(caption) > * > *,
html[data-theme="light"] .table-dark thead th {
  color: #0f172a !important;
  background-color: #fff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  --bs-table-bg: #fff;
  --bs-table-color: #0f172a;
  --bs-table-striped-bg: #f8fafc;
  --bs-table-hover-bg: #f1f5f9;
}
html[data-theme="light"] .form-label,
html[data-theme="light"] .mp-theme-dark .form-label {
  color: #64748b !important;
}
html[data-theme="light"] .mp-boot-item,
html[data-theme="light"] .mp-boot-stat {
  background: #fff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}
html[data-theme="light"] .mp-boot-item.is-skip .mp-boot-icon {
  background: rgba(15, 23, 42, 0.06) !important;
  color: #64748b !important;
}
html[data-theme="light"] .mp-boot-chip.is-ok,
html[data-theme="light"] .mp-boot-stat.is-ok strong,
html[data-theme="light"] .mp-boot-item.is-ok .mp-boot-icon {
  color: #047857 !important;
}
html[data-theme="light"] .od-main .mp-provision-console,
html[data-theme="light"] .od-main .mp-provision-console-head,
html[data-theme="light"] .od-main .mp-log-msg {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #0f172a !important;
}
html[data-theme="light"] .od-main .mp-provision-console-head {
  color: #64748b !important;
}
html[data-theme="light"] .input-group-text {
  background: #fff !important;
  color: #64748b !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
}
html[data-theme="light"] .badge.bg-secondary,
html[data-theme="light"] .badge.bg-dark {
  background: #e2e8f0 !important;
  color: #334155 !important;
}