/* Evorah shell v1.0.31 — compact grouped navigation, softer dark mode and embossed brand */
@import url("shell-v20.css");

:root{
  --ev-shell-width:278px;
  --ev-shell-pad:16px;
}

html[data-theme="dark"]{
  --bg:#151d24;
  --panel:#202b34;
  --panel-2:#26333d;
  --text:#f4f7f8;
  --muted:#b8c5cc;
  --border:#3a4a55;
  --primary:#42c9c3;
  --primary-strong:#6ce0d9;
}
html[data-theme="dark"] body{background:#151d24;color:#f4f7f8}
html[data-theme="dark"] .sidebar.evorah-app-shell{
  background:linear-gradient(180deg,#1b2730 0%,#172129 58%,#131c23 100%)!important;
  border-right:1px solid #34444f;
}
html[data-theme="dark"] main{background:#151d24!important}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .module-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .table-wrap{background:#202b34!important;border-color:#3a4a55!important;color:#f4f7f8!important}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#182229!important;border-color:#465966!important;color:#f4f7f8!important}
html[data-theme="dark"] .muted,
html[data-theme="dark"] small{color:#b8c5cc!important}

/* Brand is embedded into the shell: no surrounding card. */
.sidebar-brand-link{
  min-height:86px;
  grid-template-columns:72px minmax(0,1fr);
  padding:6px 4px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.sidebar-brand-link:hover{background:transparent!important}
.sidebar-brand-mark{
  width:70px;height:70px;border-radius:20px;
  background:linear-gradient(145deg,#263740,#101920);
  border:1px solid rgba(118,239,231,.26);
  box-shadow:
    inset 3px 3px 7px rgba(255,255,255,.12),
    inset -5px -6px 10px rgba(0,0,0,.48),
    0 8px 16px rgba(0,0,0,.25),
    0 0 18px rgba(66,201,195,.12);
}
.sidebar-brand-symbol{
  width:61px;height:61px;
  filter:drop-shadow(1px 1px 0 rgba(255,255,255,.30)) drop-shadow(-2px -2px 2px rgba(0,0,0,.50));
}
.sidebar-brand-word{
  color:#dfe9eb;
  text-shadow:1px 1px 0 #fff,-1px -1px 0 rgba(0,0,0,.68),0 0 12px rgba(66,201,195,.18);
}
.sidebar-brand-tagline{text-transform:none;letter-spacing:.025em;font-size:9px;color:#aebfc7}
.sidebar-product-label{margin-top:4px;color:#dce7ea}

.main-nav-clean{display:flex;flex-direction:column;gap:4px}
.sidebar .nav-primary{font-weight:800}
.sidebar .nav-section{margin:0!important}
.sidebar .nav-section>summary{
  min-height:40px;padding:9px 11px!important;font-size:13px!important;font-weight:800!important;
  color:#d6e2e6!important;list-style:none;cursor:pointer;
}
.sidebar .nav-section>summary::-webkit-details-marker{display:none}
.sidebar .nav-section>summary::after{content:"›";margin-left:auto;transition:transform .18s ease;color:#8ca2ad;font-size:18px}
.sidebar .nav-section[open]>summary::after{transform:rotate(90deg)}
.sidebar .nav-group-links{
  margin:2px 0 5px 12px;padding:3px 0 3px 8px;
  border-left:1px solid rgba(116,210,207,.28);
}
.sidebar .nav-group-links .nav-link{
  min-height:35px!important;padding:7px 10px!important;margin:1px 0!important;
  font-size:12.5px!important;border-radius:8px!important;
}
.sidebar .nav-link.active-link{background:rgba(66,201,195,.16)!important;box-shadow:inset 3px 0 0 #42c9c3;color:#fff!important}
.sidebar-scroll-region{padding-bottom:10px}

@media(max-width:1100px){
  :root{--ev-shell-width:250px;--ev-shell-pad:12px}
  .sidebar-brand-link{grid-template-columns:60px minmax(0,1fr);min-height:74px}
  .sidebar-brand-mark{width:58px;height:58px;border-radius:17px}
  .sidebar-brand-symbol{width:51px;height:51px}
}


/* v1.0.33 — clean embedded brand: no bulky tile or heavy embossing */
.sidebar-brand{padding-top:14px!important;padding-bottom:10px!important}
.sidebar-brand-link{
  min-height:64px!important;grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;
  padding:4px 2px!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
.sidebar-brand-mark{
  width:52px!important;height:52px!important;border-radius:14px!important;background:transparent!important;
  border:0!important;box-shadow:none!important;
}
.sidebar-brand-symbol{
  width:50px!important;height:50px!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.28))!important;
}
.sidebar-brand-word{
  font-size:22px!important;letter-spacing:.14em!important;color:#f3f7f8!important;
  text-shadow:0 1px 2px rgba(0,0,0,.34)!important;
}
.sidebar-brand-tagline{font-size:9px!important;line-height:1.25!important;color:#b9c8cf!important;text-transform:none!important;letter-spacing:.015em!important}
.sidebar-product-label{margin:5px 2px 0!important;font-size:12px!important;color:#dce6ea!important}
.sidebar-build-label{margin:2px 2px 0!important}
.sidebar-person-context{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;margin-top:14px;padding:11px;border:1px solid var(--ev-border,#d9e3ea);border-radius:14px;background:var(--ev-surface-soft,rgba(255,255,255,.08))}.sidebar-person-context .side-profile-photo{width:44px;height:44px;border-radius:12px;object-fit:cover}.sidebar-person-context .side-person-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-person-context .side-person-meta strong,.sidebar-person-context .side-person-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-person-context .side-person-meta span{font-size:.72rem;opacity:.78}