/* Made by Federico Dionisi for BadLab Corporation Agency */
/* © 2026 – All rights reserved. */
@import './theme/.01eeb000b6.css';
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f8ff;
  --panel: rgba(255, 255, 255, 0.94);
  --panel-edge: rgba(37, 99, 235, 0.18);
  --line: rgba(15, 23, 42, 0.1);
  --line-strong: rgba(15, 23, 42, 0.16);
  --text: #0f172a;
  --muted: rgba(15, 23, 42, 0.62);
  --accent: #2563eb;
  --accent-strong: #1d4ed8;
  --accent-bright: #0284c7;
  --accent-soft: rgba(37, 99, 235, 0.1);
  --scrollbar-thumb: rgba(37, 99, 235, 0.28);
  --scrollbar-thumb-hover: rgba(37, 99, 235, 0.42);
  --scrollbar-track: transparent;
  --focus-ring: rgba(37, 99, 235, 0.18);
  --shadow: 0 28px 84px rgba(15, 23, 42, 0.13);
  --blc-light-surface: rgba(255, 255, 255, 0.92);
  --blc-light-border: rgba(37, 99, 235, 0.18);
  --blc-light-border-strong: rgba(37, 99, 235, 0.34);
  --blc-light-shadow: 0 24px 72px rgba(15, 23, 42, 0.12);
  --blc-light-shadow-soft: 0 14px 36px rgba(15, 23, 42, 0.08);
}

:root[data-theme="light"] body,
:root[data-theme="light"] .creator-portal-page {
  background:
    radial-gradient(circle at top center, rgba(14, 165, 233, 0.1), transparent 24%),
    radial-gradient(circle at 16% 82%, rgba(37, 99, 235, 0.055), transparent 32%),
    radial-gradient(circle at 84% 18%, rgba(125, 211, 252, 0.11), transparent 28%),
    linear-gradient(180deg, #fbfdff 0%, #f4f8ff 48%, #eaf2ff 100%);
  color: var(--text);
}

:root[data-theme="light"] body::before {
  background-image:
    linear-gradient(rgba(15, 23, 42, 0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.032) 1px, transparent 1px);
}

:root[data-theme="light"] .ambient,
:root[data-theme="light"] .creator-portal-page .ambient-a,
:root[data-theme="light"] .creator-portal-page .ambient-b {
  background: rgba(37, 99, 235, 0.08);
  opacity: 0.42;
}

.theme-toggle {
  appearance: none;
  -webkit-appearance: none;
  max-width: 100%;
  min-height: clamp(52px, 0.75vw + 40px, 64px);
  padding: 0 clamp(16px, 0.7vw + 10px, 24px);
  border: 1px solid var(--panel-edge);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
    var(--accent-soft);
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  cursor: pointer;
  font: inherit;
  font-size: clamp(1rem, 0.92rem + 0.12vw, 1.12rem);
  line-height: 1;
  text-align: left;
  text-decoration: none;
  box-shadow: none;
  transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.theme-toggle:hover {
  border-color: var(--accent);
  transform: translateY(-1px);
}

.theme-toggle:focus-visible {
  outline: none;
  border-color: var(--accent-bright);
  box-shadow: 0 0 0 4px var(--focus-ring);
}

.theme-toggle-icon {
  width: clamp(20px, 0.24vw + 16px, 24px);
  height: clamp(20px, 0.24vw + 16px, 24px);
  flex: 0 0 auto;
  color: var(--accent-bright);
  display: inline-grid;
  place-items: center;
}

.theme-toggle .i {
  display: none;
  width: 100%;
  height: 100%;
  color: currentColor;
}

.theme-toggle[data-resolved-theme="light"] .i-sun,
.theme-toggle[data-resolved-theme="dark"] .i-moon {
  display: block;
}

.theme-toggle-copy {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.theme-toggle-label-value {
  color: var(--accent-bright);
}

.blc-theme-toggle-sidebar {
  width: 100%;
  min-height: clamp(60px, 0.95vw + 42px, 78px);
  padding: 0 clamp(20px, 0.8vw + 10px, 28px);
}

.blc-theme-toggle-page {
  justify-self: end;
  align-self: end;
  margin-top: 18px;
}

:root[data-theme="light"] .theme-toggle {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(239, 246, 255, 0.72)),
    rgba(255, 255, 255, 0.9);
  box-shadow: var(--blc-light-shadow-soft);
}

:root[data-theme="light"] .auth-field::before { background: linear-gradient(90deg, rgba(37, 99, 235, 0.14), transparent 14%, transparent 86%, rgba(14, 165, 233, 0.14)); }
:root[data-theme="light"] .auth-field::after { background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.22), transparent); }
:root[data-theme="light"] .auth-field:focus-within { border-color: rgba(37, 99, 235, 0.52); background: linear-gradient(180deg, rgba(37, 99, 235, 0.08), rgba(255, 255, 255, 0.7)), rgba(255, 255, 255, 0.96); box-shadow: 0 0 0 4px var(--focus-ring), 0 18px 44px rgba(37, 99, 235, 0.14); }

:root[data-theme="light"] :where(.auth-panel, .error-card, .blc-dashboard-sidebar, .blc-dashboard-mobilebar, .blc-overview-metric, .blc-overview-panel, .blc-creator-hero, .blc-creator-panel, .blc-dashboard-shifts-shell, .blc-shifts-board, .blc-workflow-hero, .blc-workflow-panel:not(.blc-portal-macro-panel), .blc-sheet-hero, .blc-sheet-panel, .blc-dashboard-modal, .blc-workflow-modal, .blc-chatter-note-modal, .blc-shifts-chatter-modal, .blc-chargeback-popover, .blc-archive-explorer, .blc-archive-preview-body) {
  border-color: var(--blc-light-border);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.72)),
    var(--blc-light-surface);
  color: var(--text);
  box-shadow: var(--blc-light-shadow);
}

:root[data-theme="light"] :where(.blc-dashboard-sidebar, .blc-dashboard-mobilebar) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.96)),
    rgba(255, 255, 255, 0.96);
  box-shadow:
    18px 0 54px rgba(15, 23, 42, 0.1),
    inset -1px 0 0 rgba(37, 99, 235, 0.08);
}

:root[data-theme="light"] .blc-portal-macro-panel {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

:root[data-theme="light"] :where(.auth-field, .auth-remember-box, .blc-dashboard-overview, .blc-dashboard-nav-link, .blc-dashboard-logout, .blc-dashboard-add-creator, .blc-dashboard-search, .blc-dashboard-creator-item, .blc-dashboard-secondary-button, .blc-dashboard-upload-button, .blc-dashboard-link-item-button, .blc-dashboard-modal-close, .blc-dashboard-select-trigger, .blc-creator-hero-button, .blc-creator-panel-link, .blc-creator-activity-add, .blc-creator-script-add, .blc-chatter-note-button, .blc-chatter-month-toggle, .blc-chatter-fixed-toggle, .blc-chatter-role-trigger, .blc-overview-ranking-toggle, .blc-shifts-icon-button, .blc-shifts-month-value, .blc-shifts-past-toggle, .blc-shifts-creator-trigger, .blc-shifts-month-option, .blc-shifts-picker-year-button, .blc-shifts-chatter-pill, .blc-workflow-nav-button, .blc-workflow-item-action, .blc-workflow-modal-close, .blc-workflow-upload-open, .blc-workflow-upload-link, .blc-workflow-upload-delete, .blc-portal-script-card-toggle, .blc-portal-script-step-nav, .blc-portal-script-summary-check, .auth-password-toggle, .blc-archive-entry-button, .blc-archive-refresh-button, .blc-archive-preview-open-link, .blc-script-add-step, .blc-script-step-remove) {
  border-color: var(--blc-light-border);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(239, 246, 255, 0.62)),
    rgba(255, 255, 255, 0.86);
  color: var(--text);
  box-shadow: none;
}

:root[data-theme="light"] :where(
  .blc-dashboard-overview:hover,
  .blc-dashboard-nav-link:hover,
  .blc-dashboard-logout:hover,
  .blc-dashboard-add-creator:hover,
  .blc-dashboard-creator-item:hover,
  .blc-dashboard-overview[aria-current="page"],
  .blc-dashboard-nav-link[aria-current="page"],
  .blc-dashboard-creator-item[aria-current="page"],
  .blc-dashboard-creator-item[data-active="true"],
  .blc-workflow-nav-button:hover,
  .blc-workflow-nav-button[data-active="true"],
  .blc-workflow-item-action:hover,
  .blc-workflow-item-action[data-active="true"],
  .blc-creator-panel-link:hover,
  .blc-shifts-month-option:hover,
  .blc-shifts-month-option[aria-selected="true"],
  .blc-shifts-creator-trigger:hover,
  .blc-shifts-chatter-pill:hover,
  .blc-portal-script-card-toggle:hover
) {
  border-color: var(--blc-light-border-strong);
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.12), rgba(14, 165, 233, 0.04)),
    rgba(255, 255, 255, 0.94);
  color: var(--text);
}

:root[data-theme="light"] :where(
  .blc-overview-creator-card,
  .blc-overview-script-item,
  .blc-overview-stat,
  .blc-overview-ranking-metrics span,
  .blc-overview-ranking-item,
  .blc-dashboard-creator-media,
  .blc-dashboard-creator-fallback,
  .blc-creator-hero-media,
  .blc-creator-hero-fallback,
  .blc-creator-panel-chevron,
  .blc-personal-sheet-section,
  .blc-creator-content-list-card,
  .blc-creator-activity-list-card,
  .blc-chatter-panel-count,
  .blc-chatter-assigned-card,
  .blc-chatter-profile-item,
  .blc-chatter-compensation-row,
  .blc-chatter-fixed-row,
  .blc-chatter-commission-list,
  .blc-shifts-toolbar,
  .blc-shifts-table-wrap,
  .blc-shifts-toggle-track,
  .blc-shifts-current-badge,
  .blc-workflow-item,
  .blc-workflow-empty,
  .blc-workflow-item-state,
  .blc-workflow-recorder-meter,
  .blc-workflow-upload-entry, .blc-portal-script-card,
  .blc-sheet-section,
  .blc-dashboard-link-chip,
  .blc-dashboard-link-item,
  .blc-script-step-summary,
  .blc-archive-preview-fallback
) {
  border-color: rgba(37, 99, 235, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(239, 246, 255, 0.56)),
    rgba(255, 255, 255, 0.78);
  color: var(--text);
}

:root[data-theme="light"] :where(
  .primary-button,
  .auth-button,
  .blc-dashboard-primary-button,
  .blc-sheet-primary,
  .blc-workflow-item-action.is-complete[data-active="true"],
  .blc-workflow-item-action.is-upload,
  .blc-workflow-item[data-completed="true"] .blc-workflow-item-state,
  .blc-overview-script-status.is-completed,
  .blc-dashboard-checkcard input:checked + .blc-dashboard-checkcard-frame,
  .blc-shifts-cell[data-has-shift="true"],
  .auth-remember-input:checked + .auth-remember-box
) {
  border-color: rgba(37, 99, 235, 0.42);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 34%),
    linear-gradient(135deg, #38bdf8, #2563eb);
  color: #ffffff;
  box-shadow: 0 18px 38px rgba(37, 99, 235, 0.22);
}

:root[data-theme="light"] :where(
  .blc-dashboard-input,
  .blc-dashboard-textarea,
  .blc-dashboard-select,
  .blc-dashboard-select-menu,
  .blc-dashboard-modal-field,
  .blc-dashboard-upload,
  .blc-dashboard-checkcard,
  .blc-chatter-note-modal-field,
  .blc-chatter-note-modal-textarea,
  .blc-chatter-percent-input,
  .blc-chatter-money-input-wrap,
  .blc-shifts-cell,
  .blc-shifts-date-cell,
  .blc-shifts-slot-col,
  .blc-workflow-recorder-preview,
  .blc-sheet-field input,
  .blc-sheet-field textarea,
  .blc-script-step-fields
) {
  border-color: rgba(37, 99, 235, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(239, 246, 255, 0.58)),
    rgba(255, 255, 255, 0.9);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] :where(.blc-dashboard-modal-field input:focus, .blc-dashboard-modal-field textarea:focus, .blc-dashboard-modal-field select:focus) {
  border-color: var(--blc-light-border-strong);
  box-shadow: 0 0 0 4px var(--focus-ring);
}

:root[data-theme="light"] .blc-dashboard-modal-field:not(.is-invalid) input[type="text"],
:root[data-theme="light"] .blc-dashboard-modal-field:not(.is-invalid) input[type="email"],
:root[data-theme="light"] .blc-dashboard-modal-field:not(.is-invalid) input[type="password"],
:root[data-theme="light"] .blc-dashboard-modal-field:not(.is-invalid) select,
:root[data-theme="light"] .blc-dashboard-modal-field:not(.is-invalid) textarea {
  border-color: rgba(37, 99, 235, 0.16);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(239, 246, 255, 0.58)), rgba(255, 255, 255, 0.9);
}

:root[data-theme="light"] .blc-shifts-past-toggle input:checked + .blc-shifts-toggle-track {
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.86), rgba(37, 99, 235, 0.96));
}

:root[data-theme="light"] :where(input, textarea)::placeholder,
:root[data-theme="light"] .auth-input::placeholder {
  color: rgba(15, 23, 42, 0.38);
}
:root[data-theme="light"] .blc-dashboard-modal-field > span { color: var(--muted); }

:root[data-theme="light"] :where(
  .blc-dashboard-welcome,
  .blc-dashboard-muted,
  .blc-dashboard-empty,
  .blc-dashboard-creators-empty,
  .blc-dashboard-modal-hint,
  .blc-dashboard-modal-list-empty,
  .blc-dashboard-upload-filename,
  .blc-dashboard-creator-meta,
  .blc-overview-lead,
  .blc-overview-panel-copy,
  .blc-overview-empty,
  .blc-overview-metric-label,
  .blc-overview-metric-meta,
  .blc-overview-creator-meta,
  .blc-overview-stat-label,
  .blc-overview-ranking-metrics em,
  .blc-overview-ranking-item span,
  .blc-overview-ranking-status,
  .blc-overview-script-summary,
  .blc-creator-summary-label,
  .blc-creator-panel-empty,
  .blc-creator-script-item-meta,
  .blc-creator-activity-list-empty, .blc-creator-activity-item, .blc-creator-activity-item-copy, .blc-creator-activity-text-desktop, .blc-creator-activity-text-mobile,
  .blc-chatter-lead,
  .blc-chatter-empty,
  .blc-chatter-assigned-meta,
  .blc-chatter-payment-status,
  .blc-chatter-note-readonly,
  .blc-shifts-picker-meta,
  .blc-shifts-empty-state,
  .blc-shifts-week-label,
  .blc-shifts-slot-label,
  .blc-workflow-lead,
  .blc-workflow-item-copy p,
  .blc-workflow-item-body p,
  .blc-workflow-item-upload-status,
  .blc-workflow-empty,
  .blc-workflow-upload-copy, .blc-workflow-upload-copy p,
  .blc-workflow-upload-empty,
  .blc-workflow-recorder-copy,
  .blc-workflow-confirm-copy, .blc-workflow-confirm-copy p,
  .blc-portal-script-card-body, .blc-portal-script-card-copy span,
  .blc-portal-script-page-head p, .blc-portal-script-summary-copy, .blc-portal-script-summary-copy span, .blc-portal-script-summary-copy small,
  .blc-sheet-lead,
  .blc-sheet-field span,
  .blc-sheet-status,
  .error-message,
  .auth-remember,
  .auth-remember-text,
  .status-text,
  .blc-archive-entry-meta,
  .blc-archive-empty,
  .blc-archive-modal-lead,
  .blc-archive-delete-copy,
  .blc-script-step-subtitle,
  .blc-script-step-summary-description
) {
  color: var(--muted);
}

:root[data-theme="light"] :where(
  .blc-overview-eyebrow,
  .blc-dashboard-modal-eyebrow,
  .blc-workflow-eyebrow,
  .blc-portal-eyebrow,
  .blc-portal-script-page-eyebrow,
  .blc-sheet-eyebrow,
  .blc-creator-eyebrow,
  .error-title,
  .blc-overview-script-creator,
  .blc-dashboard-creator-assigned-chatters,
  .blc-creator-assigned-chatters,
  .blc-creator-activity-details,
  .blc-workflow-upload-status-warning,
  .blc-workflow-recorder-status,
  .blc-dashboard-modal-copy a,
  .blc-workflow-item-body a,
  .blc-workflow-upload-link,
  .blc-archive-breadcrumb,
  .blc-archive-entry-icon
) {
  color: var(--accent-bright);
}

:root[data-theme="light"] :where(
  .blc-dashboard-overview svg,
  .blc-dashboard-nav-link svg,
  .blc-dashboard-logout svg,
  .blc-dashboard-section-toggle svg,
  .blc-dashboard-modal-close svg,
  .blc-dashboard-kebab span,
  .blc-workflow-modal-close svg,
  .blc-shifts-icon-button svg,
  .blc-creator-panel-chevron,
  .blc-portal-script-card-chevron,
  .blc-dashboard-select-chevron,
  .blc-shifts-picker-chevron,
  .blc-shifts-picker-icon,
  .blc-shifts-month-value svg,
  .blc-shifts-date-head svg
) {
  color: var(--accent-bright);
}

:root[data-theme="light"] .blc-workflow-nav-button[data-has-items="true"]::after, :root[data-theme="light"] .blc-creator-activity-item-copy::before, :root[data-theme="light"] :where(.auth-field::before, .blc-shifts-current-badge::before, .blc-personal-sheet-item::before) {
  color: var(--accent-bright);
  background: rgba(37, 99, 235, 0.16);
}

:root[data-theme="light"] :where(.blc-workflow-recorder-meter-fill, .blc-shifts-toggle-track span) {
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.86), rgba(37, 99, 235, 0.96));
  box-shadow: 0 0 16px rgba(37, 99, 235, 0.2);
}

:root[data-theme="light"] :where(.blc-workflow-upload-spinner) {
  border-color: rgba(37, 99, 235, 0.18);
  border-top-color: var(--accent-bright);
}

:root[data-theme="light"] :where(.blc-dashboard-sidebar[data-scrollbar-active="true"]::-webkit-scrollbar-thumb, .blc-dashboard-modal-form[data-scrollbar-active="true"]::-webkit-scrollbar-thumb, .blc-dashboard-modal-copy[data-scrollbar-active="true"]::-webkit-scrollbar-thumb, .blc-dashboard-modal-list-section[data-scrollbar-active="true"]::-webkit-scrollbar-thumb, .blc-workflow-modal-body[data-scrollbar-active="true"]::-webkit-scrollbar-thumb, .blc-chatter-stats-table-wrap::-webkit-scrollbar-thumb, .blc-chargeback-card-list::-webkit-scrollbar-thumb) {
  background-color: rgba(37, 99, 235, 0.42);
}

:root[data-theme="light"] :where(
  .blc-dashboard-modal-backdrop,
  .blc-workflow-modal-backdrop,
  .blc-chatter-note-modal-backdrop,
  .blc-dashboard-overlay
) {
  background: rgba(15, 23, 42, 0.42);
}

:root[data-theme="light"] :where(
  .blc-dashboard-danger-button,
  .blc-creator-activity-delete,
  .blc-workflow-upload-delete,
  .blc-script-step-remove,
  .blc-archive-entry-button.is-danger
) {
  border-color: rgba(220, 38, 38, 0.28);
  background: rgba(220, 38, 38, 0.08);
  color: #b91c1c;
  box-shadow: none;
}

:root[data-theme="light"] .creator-portal-page [data-portal-section="personal-sheet"] .blc-portal-sheet-panel,
:root[data-theme="light"] .creator-portal-page [data-portal-section="personal-sheet"] .blc-portal-sheet-section {
  border-color: rgba(37, 99, 235, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(239, 246, 255, 0.58)),
    rgba(255, 255, 255, 0.9) !important;
  box-shadow: var(--blc-light-shadow-soft) !important;
}

:root[data-theme="light"] .creator-portal-page [data-portal-section="personal-sheet"] .blc-sheet-field span {
  color: var(--muted);
}

:root[data-theme="light"] .creator-portal-page [data-portal-section="personal-sheet"] .blc-sheet-field input,
:root[data-theme="light"] .creator-portal-page [data-portal-section="personal-sheet"] .blc-sheet-field textarea {
  border-color: rgba(37, 99, 235, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(239, 246, 255, 0.62)),
    rgba(255, 255, 255, 0.92) !important;
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

:root[data-theme="light"] .creator-portal-page [data-portal-section="personal-sheet"] .blc-sheet-primary {
  border-color: rgba(37, 99, 235, 0.42);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 34%),
    linear-gradient(135deg, #38bdf8, #2563eb) !important;
  color: #ffffff;
  box-shadow: 0 18px 38px rgba(37, 99, 235, 0.22);
}

:root[data-theme="light"] :where(.blc-ios-nav .blc-ios-btn) {
  color: rgba(15, 23, 42, 0.92);
  background: rgba(255, 255, 255, 0.74);
  box-shadow:
    inset 0 0 0 0.75px rgba(15, 23, 42, 0.1),
    inset 0 1px 2px rgba(255, 255, 255, 0.82),
    0 12px 28px rgba(15, 23, 42, 0.16);
}

html:root[data-theme="light"] #blc-chatter-info-tooltip-portal.blc-chatter-info-tooltip-portal {
  border-color: rgba(37, 99, 235, 0.16);
  background: rgba(255, 255, 255, 0.98);
  color: #0f172a;
  box-shadow: 0 28px 82px rgba(15, 23, 42, 0.16);
}

html:root[data-theme="light"] .blc-chargeback-popover-head {
  border-bottom-color: rgba(37, 99, 235, 0.12);
  background: rgba(239, 246, 255, 0.68);
}

html:root[data-theme="light"] .blc-chargeback-popover-head strong,
html:root[data-theme="light"] .blc-chargeback-card-grid strong,
html:root[data-theme="light"] .blc-chargeback-card-grid a {
  color: #0f172a;
}

html:root[data-theme="light"] .blc-chargeback-popover-head em,
html:root[data-theme="light"] .blc-chargeback-card-head span {
  color: #475569;
}

html:root[data-theme="light"] .blc-chargeback-card {
  border-color: rgba(37, 99, 235, 0.18);
  background: rgba(248, 251, 255, 0.96);
}

html:root[data-theme="light"] .blc-chargeback-card-head strong {
  color: #b91c1c;
}

html:root[data-theme="light"] .blc-chargeback-card-grid em {
  color: #2563eb;
}