/* ============================================================
   PINKE PINKE: Hell / Dunkel
   Teil 1: Umschalter (beide Ansichten)
   Teil 2: Helle Ansicht, abgeleitet aus styles.css und den
           Stilen in app.js. Greift nur bei html[data-theme="light"].
   ============================================================ */

/* ---- Umschalter in der Kopfzeile ---- */
.theme-toggle {
  position: relative;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--border-light);
  background: rgba(255, 255, 255, 0.03);
  color: var(--gray-200);
  cursor: pointer;
  padding: 0;
  transition: color 0.2s, border-color 0.2s, background 0.2s, transform 0.2s var(--ease);
  -webkit-tap-highlight-color: transparent;
}
.theme-toggle:hover { color: var(--emerald); border-color: var(--border-accent); }
.theme-toggle:active { transform: scale(0.92); }
.theme-toggle:focus-visible { outline: 2px solid var(--emerald); outline-offset: 2px; }
.theme-toggle svg {
  position: absolute;
  width: 17px;
  height: 17px;
  transition: opacity 0.3s var(--ease), transform 0.45s var(--ease);
}
.theme-toggle .ic-sun { opacity: 1; transform: rotate(0deg) scale(1); }
.theme-toggle .ic-moon { opacity: 0; transform: rotate(-90deg) scale(0.5); }
html[data-theme="light"] .theme-toggle .ic-sun { opacity: 0; transform: rotate(90deg) scale(0.5); }
html[data-theme="light"] .theme-toggle .ic-moon { opacity: 1; transform: rotate(0deg) scale(1); }
html[data-theme="light"] .theme-toggle { background: #ffffff; }
html[data-theme="light"] .theme-toggle:hover { color: #4f7d23; }

@media (max-width: 600px) {
  .theme-toggle { width: 30px; height: 30px; flex-basis: 30px; }
  .theme-toggle svg { width: 15px; height: 15px; }
}

/* ---- Auswahl in den Einstellungen ---- */
.theme-card { margin-bottom: 28px; }
.theme-card-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.theme-card-title { font-weight: 600; color: var(--white); font-size: 15px; }
.theme-card-sub { font-size: 13px; color: var(--gray-200); margin-top: 2px; }
.theme-seg {
  display: inline-flex;
  padding: 4px;
  gap: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border-light);
}
.theme-seg button {
  border: none;
  background: none;
  color: var(--gray-200);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 14px;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s;
}
.theme-seg button:hover { color: var(--white); }
.theme-seg button.active {
  background: var(--emerald);
  color: #04060c;
  font-weight: 600;
}
html[data-theme="light"] .theme-seg { background: #f1f3f6; }
html[data-theme="light"] .theme-seg button.active { color: #04060c; }

/* Weicher Uebergang nur im Moment des Umschaltens */
html.theme-switching,
html.theme-switching *,
html.theme-switching *::before,
html.theme-switching *::after {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, fill 0.3s ease !important;
}
@media (prefers-reduced-motion: reduce) {
  html.theme-switching *, .theme-toggle svg { transition: none !important; }
}

/* ============================================================
   Teil 2: Helle Ansicht
   ============================================================ */
html[data-theme="light"] {
  color-scheme: light;
  --obsidian: #ffffff;
  --onyx: #ffffff;
  --slate: #f1f3f6;
  --charcoal: #e6eaf0;
  --white: #0b1220;
  --silver: #1a2233;
  --gray-100: #334155;
  --gray-200: #4a5568;
  --gray-300: #64748b;
  --gray-400: #8a94a6;
  --text-primary: #1a2233;
  --text-secondary: #334155;
  --text-muted: #5b6576;
  --card: #ffffff;
  --border-subtle: rgba(15, 23, 42, 0.06);
  --border-light: rgba(15, 23, 42, 0.11);
  --border-medium: rgba(15, 23, 42, 0.16);
  --shadow-lg: 0 8px 28px rgba(15, 23, 42, 0.10);
  --emerald-soft: rgba(124, 179, 66, 0.10);
}

/* ---- styles.css ---- */

html[data-theme="light"] body {
  background: #f5f6f8;
}

html[data-theme="light"] a {
  color: #587f2f;
}

html[data-theme="light"] a:hover {
  color: #577d2a;
}

html[data-theme="light"] .back-to-site:hover {
  color: #587f2f;
}

html[data-theme="light"] .logo-text .green {
  color: #587f2f;
}

html[data-theme="light"] .referral-toggle:hover {
  color: #587f2f;
}

html[data-theme="light"] .referral-toggle.is-open {
  color: #587f2f;
}

html[data-theme="light"] .referral-input {
  background: #f5f6f8;
}

html[data-theme="light"] .referral-status.is-success {
  color: #587f2f;
}

html[data-theme="light"] .referral-status.is-error {
  color: #e31915;
}

html[data-theme="light"] .error {
  color: #e31915;
}

html[data-theme="light"] .forgot-link a:hover {
  color: #587f2f;
}

html[data-theme="light"] .forgot-inline:hover {
  color: #587f2f;
}

html[data-theme="light"] .success {
  color: #587f2f;
}

html[data-theme="light"] .plan-total {
  color: #587f2f;
}

html[data-theme="light"] .payment-notice small {
  color: rgba(140, 105, 0, 0.85);
}

html[data-theme="light"] .renewal-disclosure strong {
  color: #886f1d;
}

html[data-theme="light"] .trial-badge {
  color: #587f2f;
}

html[data-theme="light"] .trial-bar {
  background: #f5f6f8;
}

html[data-theme="light"] .modal-overlay {
  background: rgba(15, 23, 42, 0.385);
}

html[data-theme="light"] .company-badge {
  color: #587f2f;
}

html[data-theme="light"] .stat-value.emerald {
  color: #587f2f;
}

html[data-theme="light"] .kpi-value.kpi-value-emerald {
  color: #577d2a;
}

html[data-theme="light"] .kpi-card {
  background: linear-gradient(135deg, rgba(124,179,66,0.04), rgba(15, 23, 42, 0.009));
}

html[data-theme="light"] .kpi-icon {
  color: #577d2a;
}

html[data-theme="light"] .kpi-card.kpi-orders .kpi-value {
  color: #577d2a;
}

html[data-theme="light"] .status-filter-followup {
  color: #a05f00 !important;
}

html[data-theme="light"] .status-filter-followup.active {
  color: #a96500 !important;
}

html[data-theme="light"] .quote-secondary-accepted {
  color: #577d2a;
}

html[data-theme="light"] .quote-secondary-rejected {
  color: rgba(80, 80, 80, 0.7);
}

html[data-theme="light"] .quote-secondary-followup {
  color: #a05f00;
}

html[data-theme="light"] .mic-area .mic-timer {
  color: #587f2f;
}

html[data-theme="light"] .portal-status-banner.portal-pending {
  background: rgba(15, 23, 42, 0.036);
  border-color: rgba(15, 23, 42, 0.188);
}

html[data-theme="light"] .agb-warning-icon {
  color: #886f1d;
}

html[data-theme="light"] .portal-viewed .portal-status-icon {
  color: #076eed;
}

html[data-theme="light"] .portal-pending .portal-status-icon {
  background: rgba(15, 23, 42, 0.09);
  color: #4a5568;
}

html[data-theme="light"] .portal-accepted .portal-status-title {
  color: #577d2a;
}

html[data-theme="light"] .portal-rejected .portal-status-title {
  color: #e30b0b;
}

html[data-theme="light"] .portal-viewed .portal-status-title {
  color: #0470e8;
}

html[data-theme="light"] .status-draft {
  background: rgba(15, 23, 42, 0.072);
}

html[data-theme="light"] .status-sent {
  color: #076eed;
}

html[data-theme="light"] .status-accepted {
  color: #577d2a;
}

html[data-theme="light"] .status-rejected {
  color: #e30b0b;
}

html[data-theme="light"] .quote-viewed-indicator {
  color: rgba(88, 127, 47, 0.7);
}

html[data-theme="light"] .quote-doctype-badge.doctype-ab {
  color: #587f2f;
}

html[data-theme="light"] .quote-doctype-badge.doctype-invoice {
  color: #886f1d;
}

html[data-theme="light"] .quote-item-price {
  color: #587f2f;
}

html[data-theme="light"] .mic-inline-btn .mic-dot {
  background: #f5f6f8;
}

html[data-theme="light"] #mic-timer {
  color: #e31915;
}

html[data-theme="light"] .transcript-label {
  color: #587f2f;
}

html[data-theme="light"] .btn-text-icon:hover {
  color: #e31915;
}

html[data-theme="light"] .tag {
  color: #587f2f;
}

html[data-theme="light"] .btn.btn-primary-outline {
  color: #577d2a;
}

html[data-theme="light"] .btn.btn-danger-outline {
  color: #d83535;
}

html[data-theme="light"] .btn.btn-danger-outline:hover {
  color: #e51212;
}

html[data-theme="light"] .mic-error-body strong {
  color: #e30b0b;
}

html[data-theme="light"] .mic-error-retry {
  color: #577d2a;
}

html[data-theme="light"] .section-header {
  color: #587f2f;
}

html[data-theme="light"] .pos-engine-hint {
  color: #886f1d;
}

html[data-theme="light"] .pos-qty input,
html[data-theme="light"] .pos-price input {
  background: #f5f6f8;
}

html[data-theme="light"] .pos-delete:hover {
  color: #e31915;
}

html[data-theme="light"] .btn-quote-del {
  color: rgba(216, 53, 53, 0.6);
}

html[data-theme="light"] .btn-quote-del:hover {
  color: #d83535;
}

html[data-theme="light"] .voice-tip strong {
  color: #587f2f;
}

html[data-theme="light"] .voice-tip em {
  color: #1f2937;
}

html[data-theme="light"] .profile-incomplete-list {
  background: rgba(15, 23, 42, 0.11);
}

html[data-theme="light"] .profile-incomplete-list li {
  border-bottom: 1px solid rgba(15, 23, 42, 0.09);
  color: #1f2937;
}

html[data-theme="light"] .contract-banner.cancelled .contract-title {
  color: #9e6506;
}

html[data-theme="light"] .btn-ghost-danger {
  color: #d83535;
}

html[data-theme="light"] .btn-ghost-emerald {
  color: #587f2f;
}

html[data-theme="light"] .baudoku-progress-bar {
  background: rgba(15, 23, 42, 0.072);
}

html[data-theme="light"] .baudoku-progress-label {
  color: #587f2f;
}

html[data-theme="light"] .baudoku-empty {
  background: rgba(15, 23, 42, 0.018);
  border: 1px dashed rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .baudoku-entry {
  background: rgba(15, 23, 42, 0.027);
  border: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .baudoku-entry-type {
  color: #587f2f;
}

html[data-theme="light"] .baudoku-entry-type.is-note {
  color: #525a66;
}

html[data-theme="light"] .baudoku-share-btn {
  color: #587f2f;
}

html[data-theme="light"] .baudoku-share-btn.active {
  color: #886f1d;
}

html[data-theme="light"] .share-benefit-item {
  background: rgba(15, 23, 42, 0.027);
  color: rgba(11, 18, 32, 0.943);
}

html[data-theme="light"] .share-url-label {
  color: #587f2f;
}

html[data-theme="light"] .share-url-input {
  background: rgba(15, 23, 42, 0.22);
  border: 1px solid rgba(15, 23, 42, 0.16);
  color: #0b1220;
}

html[data-theme="light"] .share-channel-btn {
  background: rgba(15, 23, 42, 0.045);
  color: rgba(11, 18, 32, 0.943);
  border: 1px solid rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .share-channel-btn:hover {
  background: rgba(15, 23, 42, 0.072);
  color: #0b1220;
}

html[data-theme="light"] .share-channel-btn-danger {
  color: #d83535;
}

html[data-theme="light"] .share-channel-btn-danger:hover {
  color: #e80000;
}

html[data-theme="light"] .share-hint {
  background: rgba(15, 23, 42, 0.018);
  border-left: 2px solid rgba(15, 23, 42, 0.23);
  color: rgba(11, 18, 32, 0.628);
}

html[data-theme="light"] .catalog-search-input {
  background: rgba(15, 23, 42, 0.165);
  border: 1px solid rgba(15, 23, 42, 0.16);
  color: #0b1220;
}

html[data-theme="light"] .catalog-filter-chips {
  border-bottom: 1px solid rgba(15, 23, 42, 0.132);
}

html[data-theme="light"] .catalog-filter-chips::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.135);
}

html[data-theme="light"] .catalog-section-chip {
  color: rgba(11, 18, 32, 0.838);
  background: rgba(15, 23, 42, 0.045);
  border: 1px solid rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .catalog-section-chip:hover {
  background: rgba(15, 23, 42, 0.09);
  color: #0b1220;
}

html[data-theme="light"] .catalog-section-chip.active {
  color: #587f2f;
}

html[data-theme="light"] .catalog-list {
  background: rgba(15, 23, 42, 0.083);
}

html[data-theme="light"] .catalog-item {
  border-bottom: 1px solid rgba(15, 23, 42, 0.076);
}

html[data-theme="light"] .catalog-item-title {
  color: #0b1220;
}

html[data-theme="light"] .catalog-item-id {
  color: rgba(11, 18, 32, 0.417);
}

html[data-theme="light"] .catalog-item-section {
  color: rgba(88, 127, 47, 0.85);
}

html[data-theme="light"] .catalog-item-unit {
  color: rgba(11, 18, 32, 0.575);
  background: rgba(15, 23, 42, 0.045);
}

html[data-theme="light"] .catalog-empty {
  color: rgba(11, 18, 32, 0.47);
}

html[data-theme="light"] .catalog-qty-overlay {
  background: rgba(255, 255, 255, 0.96);
}

html[data-theme="light"] .voice-mic-circle {
  color: #587f2f;
}

html[data-theme="light"] .voice-mic-circle.recording {
  color: #d83535;
}

html[data-theme="light"] .voice-timer {
  color: #0b1220;
}

html[data-theme="light"] .baudoku-entry-thumb {
  border: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .baudoku-entry-gps a {
  color: #587f2f;
}

html[data-theme="light"] .baudoku-entry-delete:hover {
  color: #d83535;
}

html[data-theme="light"] .confirm-meta {
  background: rgba(15, 23, 42, 0.138);
  border: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .confirm-row + .confirm-row {
  border-top: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .confirm-value {
  color: #0b1220;
}

html[data-theme="light"] .confirm-value.warning {
  color: #9e6506;
}

html[data-theme="light"] .confirm-checkbox {
  background: rgba(15, 23, 42, 0.018);
  border: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .confirm-checkbox:hover {
  background: rgba(15, 23, 42, 0.036);
}

html[data-theme="light"] .evidence-badge.gps-exif {
  color: #577d2a;
}

html[data-theme="light"] .evidence-badge.gps-browser {
  color: #577d2a;
}

html[data-theme="light"] .evidence-badge.gps-none {
  color: #9e6506;
}

html[data-theme="light"] .evidence-badge.watermarked {
  color: #156fee;
}

html[data-theme="light"] .evidence-badge.hash {
  color: #4b5563;
}

html[data-theme="light"] .autosave-pill {
  color: #587f2f;
}

html[data-theme="light"] .autosave-pill[data-state="saving"] {
  color: #9e6506;
}

html[data-theme="light"] .autosave-pill[data-state="error"] {
  color: #d83535;
}

html[data-theme="light"] .btn-support {
  color: #587f2f !important;
}

html[data-theme="light"] .support-textarea {
  background: rgba(15, 23, 42, 0.165);
  border: 1px solid rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .sepa-banner-title {
  color: #886f1d;
}

html[data-theme="light"] .sepa-banner-text strong {
  color: #886f1d;
}

html[data-theme="light"] .sepa-banner-details {
  background: rgba(15, 23, 42, 0.138);
}

html[data-theme="light"] .sepa-row {
  border-bottom: 1px solid rgba(15, 23, 42, 0.09);
}

html[data-theme="light"] .sepa-value.sepa-copy:hover {
  color: #587f2f;
}

html[data-theme="light"] .sepa-value-amount {
  color: #886f1d !important;
}

html[data-theme="light"] .position-row--drag {
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.045);
}

html[data-theme="light"] .disclaimer {
  color: #886f1d;
}

html[data-theme="light"] .saved-indicator {
  color: #587f2f;
}

html[data-theme="light"] .auth-card {
  background: linear-gradient(
    135deg,
    rgba(15, 23, 42, 0.036) 0%,
    rgba(15, 23, 42, 0.009) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.132);
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-theme="light"] .app-header {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(255, 255, 255, 0.95) 100%
  );
  border-bottom: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .trial-banner {
  background: linear-gradient(
    135deg,
    rgba(124, 179, 66, 0.06) 0%,
    rgba(15, 23, 42, 0.018) 50%,
    rgba(212, 175, 55, 0.04) 100%
  );
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.09),
    0 0 60px rgba(124, 179, 66, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-theme="light"] .stat-card {
  background: linear-gradient(
    135deg,
    rgba(15, 23, 42, 0.036) 0%,
    rgba(15, 23, 42, 0.009) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.132);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html[data-theme="light"] .action-card {
  background: linear-gradient(
    135deg,
    rgba(15, 23, 42, 0.036) 0%,
    rgba(124, 179, 66, 0.02) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.132);
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-theme="light"] .action-card:hover {
  background: linear-gradient(
    135deg,
    rgba(15, 23, 42, 0.054) 0%,
    rgba(124, 179, 66, 0.05) 100%
  );
  box-shadow: 0 16px 48px rgba(15, 23, 42, 0.14),
    0 0 80px rgba(124, 179, 66, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html[data-theme="light"] .settings-card {
  background: linear-gradient(
    135deg,
    rgba(15, 23, 42, 0.027) 0%,
    rgba(15, 23, 42, 0.009) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.132);
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-theme="light"] .modal-overlay {
  background: rgba(255, 255, 255, 0.96);
}

html[data-theme="light"] .modal {
  background: linear-gradient(
    135deg,
    rgba(15, 23, 42, 0.045) 0%,
    rgba(124, 179, 66, 0.03) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.188);
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.14),
    0 0 100px rgba(124, 179, 66, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html[data-theme="light"] .transcript-box {
  background: rgba(15, 23, 42, 0.018);
  border: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .plan-option {
  background: linear-gradient(
    135deg,
    rgba(15, 23, 42, 0.027) 0%,
    rgba(15, 23, 42, 0.009) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.132);
}

html[data-theme="light"] .disclaimer {
  background: rgba(15, 23, 42, 0.018);
}

html[data-theme="light"] .req {
  color: #587f2f;
}

html[data-theme="light"] .auto-distance-info strong {
  color: #587f2f;
}

html[data-theme="light"] .field select {
  background: rgba(15, 23, 42, 0.027);
  border: 1px solid rgba(15, 23, 42, 0.132);
}

html[data-theme="light"] .field select option {
  background: #f5f6f8;
}

html[data-theme="light"] .field textarea {
  background: rgba(15, 23, 42, 0.027);
  border: 1px solid rgba(15, 23, 42, 0.132);
}

html[data-theme="light"] .settings-card h3:not(:first-child) {
  border-top: 1px solid rgba(15, 23, 42, 0.076);
}

html[data-theme="light"] .logo-preview {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.036), rgba(15, 23, 42, 0.009));
  border: 1px dashed rgba(15, 23, 42, 0.188);
}

html[data-theme="light"] .logo-status.success {
  color: #587f2f;
}

html[data-theme="light"] .logo-status.error {
  color: #e21313;
}

html[data-theme="light"] .quote-number {
  color: #587f2f;
}

html[data-theme="light"] .quote-section {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.027), rgba(15, 23, 42, 0.009));
  border: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .quote-section[open] {
  border-color: rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .quote-section summary:hover {
  background: rgba(15, 23, 42, 0.018);
}

html[data-theme="light"] .section-status {
  background: rgba(15, 23, 42, 0.027);
}

html[data-theme="light"] .section-status.warning {
  color: #886f1d;
}

html[data-theme="light"] .section-body {
  border-top: 1px solid rgba(15, 23, 42, 0.076);
}

html[data-theme="light"] .quote-save-bar {
  background: linear-gradient(135deg, rgba(124, 179, 66, 0.04), rgba(15, 23, 42, 0.009));
}

html[data-theme="light"] .field input[type="date"] {
  background: rgba(15, 23, 42, 0.027);
  border: 1px solid rgba(15, 23, 42, 0.132);
}

html[data-theme="light"] .draft-session-card {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.036), rgba(15, 23, 42, 0.009));
  border: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .draft-session-number {
  color: #587f2f;
}

html[data-theme="light"] .btn-icon {
  border: 1px solid rgba(15, 23, 42, 0.132);
}

html[data-theme="light"] .btn-icon:hover {
  background: rgba(15, 23, 42, 0.036);
  border-color: rgba(15, 23, 42, 0.244);
}

html[data-theme="light"] .btn-icon.danger:hover {
  color: #e21313;
}

html[data-theme="light"] .draft-preview-row {
  border-bottom: 1px solid rgba(15, 23, 42, 0.076);
}

html[data-theme="light"] .draft-preview-row.total .draft-preview-value {
  color: #587f2f;
}

html[data-theme="light"] .draft-preview-divider {
  background: rgba(15, 23, 42, 0.054);
}

html[data-theme="light"] .draft-feature-tag {
  color: #587f2f;
}

html[data-theme="light"] .draft-action-bar {
  background: linear-gradient(135deg, rgba(124, 179, 66, 0.04), rgba(15, 23, 42, 0.009));
}

html[data-theme="light"] .draft-action-bar .btn-text:hover {
  color: #e21313;
}

html[data-theme="light"] .price-section {
  background: rgba(15, 23, 42, 0.083);
}

html[data-theme="light"] .price-section-title {
  color: #587f2f;
}

html[data-theme="light"] .price-override-row {
  border-bottom: 1px solid rgba(15, 23, 42, 0.104);
  color: #1a2233;
}

html[data-theme="light"] .price-override-row:hover {
  background: rgba(15, 23, 42, 0.027);
}

html[data-theme="light"] .price-override-row.has-override .price-pos-title::before {
  color: #587f2f;
}

html[data-theme="light"] .price-pos-id {
  color: #4a5568;
}

html[data-theme="light"] .price-pos-title {
  color: #1a2233;
}

html[data-theme="light"] .price-override-input input {
  background: #f5f6f8;
  border: 1px solid rgba(15, 23, 42, 0.16);
  color: #0b1220;
}

html[data-theme="light"] .price-override-input input::placeholder {
  color: #4a5568;
}

html[data-theme="light"] .price-unit {
  color: #4a5568;
}

html[data-theme="light"] .draft-room-floor-select {
  background: #f5f6f8;
}

html[data-theme="light"] .draft-room-dim {
  background: rgba(15, 23, 42, 0.045);
}

html[data-theme="light"] .draft-feature-tag {
  color: #587f2f;
}

html[data-theme="light"] .draft-room-price {
  color: #587f2f;
}

html[data-theme="light"] .position-list-compact li {
  border-bottom: 1px solid rgba(15, 23, 42, 0.076);
}

html[data-theme="light"] .position-list-compact .pos-total {
  color: #587f2f;
}

html[data-theme="light"] .draft-room-floor-badge {
  background: rgba(15, 23, 42, 0.054);
}

html[data-theme="light"] .room-group-header {
  color: #587f2f;
}

html[data-theme="light"] .room-group-name-input {
  color: #587f2f;
}

html[data-theme="light"] .customer-total {
  color: #587f2f;
}

html[data-theme="light"] .customer-detail-meta a {
  color: #587f2f;
}

html[data-theme="light"] .customer-distance-info--empty {
  background: rgba(15, 23, 42, 0.027);
  border-color: rgba(15, 23, 42, 0.132);
  border-left-color: rgba(15, 23, 42, 0.3);
}

html[data-theme="light"] .customer-distance-info .cdi-text strong {
  color: #587f2f;
}

html[data-theme="light"] .customer-distance-info .cdi-recalc-btn {
  background: rgba(15, 23, 42, 0.045);
  border: 1px solid rgba(15, 23, 42, 0.188);
}

html[data-theme="light"] .customer-distance-info .cdi-recalc-btn:hover {
  color: #587f2f;
}

html[data-theme="light"] .modal-overlay {
  background: rgba(15, 23, 42, 0.385);
}

html[data-theme="light"] .wf-step.done {
  color: #587f2f;
}

html[data-theme="light"] .wf-step.done   .wf-dot {
  color: #587f2f;
}

html[data-theme="light"] .bottom-nav {
  background: rgba(255, 255, 255, 0.96);
}

html[data-theme="light"] .bottom-nav-item:hover,
html[data-theme="light"] .bottom-nav-item.active {
  color: #587f2f;
}

html[data-theme="light"] .modal-overlay {
  background: rgba(15, 23, 42, 0.413);
}

html[data-theme="light"] .modal-box {
  background: #f5f6f8;
  border: 1px solid rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .addroom-feature-grid label:hover {
  background: rgba(15, 23, 42, 0.027);
}

html[data-theme="light"] .modal-header {
  border-bottom: 1px solid rgba(15, 23, 42, 0.118);
}

html[data-theme="light"] .modal-close {
  color: rgba(11, 18, 32, 0.47);
}

html[data-theme="light"] .modal-body {
  background: #f5f6f8;
  color: #1f2937;
}

html[data-theme="light"] .modal-footer {
  border-top: 1px solid rgba(15, 23, 42, 0.118);
  background: #f5f6f8;
}

html[data-theme="light"] .pdf-preview-loading {
  color: #5f6874;
}

html[data-theme="light"] .status-archived {
  color: #5f6874;
}

html[data-theme="light"] .glass-card {
  background: linear-gradient(
    135deg,
    rgba(15, 23, 42, 0.036) 0%,
    rgba(15, 23, 42, 0.009) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.132);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html[data-theme="light"] .referral-sub {
  color: rgba(11, 18, 32, 0.575);
}

html[data-theme="light"] .referral-code {
  color: #587f2f;
}

html[data-theme="light"] .btn-copy:hover {
  background: rgba(15, 23, 42, 0.045);
}

html[data-theme="light"] .feedback-card {
  color: #1f2937;
}

html[data-theme="light"] .feedback-title {
  color: #0b1220;
}

html[data-theme="light"] .feedback-sub {
  color: rgba(11, 18, 32, 0.575);
}

html[data-theme="light"] .page-back-btn {
  color: rgba(11, 18, 32, 0.523);
}

html[data-theme="light"] .page-back-btn:hover {
  color: rgba(11, 18, 32, 0.89);
}

html[data-theme="light"] .plan-overview {
  background: rgba(15, 23, 42, 0.11);
}

html[data-theme="light"] .plan-overview-row + .plan-overview-row {
  border-top: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .plan-status-trial {
  color: #886f1d;
}

html[data-theme="light"] .plan-status-active {
  color: #577d2a;
}

html[data-theme="light"] .plan-status-cancelled {
  color: #d83535;
}

html[data-theme="light"] .plan-status-expired {
  color: #5b6470;
}

html[data-theme="light"] .modal-stripe-notice {
  color: rgba(140, 105, 0, 0.85);
}

html[data-theme="light"] .modal-stripe-notice strong {
  color: #8c6900;
}

html[data-theme="light"] .modal .seat-stepper {
  background: rgba(15, 23, 42, 0.036);
}

html[data-theme="light"] .modal .calc-breakdown {
  background: rgba(15, 23, 42, 0.11);
}

html[data-theme="light"] .modal .breakdown-line {
  border-bottom: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .modal .breakdown-totals {
  border-top: 1px solid rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .modal .breakdown-row-final {
  color: #577d2a;
  border-top: 1px solid rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .plan-summary-change {
  color: #587f2f;
}

html[data-theme="light"] .plan-summary-line span:last-child {
  color: #587f2f;
}

html[data-theme="light"] .avv-tooltip-trigger {
  color: #587f2f;
}

html[data-theme="light"] .avv-tooltip strong {
  color: #587f2f;
}

html[data-theme="light"] .avv-tooltip a {
  color: #587f2f;
}

html[data-theme="light"] .quote-section {
  border-bottom: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] details.quote-section-details {
  border-bottom: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .user-catalog-item {
  border: 1px solid rgba(15, 23, 42, 0.132);
}

html[data-theme="light"] .user-catalog-item:hover {
  background: #f1f3f6;
}

html[data-theme="light"] .user-catalog-item-price {
  color: #587f2f;
}

html[data-theme="light"] .user-catalog-btn-del {
  border: 1px solid rgba(15, 23, 42, 0.23);
}

html[data-theme="light"] .user-catalog-btn-del:hover {
  color: #e50000;
}

html[data-theme="light"] .consent-toggle-slider {
  background: rgba(15, 23, 42, 0.108);
  border: 1px solid rgba(15, 23, 42, 0.23);
}

html[data-theme="light"] .consent-toggle input:checked + .consent-toggle-slider::before {
  background: #f5f6f8;
}

html[data-theme="light"] .checkbox.checkbox-optional {
  border-top: 1px dashed rgba(15, 23, 42, 0.23);
}

html[data-theme="light"] .checkbox.checkbox-optional strong {
  color: #587f2f;
}

html[data-theme="light"] .invoices-empty {
  background: rgba(15, 23, 42, 0.11);
  border: 1px dashed rgba(15, 23, 42, 0.188);
}

html[data-theme="light"] .invoice-row {
  background: rgba(15, 23, 42, 0.11);
  border: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .invoice-row:hover {
  background: rgba(15, 23, 42, 0.154);
}

html[data-theme="light"] .invoice-row-meta .sep {
  color: rgba(11, 18, 32, 0.26);
}

html[data-theme="light"] .invoice-row-gross {
  color: #587f2f;
}

html[data-theme="light"] .invoice-pdf-btn {
  color: #587f2f;
}

html[data-theme="light"] .invoice-pdf-btn:hover {
  color: #577d2a;
}

html[data-theme="light"] .qns-status-value {
  color: #587f2f;
}

html[data-theme="light"] .qns-warning strong {
  color: #886f1d;
}

html[data-theme="light"] .qns-feedback.ok {
  color: #557924;
}

html[data-theme="light"] .qns-feedback.err {
  color: #e20808;
}

html[data-theme="light"] .ci-row {
  background: rgba(15, 23, 42, 0.11);
  border: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .ci-badge.draft {
  background: rgba(15, 23, 42, 0.09);
  color: #3b4658;
}

html[data-theme="light"] .ci-badge.issued {
  color: #0470e8;
}

html[data-theme="light"] .ci-badge.paid {
  color: #557924;
}

html[data-theme="light"] .ci-badge.cancelled {
  color: #e20808;
}

html[data-theme="light"] .ci-action-btn {
  color: #587f2f;
}

html[data-theme="light"] .ci-action-btn.danger {
  color: #e20808;
}

html[data-theme="light"] .ci-preview {
  background: rgba(15, 23, 42, 0.11);
}

html[data-theme="light"] .ci-edit-status.draft {
  background: rgba(15, 23, 42, 0.054);
  color: #3b4658;
  border: 1px solid rgba(15, 23, 42, 0.188);
}

html[data-theme="light"] .ci-edit-status.issued {
  color: #0470e8;
}

html[data-theme="light"] .ci-edit-status.paid {
  color: #557924;
}

html[data-theme="light"] .ci-edit-status.cancelled {
  color: #e20808;
}

html[data-theme="light"] .ci-totals {
  background: rgba(15, 23, 42, 0.11);
}

html[data-theme="light"] .ci-totals-row.gross {
  border-top: 1px solid rgba(15, 23, 42, 0.16);
  color: #577d2a;
}

html[data-theme="light"] .ci-edit-actions {
  border-top: 1px solid rgba(15, 23, 42, 0.132);
}

html[data-theme="light"] .btn-danger-soft {
  color: #e20808;
}

html[data-theme="light"] .modal-badge {
  color: #587f2f;
}

html[data-theme="light"] .ci-items-add-btn {
  color: #587f2f;
}

html[data-theme="light"] .ci-items-scroll {
  background: #f1f3f6;
  border: 1px solid rgba(15, 23, 42, 0.132);
}

html[data-theme="light"] .ci-items-table th {
  background: #eef1f5;
  border-bottom: 2px solid rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .ci-items-table td {
  border-bottom: 1px solid rgba(15, 23, 42, 0.076);
}

html[data-theme="light"] .ci-row-delete-btn {
  color: rgba(226, 19, 19, 0.6);
}

html[data-theme="light"] .ci-row-delete-btn:hover {
  color: #e20808;
}

html[data-theme="light"] .error-banner {
  color: #e20808;
}

html[data-theme="light"] .pw-toggle:hover {
  color: #587f2f;
}

html[data-theme="light"] .pw-toggle.pw-visible {
  color: #587f2f;
}

html[data-theme="light"] .customers-controls {
  border: 1px solid #d5dbe3;
}

html[data-theme="light"] .customers-controls .cc-select {
  background: #f5f6f8;
  border: 1px solid #d5dbe3;
}

html[data-theme="light"] .customers-controls .cc-export-btn {
  border: 1px solid #d5dbe3;
}

html[data-theme="light"] .customers-controls .cc-export-btn:hover {
  color: #587f2f;
}

html[data-theme="light"] .customer-card-action {
  border: 1px solid #d5dbe3;
}

html[data-theme="light"] .customer-card-action:hover {
  color: #587f2f;
}

html[data-theme="light"] .customer-stats-box {
  border: 1px solid #d5dbe3;
}

html[data-theme="light"] .customer-stats-box .cs-value.cs-revenue {
  color: #587f2f;
}

html[data-theme="light"] .duplicate-warning {
  background: #ebe4db;
  color: #8f6c17;
}

html[data-theme="light"] .duplicate-warning strong {
  color: #8e6907;
}

html[data-theme="light"] .duplicate-warning .dw-btn {
  color: #866e29;
}

html[data-theme="light"] .tag-chip {
  color: #587f2f;
}

html[data-theme="light"] .tag-chip-more {
  color: #4a5568;
}

html[data-theme="light"] .cust-tags-chips {
  background: rgba(15, 23, 42, 0.11);
}

html[data-theme="light"] .cust-tags-chips:empty::before {
  color: #4a5568;
}

html[data-theme="light"] .tag-chip-editable {
  color: #587f2f;
}

html[data-theme="light"] .tag-chip-editable button {
  color: #587f2f;
}

html[data-theme="light"] .tag-chip-editable button:hover {
  color: #e50000;
}

html[data-theme="light"] .cust-action {
  color: #587f2f;
}

html[data-theme="light"] .cd-rating {
  color: #866e29;
}

html[data-theme="light"] .cd-source {
  color: #4a5568;
}

html[data-theme="light"] .ctab {
  color: #4a5568;
}

html[data-theme="light"] .ctab:hover {
  color: #334155;
}

html[data-theme="light"] .ctab.active {
  color: #587f2f;
}

html[data-theme="light"] .act-item {
  background: rgba(255, 255, 255, 0.85);
}

html[data-theme="light"] .act-head strong {
  color: #1a2233;
}

html[data-theme="light"] .act-date {
  color: #4a5568;
}

html[data-theme="light"] .act-text {
  color: #334155;
}

html[data-theme="light"] .act-type {
  color: #4a5568;
}

html[data-theme="light"] .act-del {
  color: #4a5568;
}

html[data-theme="light"] .act-del:hover {
  color: #e50000;
}

html[data-theme="light"] .fu-item {
  background: rgba(255, 255, 255, 0.85);
}

html[data-theme="light"] .fu-item.fu-overdue {
  background: rgba(255, 255, 255, 0.65);
}

html[data-theme="light"] .fu-date strong {
  color: #1a2233;
}

html[data-theme="light"] .fu-reason {
  color: #1a2233;
}

html[data-theme="light"] .fu-notes {
  color: #334155;
}

html[data-theme="light"] .fu-status {
  color: #4a5568;
}

html[data-theme="light"] .addr-item {
  background: rgba(255, 255, 255, 0.85);
}

html[data-theme="light"] .addr-type {
  color: #4a5568;
}

html[data-theme="light"] .addr-label {
  color: #1a2233;
}

html[data-theme="light"] .addr-line {
  color: #334155;
}

html[data-theme="light"] .addr-notes {
  color: #4a5568;
}

html[data-theme="light"] .quote-project-tag {
  color: #587f2f;
}

html[data-theme="light"] .dup-match {
  background: rgba(15, 23, 42, 0.165);
}

html[data-theme="light"] .dup-conf {
  color: #866e29;
}

html[data-theme="light"] .dup-match.dup-high .dup-conf {
  color: #e50000;
}

html[data-theme="light"] .dup-match.dup-low .dup-conf {
  color: #4a5568;
}

html[data-theme="light"] .dup-name {
  color: #1a2233;
}

html[data-theme="light"] .dup-meta {
  color: #4a5568;
}

html[data-theme="light"] .dup-reason {
  color: #334155;
}

html[data-theme="light"] .btn-ghost {
  color: #334155;
}

html[data-theme="light"] .ob-title {
  color: #1a2233;
}

html[data-theme="light"] .ob-dismiss {
  color: #4a5568;
}

html[data-theme="light"] .ob-dismiss:hover {
  color: #1a2233;
}

html[data-theme="light"] .ob-progress-text {
  color: #4a5568;
}

html[data-theme="light"] .ob-step {
  background: rgba(255, 255, 255, 0.75);
}

html[data-theme="light"] .ob-step:hover {
  background: rgba(255, 255, 255, 0.95);
}

html[data-theme="light"] .ob-step-num {
  color: #334155;
}

html[data-theme="light"] .ob-step-title {
  color: #1a2233;
}

html[data-theme="light"] .ob-step-desc {
  color: #4a5568;
}

html[data-theme="light"] .ob-step-tag {
  color: #4a5568;
}

html[data-theme="light"] .ob-step.ob-step-done .ob-step-title {
  text-decoration-color: rgba(88, 127, 47, 0.5);
  color: #334155;
}

html[data-theme="light"] .ob-step.ob-step-done .ob-step-btn {
  color: #587f2f;
}

html[data-theme="light"] .empty-hero {
  background: rgba(255, 255, 255, 0.75);
}

html[data-theme="light"] .empty-hero-icon {
  color: #587f2f;
}

html[data-theme="light"] .empty-hero h3 {
  color: #1a2233;
}

html[data-theme="light"] .empty-hero p {
  color: #4a5568;
}

html[data-theme="light"] .empty-hero-tips {
  color: #334155;
}

html[data-theme="light"] .empty-hero-tips strong {
  color: #866e29;
}

html[data-theme="light"] .cancel-reason {
  background: rgba(255, 255, 255, 0.75);
}

html[data-theme="light"] .cancel-reason:hover {
  background: rgba(255, 255, 255, 0.95);
}

html[data-theme="light"] #cancel-feedback {
  background: rgba(255, 255, 255, 0.75);
}

html[data-theme="light"] .seats-section {
  background: rgba(255, 255, 255, 0.75);
}

html[data-theme="light"] .seats-section-meta strong {
  color: #587f2f;
}

html[data-theme="light"] .seat-row {
  background: rgba(255, 255, 255, 0.85);
}

html[data-theme="light"] .seat-position {
  color: #587f2f;
}

html[data-theme="light"] .seat-cancelled .seat-position {
  color: #866e29;
}

html[data-theme="light"] .seat-cancel-info {
  color: #866e29;
}

html[data-theme="light"] .seat-tag {
  color: #587f2f;
}

html[data-theme="light"] .profile-banner-progress-ring .ring-bg {
  stroke: rgba(74, 85, 104, 0.18);
}

html[data-theme="light"] .profile-banner-progress-ring .ring-fill {
  stroke: #587f2f;
}

html[data-theme="light"] .profile-banner-progress-ring .ring-label {
  color: #587f2f;
}

html[data-theme="light"] .profile-banner-missing-item {
  background: rgba(255, 255, 255, 0.85);
}

html[data-theme="light"] .profile-banner-missing-item:hover {
  color: #587f2f;
}

html[data-theme="light"] .beta-notice-title {
  color: #866e29;
}

html[data-theme="light"] .required {
  color: #866e29;
}

html[data-theme="light"] .btn-back-link:hover {
  color: #587f2f;
}

html[data-theme="light"] .pp-modal-overlay {
  background: rgba(15, 23, 42, 0.358);
}

html[data-theme="light"] .pp-modal-card {
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.14);
}

html[data-theme="light"] .pp-modal-icon {
  color: #587f2f;
}

html[data-theme="light"] .pp-modal-icon.danger {
  color: #df2e1b;
}

html[data-theme="light"] .pw-toggle:hover {
  background: rgba(15, 23, 42, 0.045);
}

html[data-theme="light"] .pw-change-message.error {
  color: #df2e1b;
}

html[data-theme="light"] .pw-change-message.success {
  color: #587f2f;
}

html[data-theme="light"] .dash-hero {
  border: 1px solid rgba(15, 23, 42, 0.132);
}

html[data-theme="light"] .dash-hero-steps b {
  color: #587f2f;
}

html[data-theme="light"] .dash-step-arrow {
  color: #587f2f;
}

html[data-theme="light"] .todo-row {
  background: rgba(15, 23, 42, 0.027);
}

html[data-theme="light"] .todo-row:hover {
  background: rgba(15, 23, 42, 0.054);
}

html[data-theme="light"] .todo-num {
  background: rgba(15, 23, 42, 0.063);
}

html[data-theme="light"] .todo-warn .todo-num {
  color: #886f1d;
}

html[data-theme="light"] .todo-info .todo-num {
  color: #2373b9;
}

html[data-theme="light"] .todo-ok .todo-num {
  color: #577d2a;
}

html[data-theme="light"] .saved-hero-icon {
  color: #577d2a;
}

html[data-theme="light"] .saved-hero-value {
  color: #577d2a;
}

html[data-theme="light"] .saved-hero-basis {
  color: #5b6576;
  border-top: 1px solid rgba(15, 23, 42, 0.118);
}

html[data-theme="light"] .sepa-toggle-hint {
  color: #577d2a;
}

html[data-theme="light"] .btn-header-cta {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.105), inset 0 1px 0 rgba(255,255,255,.22);
}

html[data-theme="light"] .btn-header-cta::before {
  background: linear-gradient(115deg,transparent 32%,rgba(15, 23, 42, 0.378) 50%,transparent 68%);
}

html[data-theme="light"] .btn-header-cta:active {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.105);
}

html[data-theme="light"] .draft-hinweise-title {
  color: #886f1d;
}

html[data-theme="light"] .profil-warnung-kopf {
  color: #886f1d;
}

/* ---- app.js injected block 1 ---- */

html[data-theme="light"] .draft-room-card {
  background: rgba(15, 23, 42, 0.036);
  border: 1px solid rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .draft-room-floor-badge {
  color: #8c6900;
}

html[data-theme="light"] .draft-room-name-input {
  border-bottom: 1px dashed rgba(15, 23, 42, 0.3);
}

html[data-theme="light"] .draft-room-name-input:focus {
  background: rgba(15, 23, 42, 0.036);
}

html[data-theme="light"] .draft-room-floor-select {
  background: rgba(15, 23, 42, 0.054);
  border: 1px solid rgba(15, 23, 42, 0.188);
}

html[data-theme="light"] .needs-dims-title {
  color: #8c6900;
}

html[data-theme="light"] .needs-dims-detected {
  color: rgba(11, 18, 32, 0.838);
}

html[data-theme="light"] .needs-dims-detected strong {
  color: #0b1220;
}

html[data-theme="light"] .needs-dims-inputs label {
  color: rgba(11, 18, 32, 0.89);
}

html[data-theme="light"] .needs-dims-inputs input {
  background: rgba(15, 23, 42, 0.138);
  border: 1px solid rgba(15, 23, 42, 0.23);
  color: #0b1220;
}

html[data-theme="light"] .no-work-title {
  color: #577d2a;
}

html[data-theme="light"] .no-work-text {
  color: rgba(11, 18, 32, 0.733);
}

html[data-theme="light"] .material-hint-title {
  color: #0c75ca;
}

html[data-theme="light"] .material-hint-text {
  color: rgba(11, 18, 32, 0.785);
}

html[data-theme="light"] .material-hint-text strong {
  color: #0b1220;
}

html[data-theme="light"] .material-hint-text em {
  color: #0c75ca;
}

html[data-theme="light"] .no-work-text em {
  color: rgba(11, 18, 32, 0.943);
}

html[data-theme="light"] .room-group-floor {
  color: #8c6900;
}

html[data-theme="light"] .room-group-floor-select {
  color: rgba(140, 105, 0, 0.55);
}

html[data-theme="light"] .room-group-floor-select.has-value {
  color: #8c6900;
}

html[data-theme="light"] .room-group-floor-select option {
  background: #ecf4ee;
  color: #8c6900;
}

html[data-theme="light"] .draft-room-type-badge {
  color: #577d2a;
}

html[data-theme="light"] .draft-room-dim {
  background: rgba(15, 23, 42, 0.054);
}

html[data-theme="light"] .draft-room-footer {
  border-top: 1px solid rgba(15, 23, 42, 0.104);
}

html[data-theme="light"] .room-group {
  border: 1px solid rgba(15, 23, 42, 0.132);
}

html[data-theme="light"] .room-group-header {
  background: rgba(255, 255, 255, 0.85);
}

html[data-theme="light"] .room-group-meta {
  color: #577d2a;
}

/* ---- app.js injected block 2 ---- */

html[data-theme="light"] .price-edit-list {
  background: #ffffff;
}

html[data-theme="light"] .price-edit-chips {
  background: #ffffff;
  border-bottom: 1px solid #d5dbe3;
}

html[data-theme="light"] .price-edit-chip {
  background: #f1f3f6;
  color: #334155;
  border: 1px solid #d5dbe3;
}

html[data-theme="light"] .price-edit-chip:hover {
  background: #dbebdb;
  color: #577d2a;
}

html[data-theme="light"] .price-edit-chip-count {
  color: #587f2f;
}

html[data-theme="light"] .price-edit-section-header {
  background: #dbebdb;
  color: #577d2a;
}

html[data-theme="light"] .price-edit-row {
  background: #f1f3f6;
  border-top: 1px solid #d5dbe3;
  color: #1a2233;
}

html[data-theme="light"] .price-edit-id {
  color: #4a5568;
}

html[data-theme="light"] .price-edit-title {
  color: #1a2233;
}

html[data-theme="light"] .price-edit-input {
  background: #f5f6f8;
  border: 1px solid #d5dbe3;
  color: #0b1220;
}

html[data-theme="light"] .price-edit-unit {
  color: #4a5568;
}

/* ---- app.js injected block 3 ---- */

html[data-theme="light"] .sl-summary {
  background: #f1f3f6;
  border: 1px solid #dde2e9;
}

html[data-theme="light"] .sl-group-title {
  color: #587f2f;
  border-bottom: 1px solid #dde2e9;
}

html[data-theme="light"] .sl-row {
  border-bottom: 1px solid #e8ebf0;
}

html[data-theme="light"] .sl-disclaimer {
  background: #f1f3f6;
}

html[data-theme="light"] .sl-hint {
  background: #f1f3f6;
  border: 1px solid #dde2e9;
}

html[data-theme="light"] .sl-hint button {
  color: #587f2f;
}

html[data-theme="light"] .sl-toolbar {
  background: #f1f3f6;
  border: 1px solid #dde2e9;
}

html[data-theme="light"] .sl-tb-btn {
  border: 1px solid #dde2e9;
}

html[data-theme="light"] .sl-tb-btn:hover {
  color: #587f2f;
}

/* ---- ids-ui.js block 1 ---- */

html[data-theme="light"] .ids-ov {
  background: rgba(255, 255, 255, 0.96);
}

html[data-theme="light"] .ids-d {
  background: rgba(15, 23, 42, 0.027);
}

html[data-theme="light"] .ids-tag.ok {
  color: #577d2a;
}

html[data-theme="light"] .ids-tag.no {
  color: #886f1d;
}

html[data-theme="light"] .ids-l .q {
  color: #577d2a;
}

html[data-theme="light"] .ids-warn {
  color: #886f1d;
}

/* ---- inline styles (app.html, app.js) ---- */

html[data-theme="light"] [style^="background: rgb(4, 6, 12)"],
html[data-theme="light"] [style*=";background: rgb(4, 6, 12)"],
html[data-theme="light"] [style*="; background: rgb(4, 6, 12)"] {
  background: #f5f6f8 !important;
}

html[data-theme="light"] [style^="background: rgba(255, 255, 255, 0.04)"],
html[data-theme="light"] [style*=";background: rgba(255, 255, 255, 0.04)"],
html[data-theme="light"] [style*="; background: rgba(255, 255, 255, 0.04)"] {
  background: rgba(15, 23, 42, 0.036) !important;
}

html[data-theme="light"] [style^="background:#000"],
html[data-theme="light"] [style*=";background:#000"],
html[data-theme="light"] [style*="; background:#000"] {
  background: #eef0f3 !important;
}

html[data-theme="light"] [style^="background:#04060c"],
html[data-theme="light"] [style*=";background:#04060c"],
html[data-theme="light"] [style*="; background:#04060c"] {
  background: #f5f6f8 !important;
}

html[data-theme="light"] [style^="background:#0a0f1a"],
html[data-theme="light"] [style*=";background:#0a0f1a"],
html[data-theme="light"] [style*="; background:#0a0f1a"] {
  background: #edf0f5 !important;
}

html[data-theme="light"] [style^="background:#1a1a1a"],
html[data-theme="light"] [style*=";background:#1a1a1a"],
html[data-theme="light"] [style*="; background:#1a1a1a"] {
  background: #f3f4f6 !important;
}

html[data-theme="light"] [style^="background:#1a1f08"],
html[data-theme="light"] [style*=";background:#1a1f08"],
html[data-theme="light"] [style*="; background:#1a1f08"] {
  background: #f3f5ec !important;
}

html[data-theme="light"] [style^="background:rgba(0,0,0,0.3)"],
html[data-theme="light"] [style*=";background:rgba(0,0,0,0.3)"],
html[data-theme="light"] [style*="; background:rgba(0,0,0,0.3)"] {
  background: rgba(15, 23, 42, 0.165) !important;
}

html[data-theme="light"] [style^="background:rgba(255,255,255,0.04)"],
html[data-theme="light"] [style*=";background:rgba(255,255,255,0.04)"],
html[data-theme="light"] [style*="; background:rgba(255,255,255,0.04)"] {
  background: rgba(15, 23, 42, 0.036) !important;
}

html[data-theme="light"] [style^="background:var(--surface,#0b0f16)"],
html[data-theme="light"] [style*=";background:var(--surface,#0b0f16)"],
html[data-theme="light"] [style*="; background:var(--surface,#0b0f16)"] {
  background: #ffffff !important;
}

html[data-theme="light"] [style*="border:1px solid rgba(255,255,255,0.1)"] {
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] [style*="border:1px solid var(--line,#1c2530)"] {
  border: 1px solid #dde2e9 !important;
}

html[data-theme="light"] [style*="border:3px solid rgba(255,255,255,.15)"] {
  border: 3px solid rgba(15, 23, 42, 0.23) !important;
}

html[data-theme="light"] [style*="border-color:#3d4d10"] {
  border-color: #d9e7b1 !important;
}

html[data-theme="light"] [style*="border-color:rgba(255,255,255,0.08)"] {
  border-color: rgba(15, 23, 42, 0.132) !important;
}

html[data-theme="light"] [style*="border-left:2px solid rgba(255,255,255,.15)"] {
  border-left: 2px solid rgba(15, 23, 42, 0.23) !important;
}

html[data-theme="light"] [style*="border-top:1px solid var(--border,#1e2430)"] {
  border-top: 1px solid #dde2e9 !important;
}

html[data-theme="light"] [style^="color: rgb(139, 195, 74)"],
html[data-theme="light"] [style*=";color: rgb(139, 195, 74)"],
html[data-theme="light"] [style*="; color: rgb(139, 195, 74)"] {
  color: #577d2a !important;
}

html[data-theme="light"] [style^="color:#7cb342"],
html[data-theme="light"] [style*=";color:#7cb342"],
html[data-theme="light"] [style*="; color:#7cb342"] {
  color: #587f2f !important;
}

html[data-theme="light"] [style^="color:#888"],
html[data-theme="light"] [style*=";color:#888"],
html[data-theme="light"] [style*="; color:#888"] {
  color: #5f6874 !important;
}

html[data-theme="light"] [style^="color:#8bc34a"],
html[data-theme="light"] [style*=";color:#8bc34a"],
html[data-theme="light"] [style*="; color:#8bc34a"] {
  color: #577d2a !important;
}

html[data-theme="light"] [style^="color:#999"],
html[data-theme="light"] [style*=";color:#999"],
html[data-theme="light"] [style*="; color:#999"] {
  color: #5b6470 !important;
}

html[data-theme="light"] [style^="color:#9aa5b8"],
html[data-theme="light"] [style*=";color:#9aa5b8"],
html[data-theme="light"] [style*="; color:#9aa5b8"] {
  color: #4a5568 !important;
}

html[data-theme="light"] [style^="color:#aaa"],
html[data-theme="light"] [style*=";color:#aaa"],
html[data-theme="light"] [style*="; color:#aaa"] {
  color: #525a66 !important;
}

html[data-theme="light"] [style^="color:#e06060"],
html[data-theme="light"] [style*=";color:#e06060"],
html[data-theme="light"] [style*="; color:#e06060"] {
  color: #d83535 !important;
}

html[data-theme="light"] [style^="color:#e06666"],
html[data-theme="light"] [style*=";color:#e06666"],
html[data-theme="light"] [style*="; color:#e06666"] {
  color: #d63333 !important;
}

html[data-theme="light"] [style^="color:#e53935"],
html[data-theme="light"] [style*=";color:#e53935"],
html[data-theme="light"] [style*="; color:#e53935"] {
  color: #df211d !important;
}

html[data-theme="light"] [style^="color:#f0ad4e"],
html[data-theme="light"] [style*=";color:#f0ad4e"],
html[data-theme="light"] [style*="; color:#f0ad4e"] {
  color: #a2640e !important;
}

html[data-theme="light"] [style^="color:#fca5a5"],
html[data-theme="light"] [style*=";color:#fca5a5"],
html[data-theme="light"] [style*="; color:#fca5a5"] {
  color: #e20808 !important;
}

html[data-theme="light"] [style^="color:#ff5252"],
html[data-theme="light"] [style*=";color:#ff5252"],
html[data-theme="light"] [style*="; color:#ff5252"] {
  color: #eb0000 !important;
}

html[data-theme="light"] [style^="color:#ff9800"],
html[data-theme="light"] [style*=";color:#ff9800"],
html[data-theme="light"] [style*="; color:#ff9800"] {
  color: #a36100 !important;
}

html[data-theme="light"] [style^="color:#ffc107"],
html[data-theme="light"] [style*=";color:#ffc107"],
html[data-theme="light"] [style*="; color:#ffc107"] {
  color: #8c6900 !important;
}

html[data-theme="light"] [style^="color:#fff"],
html[data-theme="light"] [style*=";color:#fff"],
html[data-theme="light"] [style*="; color:#fff"] {
  color: #0b1220 !important;
}

html[data-theme="light"] [style^="color:rgba(139,195,74,0.8)"],
html[data-theme="light"] [style*=";color:rgba(139,195,74,0.8)"],
html[data-theme="light"] [style*="; color:rgba(139,195,74,0.8)"] {
  color: rgba(87, 125, 42, 0.8) !important;
}

html[data-theme="light"] [style^="color:rgba(255,255,255,0.5)"],
html[data-theme="light"] [style*=";color:rgba(255,255,255,0.5)"],
html[data-theme="light"] [style*="; color:rgba(255,255,255,0.5)"] {
  color: rgba(11, 18, 32, 0.575) !important;
}

html[data-theme="light"] [style^="color:rgba(255,255,255,0.6)"],
html[data-theme="light"] [style*=";color:rgba(255,255,255,0.6)"],
html[data-theme="light"] [style*="; color:rgba(255,255,255,0.6)"] {
  color: rgba(11, 18, 32, 0.68) !important;
}

html[data-theme="light"] [style^="color:var(--emerald)"],
html[data-theme="light"] [style*=";color:var(--emerald)"],
html[data-theme="light"] [style*="; color:var(--emerald)"] {
  color: #587f2f !important;
}

html[data-theme="light"] [style^="color:var(--emerald,#7cb342)"],
html[data-theme="light"] [style*=";color:var(--emerald,#7cb342)"],
html[data-theme="light"] [style*="; color:var(--emerald,#7cb342)"] {
  color: #587f2f !important;
}

/* ============================================================
   Teil 3: Feinschliff helle Ansicht (von Hand)
   ============================================================ */

/* Glas-Dialoge liegen im Dunkeln auf schwarzem Grund. Hell brauchen sie
   eine feste weisse Flaeche, sonst wirken sie grau und matt. */
html[data-theme="light"] .modal-overlay .modal,
html[data-theme="light"] .modal-overlay .glass-card,
html[data-theme="light"] .modal-overlay .pp-modal-card {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.10);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}
html[data-theme="light"] .modal-overlay .modal-card {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
}
html[data-theme="light"] .modal-overlay {
  background: rgba(15, 23, 42, 0.35);
}

/* Kleine, halbtransparente Hinweise brauchen hell mehr Deckkraft */
html[data-theme="light"] .btn-quote-del { color: #c62828; }
html[data-theme="light"] .quote-viewed-indicator { color: #4f7d23; }
html[data-theme="light"] .ids-bx { background: #ffffff; box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .ids-ov { background: rgba(15, 23, 42, 0.35); }