/* ONESHU admin — temas. Clássico = admin.css atual. */

html[data-theme="modern"] {
  --bg: #e8edf2;
  --paper: rgba(255, 255, 255, 0.78);
  --navy: #0b1f3a;
  --gold: #c48a2a;
  --ink: #121820;
  --muted: #5c6570;
  --line: rgba(11, 31, 58, 0.12);
}

html[data-theme="modern"] body {
  background:
    radial-gradient(900px 380px at 0% 0%, rgba(196, 138, 42, 0.1), transparent 55%),
    var(--bg);
}

html[data-theme="modern"] .sidebar {
  background: rgba(11, 31, 58, 0.88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

html[data-theme="modern"] .sidebar nav a {
  border-left: 0;
  border-radius: 10px;
  padding: 10px 12px;
}
html[data-theme="modern"] .sidebar nav a.active,
html[data-theme="modern"] .sidebar nav a:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-left-color: transparent;
  box-shadow: inset 2px 0 0 var(--gold);
}

html[data-theme="modern"] .stat,
html[data-theme="modern"] .table-wrap,
html[data-theme="modern"] .tpl,
html[data-theme="modern"] .bcard,
html[data-theme="modern"] .modal-card,
html[data-theme="modern"] .login-card {
  background: var(--paper);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 14px;
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0 10px 28px rgba(11, 31, 58, 0.06);
}

html[data-theme="modern"] .btn {
  border-radius: 9px;
}
html[data-theme="modern"] .field input,
html[data-theme="modern"] .field select,
html[data-theme="modern"] .field textarea,
html[data-theme="modern"] .search,
html[data-theme="modern"] .login-card input {
  border-radius: 9px;
}

html[data-theme="modern"] .login-body {
  background:
    radial-gradient(800px 360px at 50% -20%, rgba(196, 138, 42, 0.16), transparent 50%),
    var(--bg);
  border-top: 0;
}

html[data-theme="modern"] .toast {
  border-radius: 10px;
}


html[data-theme="elegant"] {
  --bg: #f4efe6;
  --paper: #faf6ef;
  --navy: #161410;
  --gold: #9a7b3c;
  --ink: #1c1914;
  --muted: #6a645a;
  --line: rgba(22, 20, 16, 0.14);
}

html[data-theme="elegant"] body {
  background: var(--bg);
}

html[data-theme="elegant"] .sidebar {
  background: #161410;
}

html[data-theme="elegant"] .side-brand span,
html[data-theme="elegant"] .topbar h1,
html[data-theme="elegant"] .login-card h1,
html[data-theme="elegant"] .login-brand strong,
html[data-theme="elegant"] .config-block h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  letter-spacing: 0.04em;
}

html[data-theme="elegant"] .topbar h1 {
  font-size: 1.7rem;
}

html[data-theme="elegant"] .sidebar nav a.active,
html[data-theme="elegant"] .sidebar nav a:hover {
  border-left-color: var(--gold);
}

html[data-theme="elegant"] .btn {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: .76rem;
  background: var(--navy);
}
html[data-theme="elegant"] .btn.gold { color: #1a1408; }
html[data-theme="elegant"] .btn.ghost {
  text-transform: none;
  letter-spacing: 0;
  font-size: .82rem;
}

html[data-theme="elegant"] .stat,
html[data-theme="elegant"] .table-wrap,
html[data-theme="elegant"] .tpl,
html[data-theme="elegant"] .login-card {
  background: var(--paper);
  border-color: var(--line);
}

html[data-theme="elegant"] .login-body {
  background: var(--bg);
  border-top: 1px solid var(--gold);
}

html[data-theme="elegant"] th {
  color: var(--gold);
}

html[data-theme="elegant"] .field input,
html[data-theme="elegant"] .field select,
html[data-theme="elegant"] .field textarea,
html[data-theme="elegant"] .login-card input {
  background: var(--paper);
  border-color: rgba(22, 20, 16, 0.16);
}