/* ============================================================
   REALVIEW Corporate Theme  -  nur fuer das Firmen-Portal (Web-Root)
   Aufgeraeumtes Firmen-Layout. Brand-Orange #F8481C.
   Wird NACH dark-override.css geladen und gewinnt per !important
   gegen das Personal-Theme.

   Hell/Dunkel: alle Werte laufen ueber --rv-*-Tokens.
   - data-theme="light"  -> hell (Corporate Standard)
   - data-theme="dark"   -> Corporate Dark
   - data-theme="apple"  -> folgt dem System (prefers-color-scheme)
   ============================================================ */

:root,
html[data-theme],
html[data-theme="apple"],
html[data-theme="dark"],
html[data-theme="apple-dark"] {
  /* Corporate Light (Standard) */
  --rv-bg:        #F4F6FA;
  --rv-surface:   #FFFFFF;
  --rv-surface-2: #F7F8FB;
  --rv-text:      #1F2329;
  --rv-text-2:    #54595F;
  --rv-muted:     #8A9099;
  --rv-border:    #E3E7EE;
  --rv-input-bd:  #D6DBE4;
  --rv-shadow:    rgba(31,35,41,.12);
  --rv-card-shadow: rgba(31,35,41,.05);
  --rv-banner-bg: #FFF1EC;

  --bg-primary:   var(--rv-bg) !important;
  --bg-secondary: var(--rv-surface) !important;
  --bg-card:      var(--rv-surface) !important;
  --text-primary: var(--rv-text) !important;
  --text-secondary: var(--rv-text-2) !important;
  --text-muted:   var(--rv-muted) !important;
  --border-color: var(--rv-border) !important;
  --accent:       #F8481C !important;
  --rv-orange:    #F8481C;
  --rv-orange-dk: #D63C15;
  --rv-grey:      #54595F;
  color-scheme: light;
}

/* Corporate Dark: erzwungen (data-theme="dark") */
html[data-theme="dark"],
html[data-theme="apple-dark"] {
  --rv-bg:        #131519;
  --rv-surface:   #1C1F26;
  --rv-surface-2: #23262E;
  --rv-text:      #ECEEF2;
  --rv-text-2:    #B4BAC4;
  --rv-muted:     #8A919D;
  --rv-border:    #2C313B;
  --rv-input-bd:  #3A404C;
  --rv-shadow:    rgba(0,0,0,.5);
  --rv-card-shadow: rgba(0,0,0,.3);
  --rv-banner-bg: rgba(248,72,28,.10);
  color-scheme: dark;
}
/* Apple-Theme (Automatisch) + System dunkel */
@media (prefers-color-scheme: dark) {
  html[data-theme="apple"] {
    --rv-bg:        #131519;
    --rv-surface:   #1C1F26;
    --rv-surface-2: #23262E;
    --rv-text:      #ECEEF2;
    --rv-text-2:    #B4BAC4;
    --rv-muted:     #8A919D;
    --rv-border:    #2C313B;
    --rv-input-bd:  #3A404C;
    --rv-shadow:    rgba(0,0,0,.5);
    --rv-card-shadow: rgba(0,0,0,.3);
    --rv-banner-bg: rgba(248,72,28,.10);
    color-scheme: dark;
  }
}

html, body {
  background: var(--rv-bg) !important;
  color: var(--rv-text) !important;
}

/* REALVIEW Akzent-Balken ganz oben */
body::before {
  content: "";
  position: fixed; inset: 0 0 auto 0;
  height: 4px; z-index: 2000;
  background: linear-gradient(90deg, #F8481C 0%, #D63C15 100%);
}

/* ---------- Login ---------- */
.login-card {
  background: var(--rv-surface) !important;
  border: 1px solid var(--rv-border) !important;
  box-shadow: 0 18px 50px var(--rv-shadow) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  border-radius: 16px !important;
}
.login-card .logo { display: none !important; }           /* Emoji weg */
.login-card .rv-logo { height: 34px; margin: 2px auto 16px; display: block; }
.login-card h1 {
  background: none !important; -webkit-text-fill-color: var(--rv-text) !important;
  color: var(--rv-text) !important; font-weight: 700 !important; letter-spacing: -.01em;
}
.login-card .subtitle { color: var(--rv-muted) !important; }

/* ---------- Eingabefelder ---------- */
.form-group input {
  background: var(--rv-surface) !important;
  border: 1px solid var(--rv-input-bd) !important;
  color: var(--rv-text) !important;
}
.form-group input:focus { border-color: #F8481C !important; box-shadow: 0 0 0 3px rgba(248,72,28,.12) !important; }
.form-group label { color: var(--rv-text-2) !important; }

/* ---------- Buttons ----------
   Flaeche = dunkleres Corporate-Orange (WCAG AA mit weissem Text, 4.6:1) */
.btn-primary { background: var(--rv-orange-dk, #D63C15) !important; color: #fff !important; }
.btn-primary:hover { background: #B93511 !important; }

/* ---------- Dashboard-Header mit Logo ---------- */
.dash-header h1 {
  background: none !important; -webkit-text-fill-color: var(--rv-text) !important;
  color: var(--rv-text) !important; display: flex; align-items: center; gap: 12px;
  font-weight: 800 !important; letter-spacing: -.02em;
}
.dash-header h1::before {
  content: ""; display: inline-block; width: 30px; height: 30px; flex: none;
  background: url('/shared/realview-logo.png') left center / contain no-repeat;
}
.user-badge {
  background: var(--rv-surface) !important; border: 1px solid var(--rv-border) !important;
  color: var(--rv-text-2) !important;
}

/* ---------- Tool-Kacheln (Corporate) ----------
   Das Firmen-Portal rendert seine Kacheln als <a class="entry"> in .entries
   mit Sektionstiteln .section-label — die frueheren .tool-card/.cat-title-
   Selektoren existierten im Markup nicht (totes CSS). */
.entries { gap: 14px !important; }
.entry {
  background: var(--rv-surface) !important;
  border: 1px solid var(--rv-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px var(--rv-card-shadow) !important;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
  position: relative; overflow: hidden;
}
.entry:hover {
  border-color: #F8481C !important;
  box-shadow: 0 10px 28px rgba(248,72,28,.14) !important;
  transform: translateY(-2px) !important;
}

/* ---------- Kategorie-Ueberschriften ---------- */
.section-label {
  color: var(--rv-muted) !important; letter-spacing: .08em !important;
}

/* ---------- Such-/Eingabe-Wraps & Karten generisch ---------- */
.tool-search input, .ud-card, .stats-card, .perm-card, .modal, .modal-card {
  background: var(--rv-surface) !important; border-color: var(--rv-border) !important; color: var(--rv-text) !important;
}

/* ---------- Footer / Hinweistext ---------- */
.config-banner { background: var(--rv-banner-bg) !important; border: 1px solid #F8481C40 !important; color: var(--rv-text-2) !important; }

/* ---------- Logo auf dunklen Flaechen ----------
   Die dunkle REALVIEW-Wortmarke ist auf dunklem Grund unsichtbar ->
   in dunklen Themes weiss einfaerben. */
html[data-theme="dark"] .login-card .rv-logo,
html[data-theme="apple-dark"] .login-card .rv-logo,
html[data-theme="apple-dark"] .dash-header h1::before,
html[data-theme="dark"] .dash-header h1::before { filter: brightness(0) invert(1); }
@media (prefers-color-scheme: dark) {
  html[data-theme="apple"] .login-card .rv-logo,
  html[data-theme="apple"] .dash-header h1::before { filter: brightness(0) invert(1); }
}