/* =====================================================================
   NailControl — tema (carregado depois do app.css)
   Paleta: rosa #A23C63 · rosa profundo #6E1F42 · bege #E9DCCB · creme #F6EFE7 · texto #2B1B22
   ===================================================================== */

:root {
  --bg: #F6EFE7;
  --bg-glow: radial-gradient(1200px 600px at 85% -10%, rgba(162, 60, 99, .10), transparent 60%),
             radial-gradient(900px 500px at -10% 110%, rgba(233, 220, 203, .9), transparent 60%);
  --surface: #FFFFFF;
  --surface-2: #F7F1EB;
  --surface-3: #EEE3D8;
  --text: #2B1B22;
  --text-2: #6B5560;
  --text-3: #A08F96;
  --line: rgba(43, 27, 34, .08);
  --line-strong: rgba(43, 27, 34, .14);

  --accent: #A23C63;
  --accent-2: #6E1F42;
  --accent-grad: linear-gradient(135deg, #C4567F 0%, #A23C63 45%, #6E1F42 100%);
  --accent-ink: #A23C63;
  --accent-soft: rgba(162, 60, 99, .09);
  --accent-ring: rgba(162, 60, 99, .20);
  --wine-ink: #6E1F42;
  --wine-soft: rgba(110, 31, 66, .10);
  --danger: #B3263E;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #140B10;
    --bg-glow: radial-gradient(1200px 600px at 85% -10%, rgba(162, 60, 99, .28), transparent 60%),
               radial-gradient(900px 500px at -10% 110%, rgba(110, 31, 66, .22), transparent 60%);
    --surface: #1E1318;
    --surface-2: #281A21;
    --surface-3: #33232B;
    --text: #F6EFE7;
    --text-2: #C9B6BE;
    --text-3: #8C7781;
    --accent-ink: #E58BAE;
    --accent-soft: rgba(229, 139, 174, .14);
    --accent-ring: rgba(229, 139, 174, .28);
    --wine-ink: #E58BAE;
    --danger: #FF7A8A;
    --glass: rgba(30, 19, 24, .66);
    --glass-strong: rgba(34, 22, 28, .92);
  }
}
:root[data-theme="dark"] {
  --bg: #140B10;
  --bg-glow: radial-gradient(1200px 600px at 85% -10%, rgba(162, 60, 99, .28), transparent 60%),
             radial-gradient(900px 500px at -10% 110%, rgba(110, 31, 66, .22), transparent 60%);
  --surface: #1E1318;
  --surface-2: #281A21;
  --surface-3: #33232B;
  --text: #F6EFE7;
  --text-2: #C9B6BE;
  --text-3: #8C7781;
  --accent-ink: #E58BAE;
  --accent-soft: rgba(229, 139, 174, .14);
  --accent-ring: rgba(229, 139, 174, .28);
  --wine-ink: #E58BAE;
  --danger: #FF7A8A;
  --glass: rgba(30, 19, 24, .66);
  --glass-strong: rgba(34, 22, 28, .92);
}

/* Sombras e peças que tinham o vermelho fixo */
.brand-mark svg { box-shadow: 0 4px 12px rgba(162, 60, 99, .30); }
.stat-hero { box-shadow: 0 12px 32px rgba(162, 60, 99, .28); }
.btn-primary { box-shadow: 0 6px 18px rgba(162, 60, 99, .28), inset 0 1px 0 rgba(255, 255, 255, .18); }
.btn-primary:hover { box-shadow: 0 8px 24px rgba(162, 60, 99, .38), inset 0 1px 0 rgba(255, 255, 255, .18); }

.avatar.c1 { background: linear-gradient(135deg, #C4567F, #A23C63); }
.avatar.c2 { background: linear-gradient(135deg, #A23C63, #6E1F42); }
.avatar.c5 { background: linear-gradient(135deg, #C98B6B, #8E5A44); }

.tile-red { background: linear-gradient(160deg, #D06A92 0%, #A23C63 55%, #6E1F42 100%); }
.tile-wine { background: linear-gradient(160deg, #8E3A5C 0%, #6E1F42 55%, #431027 100%); }
.tile-graphite { background: linear-gradient(160deg, #CDB8A6 0%, #A88E79 55%, #7A6252 100%); }
.tile-paper { background: linear-gradient(180deg, #FFFFFF 0%, #EFE4D8 100%); color: #A23C63; }
.cal-tile-wd { color: #A23C63; }
.theme-prev::after { background: linear-gradient(90deg, #A23C63, #6E1F42); }

/* Login / cadastro */
.auth-art {
  color: #F6EFE7;
  background:
    radial-gradient(800px 500px at 20% 10%, rgba(196, 86, 127, .95), transparent 60%),
    radial-gradient(700px 600px at 90% 90%, rgba(110, 31, 66, .95), transparent 60%),
    #2B1B22;
}
.auth-art .brand { color: #F6EFE7; }
.auth-quote h2 em { color: rgba(246, 239, 231, .62); }
.auth-quote p { color: rgba(246, 239, 231, .78); }

/* Catálogo de serviços */
.svc-list { display: grid; gap: 10px; }
.svc-row {
  display: grid; grid-template-columns: 1fr auto auto auto; gap: 14px; align-items: center;
  padding: 14px 18px; border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm);
}
.svc-row.is-off { opacity: .55; }
.svc-name { font-weight: 600; }
.svc-meta { color: var(--text-2); font-size: 13.5px; white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; }
.svc-price { font-weight: 700; color: var(--accent-ink); white-space: nowrap; }
@media (max-width: 640px) {
  .svc-row { grid-template-columns: 1fr auto; }
  .svc-row .svc-meta { grid-column: 1 / -1; order: 3; }
}

/* Lembrete de manutenção */
.maint-list { display: grid; gap: 2px; }
.maint-row {
  display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center;
  padding: 10px 20px;
}
.maint-row + .maint-row { border-top: 1px solid var(--line); }
.maint-when { font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.maint-when.late { color: var(--danger); }
.maint-when.soon { color: var(--orange); }
.maint-sub { color: var(--text-2); font-size: 13px; }