/* Measured from the signed-in Diva dashboard on 19 October 2026.
   Original local implementation; this is not the source site's CSS bundle. */
:root[data-workspace="diva"] {
  color-scheme: light;
  --bg: #e6e6fa;
  --surface: #fff;
  --surface-muted: #f8f8fb;
  --surface-strong: #f3f2f7;
  --ink: #5e5873;
  --ink-soft: #6e6b7b;
  --ink-faint: #827e8e;
  --line: #ebe9f1;
  --line-strong: #d8d6df;
  --brand: #7d25cd;
  --brand-dark: #6820ac;
  --brand-soft: #f1e5fb;
  --nav: #fff;
  --nav-soft: #f3f2f7;
  --radius: 6px;
  --radius-sm: 5px;
  --radius-lg: 6px;
  --sidebar-width: 260px;
  --topbar-height: 64px;
  --shadow-sm: 0 4px 24px rgba(34,41,47,.10);
  font-family: Montserrat, Helvetica, Arial, sans-serif;
}
[data-workspace="diva"] .sidebar { background: #fff; color: #6e6b7b; box-shadow: 0 0 15px rgba(34,41,47,.07); }
[data-workspace="diva"] .sidebar__head { color: #7d25cd; font-size: 20px; }
[data-workspace="diva"] .sidebar__head small { color: #827e8e; font-size: 9px; }
[data-workspace="diva"] .brand-mark { background: #7d25cd; color: #fff; border-radius: 6px; box-shadow: none; }
[data-workspace="diva"] .nav-label { color: #827e8e; }
[data-workspace="diva"] .nav-link { color: #6e6b7b; border-radius: 6px; font-weight: 400; }
[data-workspace="diva"] .nav-link .icon { color: #6e6b7b; }
[data-workspace="diva"] .nav-link:hover { background: #f3f2f7; color: #5e5873; }
[data-workspace="diva"] .nav-link[aria-current="page"] { background: #7d25cd; color: #fff; box-shadow: 0 0 10px rgba(125,37,205,.3); }
[data-workspace="diva"] .nav-link[aria-current="page"] .icon { color: #fff; }
[data-workspace="diva"] .nav-link[aria-current="page"]::before { display: none; }
[data-workspace="diva"] .nav-link__count { background: #f1e5fb; color: #7d25cd; }
[data-workspace="diva"] .sidebar__user { border-color: #ebe9f1; background: #f8f8fb; }
[data-workspace="diva"] .sidebar__user strong { color: #5e5873; }
[data-workspace="diva"] .sidebar__user span { color: #6e6b7b; }
[data-workspace="diva"] .sidebar .avatar { background: #f1e5fb; color: #7d25cd; }
[data-workspace="diva"] .topbar { top: 18px; margin: 18px 28px 0; height: 64px; padding: 0 18px; border: 0; border-radius: 6px; background: #fff; box-shadow: 0 4px 24px rgba(34,41,47,.1); backdrop-filter: none; }
[data-workspace="diva"] .topbar .theme-button { display: none; }
[data-workspace="diva"] .diva-topbar-identity { max-width: 180px; font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-workspace="diva"] .button { border-radius: 5px; font-weight: 500; }
[data-workspace="diva"] .icon-button { border-radius: 5px; }
[data-workspace="diva"] .page { padding: 28px 28px 60px; }
[data-workspace="diva"] .page-head h1 { font-size: 25px; font-weight: 500; letter-spacing: 0; }
[data-workspace="diva"] .auth-art { background: linear-gradient(145deg,#7d25cd,#52208b); }
@media (max-width: 1199px) {
  [data-workspace="diva"] .sidebar { width: min(84vw,260px); transform: translateX(-102%); transition: transform 220ms ease; }
  [data-workspace="diva"] .app-shell--menu-open .sidebar { transform: translateX(0); }
  [data-workspace="diva"] .app-shell--menu-open .sidebar-scrim { position: fixed; z-index: 35; inset: 0; display: block; background: rgba(34,41,47,.35); }
  [data-workspace="diva"] .main-shell { margin-left: 0; }
  [data-workspace="diva"] .mobile-menu-button { display: inline-grid; }
  [data-workspace="diva"] .sidebar__head { justify-content: flex-start; padding: 0 19px; }
  [data-workspace="diva"] .sidebar__head > div,
  [data-workspace="diva"] .nav-label,
  [data-workspace="diva"] .nav-link span:not(.nav-link__count),
  [data-workspace="diva"] .sidebar__user > div { display: block; }
  [data-workspace="diva"] .nav-link { justify-content: flex-start; padding-inline: 11px; }
  [data-workspace="diva"] .sidebar__user { justify-content: flex-start; padding: 11px; }
}
@media (max-width: 720px) {
  [data-workspace="diva"] body { padding-bottom: 0; }
  [data-workspace="diva"] .sidebar { width: min(84vw,260px); }
  [data-workspace="diva"] .main-shell { margin-left: 0; }
  [data-workspace="diva"] .topbar { margin: 18px 17px 0; padding: 0 12px; gap: 7px; }
  [data-workspace="diva"] .topbar .search-button,
  [data-workspace="diva"] .topbar__crumb { display: none; }
  [data-workspace="diva"] .topbar .icon-button { border: 0; width: 32px; }
  [data-workspace="diva"] .page { padding: 17px 17px 40px; }
  [data-workspace="diva"] .mobile-nav { display: none; }
}