@import url("./app.css");

:root {
  /* Menu palette variants (Pantone-oriented guidance):
     1) Deep Navy + Slate (default): #0B3A6E + #5E6C84
     2) Blue Graphite + Cold Gray: #163A59 + #7A879A
     3) Dark Azure + Muted Steel: #124A78 + #66788C */
  --menu-deep-navy: #0b3a6e;
  --menu-slate: #5e6c84;
  --menu-blue-graphite: #163a59;
  --menu-cold-gray: #7a879a;
  --menu-dark-azure: #124a78;
  --menu-muted-steel: #66788c;
}


:root {
  --theme-admin: #2d66c3;
  --theme-curator: #2d66c3;
  --theme-relator: #2d66c3;
  --theme-contractor: #2d66c3;
  --theme-domus: #0b3a6e;
}

body.theme-entry { --brand: var(--theme-domus); --brand-2: #2d66c3; }
body.theme-admin { --brand: var(--theme-domus); --brand-2: var(--theme-admin); }
body.theme-curator { --brand: var(--theme-domus); --brand-2: var(--theme-curator); }
body.theme-relator { --brand: var(--theme-domus); --brand-2: var(--theme-relator); }
body.theme-contractor { --brand: var(--theme-domus); --brand-2: var(--theme-contractor); }
body.theme-headsite { --brand: var(--theme-domus); --brand-2: #2d66c3; }

body.theme-admin .sidebar,
body.theme-curator .sidebar,
body.theme-contractor .sidebar,
body.theme-headsite .sidebar { background: linear-gradient(180deg, rgba(11,58,110,0.985) 0%, rgba(23,44,78,0.985) 55%, rgba(36,53,78,0.985) 100%); }
body.theme-relator .relator-shell { --brand: var(--theme-domus); --brand-2: var(--theme-relator); }

.brand-logo { display: block; height: 42px; width: auto; max-width: 168px; object-fit: contain; filter: drop-shadow(0 8px 18px rgba(0,0,0,.18)); }
.brand-logo--wide { max-width: 154px; }
.brand-logo--domus { max-width: 64px; height: 48px; }
.brand-copy { display: flex; flex-direction: column; gap: 3px; }
.brand-copy h1 { margin: 0; font-size: 18px; }
.brand-copy p { margin: 0; font-size: 12px; color: rgba(255,255,255,.74); }
.brand-inline .brand-logo { height: 34px; max-width: 132px; filter: none; }
.entry-brand-wrap { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.entry-brand-wrap img { display: block; width: 58px; height: 58px; object-fit: contain; }
.entry-brand-copy { display: flex; flex-direction: column; gap: 4px; }
.entry-brand-copy strong { font-size: 17px; }
.entry-brand-copy span { font-size: 13px; color: rgba(255,255,255,.82); }
.checkbox { display: inline-flex; gap: 8px; align-items: center; color: var(--muted); }
.status-line { min-height: 20px; font-size: 13px; color: var(--muted); }
.btn.small { padding: 8px 11px; border-radius: 10px; font-size: 13px; }
.hero-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.92); }
@media (max-width: 1180px) { .brand-logo--wide { max-width: 132px; } .entry-brand-wrap { align-items: flex-start; } }


.brand--text-only { align-items: flex-start; gap: 0; }
.brand--text-only .brand-copy { width: 100%; }
.brand-inline--text-only { display: flex; align-items: flex-start; }
.entry-brand-wrap--text-only { align-items: flex-start; gap: 0; }
.entry-brand-wrap--text-only .entry-brand-copy { width: 100%; }

.sidebar .nav-tree .nav-subgroup .nav-link { background: transparent; border-color: transparent; color: rgba(255,255,255,.82); font-weight: 500; }
.sidebar .nav-tree .nav-subgroup .nav-link.active,
.sidebar .nav-tree .nav-subgroup .nav-link:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.10); color: #fff; }
.sidebar .nav-link { font-size: 15px; }