/* ============================================================
   Enoxo Planner — Tageslicht-Skin (v4.40)
   Papier · Ultramarin · Sonnen-Orange — Zukunft ohne Neon.
   Scoped auf html.skin-day → gilt nur für Seiten, die die
   Klasse tragen (index, dashboard, demo). Übrige Seiten
   behalten vorerst das alte Theme, Rollout folgt.
   Lädt NACH planner-theme.css und überschreibt dessen Tokens.
   ============================================================ */

html.skin-day {
  color-scheme: light;

  /* ── Kern-Remap (alte Namen, neue Werte) ── */
  --navy:   #F4F2EA;   /* Papier-Grund      */
  --navy2:  #EDEBE1;   /* Papier dunkler    */
  --navy3:  #FDFCF8;   /* Karte / Panel     */
  --navy4:  #F8F6EF;   /* Karte alternativ  */
  --white:  #20242E;   /* Text = Tinte      */
  --muted:  #5C6270;
  --muted2: #9BA0AB;
  --teal:     #0E7C66; /* Petrol — Erfolg/Termine   */
  --green:    #0E7C66;
  --cyan:     #2334B8; /* Ultramarin — Primärakzent */
  --electric: #2334B8;
  --violet:   #6D51A8; /* Pflaume — gedämpft        */
  --pink:     #C75146;
  --amber:    #A86000; /* Sonne, textsicher          */
  --red:      #C0392B;
  --border:  rgba(32,36,46,0.14);
  --border2: rgba(32,36,46,0.10);
  --glass:   #FDFCF8;
  --glass2:  #F8F6EF;

  /* Neue, eigene Tokens */
  --paper:   #F4F2EA;
  --card:    #FDFCF8;
  --ink:     #20242E;
  --ultra:   #2334B8;
  --ultra-2: #1B2A9E;
  --sun:     #E07B12;  /* Sonne, Flächen/Marker */
  --sun-ink: #A86000;  /* Sonne, Text           */
  --line:    rgba(32,36,46,0.14);

  /* Glows → weiche Papier-Schatten */
  --glow-cyan:   0 10px 30px -14px rgba(35,52,184,0.35);
  --glow-teal:   0 10px 30px -14px rgba(14,124,102,0.35);
  --glow-violet: 0 10px 30px -14px rgba(109,81,168,0.35);
  --glow-amber:  0 10px 30px -14px rgba(224,123,18,0.35);
}

/* ── Basis ── */
html.skin-day body {
  background: var(--paper);
  color: var(--ink);
}
html.skin-day ::selection { background: rgba(35,52,184,.18); }
html.skin-day ::-webkit-scrollbar { width: 8px; }
html.skin-day ::-webkit-scrollbar-track { background: var(--paper); }
html.skin-day ::-webkit-scrollbar-thumb { background: rgba(32,36,46,.22); border-radius: 4px; }
html.skin-day ::-webkit-scrollbar-thumb:hover { background: rgba(35,52,184,.5); }

/* ── Typografie: Bricolage statt Orbitron ── */
html.skin-day h1, html.skin-day h2, html.skin-day h3, html.skin-day h4,
html.skin-day .orb {
  font-family: 'Bricolage Grotesque', 'Exo 2', sans-serif;
  letter-spacing: -0.01em;
}

/* Verlaufs-Text → ruhige Vollfarben */
html.skin-day .grad {
  background: none; -webkit-text-fill-color: currentColor;
  color: var(--ultra);
}
html.skin-day .grad-amber {
  background: none; -webkit-text-fill-color: currentColor;
  color: var(--sun-ink);
}
html.skin-day .fx-shimmer {
  background-image: linear-gradient(105deg,
    var(--ink) 0%, var(--ink) 38%, var(--ultra) 50%, var(--ink) 62%, var(--ink) 100%);
  background-size: 240% auto;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

/* ── Neon-Maschinerie stilllegen ── */
html.skin-day .bg-ambient,
html.skin-day .grid-fx,
html.skin-day .mock-glow,
html.skin-day .pl-orb { display: none !important; }

/* ── Karten ── */
html.skin-day .glass-card {
  background: var(--card);
  border: 1px solid var(--line);
  backdrop-filter: none; -webkit-backdrop-filter: none;
  box-shadow: 0 1px 2px rgba(32,36,46,.05), 0 12px 32px -22px rgba(32,36,46,.25);
}

/* ── Buttons ── */
html.skin-day .btn-primary {
  background: var(--ultra);
  color: #FFFFFF;
  box-shadow: 0 10px 24px -12px rgba(35,52,184,.55);
}
html.skin-day .btn-primary:hover {
  background: var(--ultra-2);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -12px rgba(35,52,184,.6);
}
html.skin-day .btn-secondary {
  background: var(--card);
  border: 1px solid var(--line);
  color: var(--ink);
}
html.skin-day .btn-secondary:hover {
  background: #FFFFFF;
  border-color: var(--ultra);
  color: var(--ultra);
}
html.skin-day .btn-danger {
  background: rgba(192,57,43,.08);
  border: 1px solid rgba(192,57,43,.3);
  color: var(--red);
}
html.skin-day .btn-danger:hover { background: rgba(192,57,43,.16); }

/* ── Eingaben ── */
html.skin-day .input-field {
  background: #FFFFFF;
  border: 1px solid var(--line);
  color: var(--ink);
}
html.skin-day .input-field:focus {
  border-color: var(--ultra);
  box-shadow: 0 0 0 3px rgba(35,52,184,.12);
}
html.skin-day .input-field::placeholder { color: var(--muted2); }

/* ── Badges ── */
html.skin-day .badge-teal   { background: rgba(14,124,102,.10); color: #0B6152; border-color: rgba(14,124,102,.3); }
html.skin-day .badge-amber  { background: rgba(224,123,18,.12); color: var(--sun-ink); border-color: rgba(224,123,18,.35); }
html.skin-day .badge-red    { background: rgba(192,57,43,.10);  color: var(--red);  border-color: rgba(192,57,43,.3); }
html.skin-day .badge-cyan   { background: rgba(35,52,184,.09);  color: var(--ultra); border-color: rgba(35,52,184,.28); }
html.skin-day .badge-violet { background: rgba(109,81,168,.10); color: #5B4390; border-color: rgba(109,81,168,.3); }

/* ── Modal ── */
html.skin-day .modal-overlay { background: rgba(32,36,46,.4); backdrop-filter: blur(4px); }
html.skin-day .modal-box {
  background: var(--card);
  border: 1px solid var(--line);
  box-shadow: 0 30px 80px -30px rgba(32,36,46,.4);
}

/* ── Fokus-Sichtbarkeit ── */
html.skin-day .btn:focus-visible,
html.skin-day a:focus-visible,
html.skin-day button:focus-visible,
html.skin-day .input-field:focus-visible {
  outline: 2px solid var(--ultra); outline-offset: 2px;
}

/* ============================================================
   Startseite
   ============================================================ */

html.skin-day .hero-badge {
  background: #FFFFFF;
  border: 1px solid rgba(224,123,18,.4);
  color: var(--sun-ink);
}
html.skin-day .hero-badge::before { content: '◉'; color: var(--sun); }

html.skin-day .hero-logo-mark,
html.skin-day .demo-logo-mark {
  background: url('../enoxo-mark.svg') center/contain no-repeat;
  color: transparent;
  box-shadow: none;
}
html.skin-day .mock-logo {
  background: url('../enoxo-mark-s.svg') center/contain no-repeat;
  color: transparent;
  box-shadow: none;
}

html.skin-day .hero h1 { color: var(--ink); font-weight: 800; }
html.skin-day .finale-slogan { font-weight: 800; }
html.skin-day .hero-rot b { color: var(--ultra); }
html.skin-day .hero-price strong { color: var(--sun-ink); }
html.skin-day .hero-trust .htc { background: #FFFFFF; border-color: var(--line); color: var(--muted); }

/* Zahlen-Band */
html.skin-day .band b {
  background: none; -webkit-text-fill-color: currentColor;
  color: var(--ultra);
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
}

/* Cockpit-Mock: helles Browser-Fenster */
html.skin-day .mock-frame {
  background: #FFFFFF;
  border: 1px solid var(--line);
  box-shadow: 0 30px 70px -34px rgba(32,36,46,.45);
}
html.skin-day .mock-bar  { background: var(--navy2); }
html.skin-day .mock-nav  { background: var(--card); }
html.skin-day .mock-body { background: linear-gradient(180deg, #FFFFFF, var(--card)); }
html.skin-day .mock-url  { background: var(--paper); }
html.skin-day .mock-h1   { font-family: 'Bricolage Grotesque', sans-serif; }
html.skin-day .mock-stat b { font-family: 'Bricolage Grotesque', sans-serif; }
html.skin-day .mock-check.done { color: #FFFFFF; }
html.skin-day .pv-card { background: var(--paper); color: var(--ink); }
html.skin-day .pv-cb   { color: #FFFFFF; }
html.skin-day .pv-tab.active { color: var(--ultra); background: rgba(35,52,184,.08); }
html.skin-day .pv-tab:hover  { color: var(--ink);  background: rgba(35,52,184,.05); }
html.skin-day .pv-finsum { font-family: 'Bricolage Grotesque', sans-serif; }
html.skin-day .pv-bar.in  { background: linear-gradient(180deg, var(--teal), rgba(14,124,102,.3)); }
html.skin-day .pv-bar.out { background: linear-gradient(180deg, var(--red),  rgba(192,57,43,.25)); }

/* Modul-Konstellation bei Tag */
html.skin-day .orbit-core {
  background: #FFFFFF;
  border: 1px solid rgba(35,52,184,.35);
  color: var(--ink);
  box-shadow: 0 14px 34px -18px rgba(35,52,184,.4);
  backdrop-filter: none;
}
html.skin-day .orbit-core.active { border-color: var(--ultra); box-shadow: 0 16px 40px -18px rgba(35,52,184,.55); }
html.skin-day .orbit-core .oc-mark {
  background: none; -webkit-text-fill-color: currentColor; color: var(--ultra);
}
html.skin-day .orbit-node {
  background: var(--card);
  border: 1px solid var(--line);
  color: var(--ink);
  backdrop-filter: none;
}
html.skin-day .orbit-node:hover,
html.skin-day .orbit-node.active { color: var(--ink); background: #FFFFFF; }
html.skin-day #orbit-links line { opacity: .28; }
html.skin-day #orbit-links line.on { opacity: .9; }

/* Die Rechnung */
html.skin-day .vs-left  { background: #FFFFFF; border: 1px solid rgba(192,57,43,.3); }
html.skin-day .vs-right { background: #FFFFFF; border: 1px solid rgba(14,124,102,.45); box-shadow: 0 16px 40px -24px rgba(14,124,102,.4); }
html.skin-day .vs-badge { background: var(--ink); color: #FFFFFF; box-shadow: none; font-family: 'Bricolage Grotesque', sans-serif; }
html.skin-day .vs-total b, html.skin-day .vs-once b { font-family: 'Bricolage Grotesque', sans-serif; }
html.skin-day .vs-once b {
  background: none; -webkit-text-fill-color: currentColor; color: var(--teal);
}
html.skin-day .vs-y.active { color: #FFFFFF; background: var(--ultra); }
html.skin-day .vs-y:hover { color: var(--ultra); border-color: rgba(35,52,184,.4); }
html.skin-day .vs-keep.pop { animation: vsPopDay .4s ease; }
@keyframes vsPopDay { 50% { transform: scale(1.08); color: var(--ink); } }

/* FAQ */
html.skin-day .faq details { background: var(--card); }
html.skin-day .faq details[open] { border-color: rgba(35,52,184,.35); }
html.skin-day .faq summary::after { color: var(--ultra); }

/* Preis */
html.skin-day .pricing-card {
  background: #FFFFFF;
  border: 1px solid var(--line);
  box-shadow: 0 24px 60px -30px rgba(32,36,46,.35);
}
html.skin-day .pricing-card:hover { box-shadow: 0 28px 64px -28px rgba(35,52,184,.35); }
html.skin-day .pricing-card::before { background: linear-gradient(90deg, var(--sun), var(--ultra)); }
html.skin-day .pricing-amount {
  font-family: 'Bricolage Grotesque', sans-serif;
  color: var(--ultra);
  text-shadow: none;
}

/* Finale + Footer */
html.skin-day .finale::before {
  background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(224,123,18,.10), transparent 65%);
}
html.skin-day .finale-slogan { font-family: 'Bricolage Grotesque', sans-serif; }
html.skin-day footer { background: var(--navy2); border-top: 1px solid var(--line); }
html.skin-day footer .footer-brand { font-family: 'Bricolage Grotesque', sans-serif; letter-spacing: .08em; }

/* Sticky-CTA (Mobile) */
html.skin-day .sticky-cta {
  background: var(--ultra);
  color: #FFFFFF;
  box-shadow: 0 12px 30px -10px rgba(35,52,184,.55);
}

/* Eingeloggt-Banner */
html.skin-day .logged-in-banner { background: #FFFFFF; border-color: rgba(14,124,102,.4); }

/* ============================================================
   Tagesring — Signatur der Startseite
   ============================================================ */
html.skin-day .hero-ring-wrap {
  position: relative;
  width: 100%; max-width: 520px;
  margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 14px;
}
html.skin-day .dayring { width: 100%; }
html.skin-day .dayring svg { width: 100%; height: auto; display: block; }
html.skin-day .dr-face   { fill: #FFFFFF; stroke: var(--line); stroke-width: 1; }
html.skin-day .dr-tick   { stroke: rgba(32,36,46,.28); stroke-width: 1.4; }
html.skin-day .dr-tick.major { stroke: rgba(32,36,46,.55); stroke-width: 2; }
html.skin-day .dr-elapsed { fill: none; stroke: rgba(224,123,18,.3); stroke-width: 10; stroke-linecap: round; }
html.skin-day .dr-plan   { fill: none; stroke-width: 8; stroke-linecap: round; }
html.skin-day .dr-plan-label { font: 600 10.5px 'JetBrains Mono', monospace; fill: var(--muted); }
html.skin-day .dr-hand-line { stroke: var(--sun); stroke-width: 2.5; stroke-linecap: round; }
html.skin-day .dr-hand-dot  { fill: var(--sun); stroke: #FFFFFF; stroke-width: 2.5; }
html.skin-day #dr-hand { transform-box: view-box; transform-origin: 260px 260px; }
html.skin-day .dr-hour { font: 600 12px 'JetBrains Mono', monospace; fill: var(--muted2); }
html.skin-day .dr-time { font: 700 46px 'JetBrains Mono', monospace; fill: var(--ink); letter-spacing: -0.02em; }
html.skin-day .dr-date { font: 500 12.5px 'Exo 2', sans-serif; fill: var(--muted); }
html.skin-day .dr-cap  { font: 700 9.5px 'JetBrains Mono', monospace; fill: var(--ultra); letter-spacing: .22em; text-transform: uppercase; }
html.skin-day .dayring-legend {
  display: flex; gap: 18px; flex-wrap: wrap; justify-content: center;
  font: 600 11px 'JetBrains Mono', monospace; color: var(--muted);
}
html.skin-day .dayring-legend > span { display: inline-flex; align-items: center; gap: 7px; }
html.skin-day .dl-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
html.skin-day .dl-sun  { background: var(--sun); }
html.skin-day .dl-plan { background: var(--ultra); }
@media (prefers-reduced-motion: no-preference) {
  html.skin-day #dr-hand { transition: transform 1.1s cubic-bezier(.2,.8,.2,1); }
}

/* ============================================================
   Dashboard
   ============================================================ */
html.skin-day .stat-card,
html.skin-day .widget,
html.skin-day .qa-tile {
  background: var(--card);
  border: 1px solid var(--line);
  backdrop-filter: none;
  box-shadow: 0 1px 2px rgba(32,36,46,.04);
}
html.skin-day .stat-value { font-family: 'Bricolage Grotesque', sans-serif; }
html.skin-day .stat-card:hover { box-shadow: 0 14px 30px -18px rgba(32,36,46,.35); }
html.skin-day .widget:hover { border-color: rgba(35,52,184,.28); }
html.skin-day .task-item, html.skin-day .event-item { border-bottom-color: var(--border2); }
html.skin-day .task-check.done { color: #FFFFFF; }
html.skin-day .note-mini { background: var(--paper); }
html.skin-day .cal-day:hover { background: rgba(35,52,184,.08); }
html.skin-day .cal-day.today { background: var(--ultra); color: #FFFFFF; }
html.skin-day .cal-mini-header strong { color: var(--ink); }

/* Uhr im Kopf: Instrument statt Neon */
html.skin-day .hc-time {
  font-family: 'JetBrains Mono', monospace;
  background: none; -webkit-text-fill-color: currentColor;
  color: var(--ink);
}
html.skin-day .hc-sec { color: var(--muted); -webkit-text-fill-color: currentColor; }

/* Kopfzeile: Maß-Linie unter der Begrüßung */
html.skin-day .page-header h1 { position: relative; padding-bottom: 12px; }
html.skin-day .page-header h1::after {
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 64px; height: 2px; background: var(--ultra);
  box-shadow: 24px 0 0 -0.5px var(--sun), 88px 0 0 -0.5px var(--line);
}

/* ============================================================
   Navigation (planner-nav.js injiziert eigene Styles —
   diese Regeln gewinnen über die höhere Spezifität)
   ============================================================ */
html.skin-day .pnav-inner {
  background: rgba(250,249,244,.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
html.skin-day .pnav-shimmer {
  background: linear-gradient(90deg, transparent, rgba(224,123,18,.55), rgba(35,52,184,.45), transparent);
}
html.skin-day .pnav-logo-mark {
  background: url('../enoxo-mark-s.svg') center/contain no-repeat;
  color: transparent;
  box-shadow: none;
}
html.skin-day .pnav-logo-text { color: var(--ink); }
html.skin-day .pnav-logo-text strong { color: var(--ultra); }
html.skin-day .pnav-link { color: var(--muted); }
html.skin-day .pnav-link:hover,
html.skin-day .pnav-link.active { background: rgba(35,52,184,.07); }
html.skin-day .pnav-user { color: var(--muted); }
html.skin-day .pnav-modbtn {
  background: #FFFFFF;
  border: 1px solid rgba(35,52,184,.35);
  color: var(--ultra);
}
html.skin-day .pnav-modbtn:hover { border-color: var(--ultra); box-shadow: 0 8px 18px -10px rgba(35,52,184,.4); }
html.skin-day .pnav-modbtn.open { background: rgba(35,52,184,.08); border-color: var(--ultra); }
html.skin-day .pnav-logout {
  background: #FFFFFF; border: 1px solid rgba(192,57,43,.3); color: var(--red);
}
html.skin-day .pnav-logout:hover { background: rgba(192,57,43,.08); border-color: rgba(192,57,43,.5); }
html.skin-day .pnav-backdrop { background: rgba(32,36,46,.35); }
html.skin-day .pnav-panel {
  background: #FFFFFF;
  border: 1px solid var(--line);
  box-shadow: 0 24px 60px -24px rgba(32,36,46,.4);
  backdrop-filter: none;
}
html.skin-day .pnav-panel-head { background: #FFFFFF; color: var(--ink); }
html.skin-day .pnav-panel-x { background: var(--paper); color: var(--muted); }
html.skin-day .pnav-panel-x:hover { background: rgba(192,57,43,.1); color: var(--red); }
html.skin-day .pnav-menu-title { color: var(--muted2); }
html.skin-day .pnav-menu-link {
  background: var(--paper);
  border: 1px solid var(--border2);
  color: var(--ink);
}
html.skin-day .pnav-menu-link:hover { background: rgba(35,52,184,.07); border-color: rgba(35,52,184,.3); color: var(--ink); }
html.skin-day .pnav-menu-link.active { color: var(--ultra); background: rgba(35,52,184,.08); border-color: rgba(35,52,184,.4); }

/* Schnellsuche-Auslöser (inline gestylt → !important nötig) */
html.skin-day button[aria-label="Schnellsuche"] {
  background: #FFFFFF !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  box-shadow: 0 8px 20px -10px rgba(32,36,46,.35) !important;
}
html.skin-day button[aria-label="Schnellsuche"] kbd {
  background: var(--paper) !important;
  color: var(--muted) !important;
}

/* Toast */
html.skin-day .pl-toast {
  background: var(--ink) !important;
  color: #FFFFFF !important;
}

/* ── XP/Level-Pill in der Topnav (Styles aus planner-nav.js) ── */
html.skin-day .pnav-xp {
  background: #FFFFFF;
  border: 1px solid rgba(35,52,184,.3);
}
html.skin-day .pnav-xp:hover { border-color: var(--ultra); box-shadow: 0 6px 16px -10px rgba(35,52,184,.45); }
html.skin-day .pnav-xp-badge { background: var(--ultra); color: #FFFFFF; }
html.skin-day .pnav-xp-rank { color: var(--ink); }
html.skin-day .pnav-xp-bar { background: rgba(32,36,46,.12); }
html.skin-day .pnav-xp-bar > span { background: var(--ultra); }

/* ── Journey-Widget (#pl-journey): Inline-Nachtfarben überschreiben ── */
html.skin-day #pl-journey [style*="color:#e5e7eb"] { color: var(--ink) !important; }
html.skin-day #pl-journey [style*="color:#8b83b0"] { color: var(--muted) !important; }
html.skin-day #pl-journey [style*="#fbbf24"] { color: var(--sun-ink) !important; }
html.skin-day #pl-journey [style*="rgba(255,255,255,.08)"] { background: rgba(32,36,46,.10) !important; }
html.skin-day #pl-journey [style*="rgba(255,255,255,.03)"] { background: var(--paper) !important; }
html.skin-day #pl-journey [style*="rgba(167,139,250,.16)"] { background: rgba(35,52,184,.08) !important; }
html.skin-day #pl-journey [style*="rgba(167,139,250,.55)"] { border-color: rgba(35,52,184,.45) !important; }
html.skin-day #pl-journey [style*="linear-gradient(135deg,#a78bfa,#22d3ee)"] {
  background: var(--ultra) !important; color: #FFFFFF !important;
}
html.skin-day #pl-journey [style*="linear-gradient(90deg,#a78bfa,#22d3ee)"] {
  background: var(--ultra) !important;
}

/* ============================================================
   Demo
   ============================================================ */
html.skin-day .demo-banner {
  background: linear-gradient(90deg, rgba(224,123,18,.14), rgba(224,123,18,.07), rgba(224,123,18,.14));
  border-bottom: 1px solid rgba(224,123,18,.35);
  backdrop-filter: blur(10px);
}
html.skin-day .demo-banner-left { color: var(--sun-ink); }
html.skin-day .demo-banner-left strong { font-family: 'Bricolage Grotesque', sans-serif; }
html.skin-day .demo-banner-dot { background: var(--sun); }
html.skin-day .demo-sidebar {
  background: var(--card);
  border-right: 1px solid var(--line);
}

/* ════════════════════════════════════════════════════════════
   v4.41 — Voll-Rollout: Auth-Seiten & App-weite Ergänzungen
   ════════════════════════════════════════════════════════════ */

/* ── Login & Registrierung ── */
html.skin-day .login-card,
html.skin-day .reg-card {
  background: #FFFFFF;
  border: 1px solid var(--line);
  box-shadow: 0 24px 60px -32px rgba(32,36,46,.28), 0 2px 8px -4px rgba(32,36,46,.10);
}
html.skin-day .login-card::before,
html.skin-day .reg-card::before {
  background: linear-gradient(90deg, var(--ultra) 0%, var(--ultra) 55%, var(--sun) 100%);
  opacity: 1;
}
html.skin-day .login-logo-mark,
html.skin-day .reg-logo-mark {
  background: url('../enoxo-mark.svg') center/contain no-repeat;
  color: transparent;
  box-shadow: none;
}
html.skin-day .login-logo h1,
html.skin-day .reg-logo h1 { color: var(--ink); }

/* Mehr Luft auf dem Handy: doppelte Polsterung abbauen */
@media (max-width: 480px) {
  html.skin-day body.auth-body { padding: 12px !important; }
  html.skin-day .login-card,
  html.skin-day .reg-card { padding: 28px 18px !important; }
}

/* ── App-Chrome (Modulseiten) ── */
html.skin-day #planner-particles { display: none; }
html.skin-day ::placeholder { color: rgba(92,98,112,.65); }
html.skin-day .cal-day:hover,
html.skin-day .qa-tile:hover { background: #FFFFFF; }