/* === Remedica sidebar: clean VS Code file-tree style v2 === */
/* Sidebar only. Main content untouched. */

aside {
  background: #171717 !important;
  color: #d4d4d4 !important;
  border-right: 1px solid #2b2b2b !important;
  box-shadow: none !important;
}

aside * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif !important;
  box-sizing: border-box !important;
}

/* Header */
aside > div:first-child,
aside header {
  background: #171717 !important;
  border-bottom: 1px solid #2b2b2b !important;
  padding-bottom: 18px !important;
  margin-bottom: 14px !important;
}

aside img {
  background: #ffffff !important;
  border-radius: 10px !important;
}

aside h1,
aside h2,
aside h3,
aside strong,
aside b {
  color: #f2f2f2 !important;
  font-weight: 850 !important;
}

aside p,
aside small,
aside .sub,
aside .meta,
aside .muted {
  color: #9d9d9d !important;
}

/* Section names: bigger and clearer */
aside h4,
aside .section,
aside .section-title,
aside .group-title,
aside [style*="uppercase"] {
  position: relative !important;
  display: block !important;

  color: #d7d7d7 !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;

  margin-top: 20px !important;
  margin-bottom: 8px !important;
  padding-left: 18px !important;
}

/* Section bullet */
aside h4::before,
aside .section::before,
aside .section-title::before,
aside .group-title::before,
aside [style*="uppercase"]::before {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: 50% !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #b5b5b5 !important;
  transform: translateY(-50%) !important;
}

/* Every sidebar item becomes a file-tree row */
aside a,
aside button,
aside [role="button"] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  min-height: 34px !important;
  padding: 7px 10px 7px 14px !important;
  margin: 2px 0 2px 32px !important;

  background: transparent !important;
  color: #d4d4d4 !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;

  transition: background .12s ease, color .12s ease, box-shadow .12s ease !important;
}

/* Main vertical tree line for every item */
aside a::before,
aside button::before,
aside [role="button"]::before {
  content: "" !important;
  position: absolute !important;
  left: -14px !important;
  top: -8px !important;
  bottom: -8px !important;
  width: 1px !important;
  background: #3a3a3a !important;
}

/* Horizontal connector into every item */
aside a::after,
aside button::after,
aside [role="button"]::after {
  content: "" !important;
  position: absolute !important;
  left: -14px !important;
  top: 50% !important;
  width: 11px !important;
  height: 1px !important;
  background: #3a3a3a !important;
}

/* Hover */
aside a:hover,
aside button:hover,
aside [role="button"]:hover {
  background: #252526 !important;
  color: #ffffff !important;
}

/* Active selected row */
aside a.active,
aside .active,
aside [aria-current="page"],
aside a[style*="background: #111"],
aside a[style*="background:#111"],
aside a[style*="background: black"],
aside a[style*="background:black"] {
  background: #34343a !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  box-shadow: inset 3px 0 0 #007acc !important;
}

/* Active row line/connector blue */
aside a.active::before,
aside .active::before,
aside [aria-current="page"]::before,
aside a.active::after,
aside .active::after,
aside [aria-current="page"]::after {
  background: #007acc !important;
}

aside a.active *,
aside .active *,
aside [aria-current="page"] * {
  color: #ffffff !important;
}

/* Icons */
aside a span:first-child,
aside button span:first-child,
aside .icon {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  color: #c5c5c5 !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  opacity: .95 !important;
}

/* Nested children should look the same, just indented */
aside ul,
aside ol {
  border-left: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

aside li {
  list-style: none !important;
}

aside ul a,
aside ol a,
aside ul button,
aside ol button {
  margin-left: 56px !important;
}

/* Nested item lines */
aside ul a::before,
aside ol a::before,
aside ul button::before,
aside ol button::before {
  left: -14px !important;
  background: #3a3a3a !important;
}

aside ul a::after,
aside ol a::after,
aside ul button::after,
aside ol button::after {
  left: -14px !important;
  width: 11px !important;
  background: #3a3a3a !important;
}

/* Remove old random borders */
aside div {
  border-left-color: transparent !important;
}

/* Separators */
aside hr {
  border: 0 !important;
  border-top: 1px solid #2b2b2b !important;
  margin: 16px 0 !important;
}

/* Logout clean */
aside a[href*="logout"] {
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid #2b2b2b !important;
}

/* Logout should not have tree connector */
aside a[href*="logout"]::before,
aside a[href*="logout"]::after {
  display: none !important;
}

/* Scrollbar */
aside::-webkit-scrollbar {
  width: 10px;
}

aside::-webkit-scrollbar-track {
  background: #171717;
}

aside::-webkit-scrollbar-thumb {
  background: #3d3d3d;
}

aside::-webkit-scrollbar-thumb:hover {
  background: #555555;
}

/* Keep main content untouched */

/* === Clean Qogita nested tree spacing fix === */

/* Parent items */
aside a,
aside button,
aside [role="button"] {
  margin-left: 24px !important;
}

/* Parent vertical line */
aside a::before,
aside button::before,
aside [role="button"]::before {
  left: -10px !important;
}

/* Parent horizontal connector */
aside a::after,
aside button::after,
aside [role="button"]::after {
  left: -10px !important;
  width: 8px !important;
}

/* Nested children closer to parent */
aside ul a,
aside ol a,
aside ul button,
aside ol button {
  margin-left: 42px !important;
}

/* Nested child vertical line */
aside ul a::before,
aside ol a::before,
aside ul button::before,
aside ol button::before {
  left: -12px !important;
  top: -7px !important;
  bottom: -7px !important;
  background: #3a3a3a !important;
}

/* Nested child connector */
aside ul a::after,
aside ol a::after,
aside ul button::after,
aside ol button::after {
  left: -12px !important;
  width: 10px !important;
  background: #3a3a3a !important;
}

/* Remove extra UL/OL borders so there is not a double tree */
aside ul,
aside ol {
  border-left: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Keep section names clean */
aside h4::after,
aside .section::after,
aside .section-title::after,
aside .group-title::after,
aside [style*="uppercase"]::after {
  display: none !important;
}

/* === End clean Qogita nested tree spacing fix === */

/* === Straight VS Code tree line fix === */

/* Make rows not visually bend the tree line */
aside a,
aside button,
aside [role="button"] {
  overflow: visible !important;
}

/* Parent vertical line: straight, outside active background */
aside a::before,
aside button::before,
aside [role="button"]::before {
  left: -14px !important;
  top: -8px !important;
  bottom: -8px !important;
  width: 1px !important;
  background: #3a3a3a !important;
  z-index: 0 !important;
}

/* Parent horizontal connector */
aside a::after,
aside button::after,
aside [role="button"]::after {
  left: -14px !important;
  top: 50% !important;
  width: 11px !important;
  height: 1px !important;
  background: #3a3a3a !important;
  z-index: 0 !important;
}

/* Nested children: keep same straight geometry */
aside ul a,
aside ol a,
aside ul button,
aside ol button {
  margin-left: 42px !important;
  overflow: visible !important;
}

aside ul a::before,
aside ol a::before,
aside ul button::before,
aside ol button::before {
  left: -14px !important;
  top: -8px !important;
  bottom: -8px !important;
  width: 1px !important;
  background: #3a3a3a !important;
  z-index: 0 !important;
}

aside ul a::after,
aside ol a::after,
aside ul button::after,
aside ol button::after {
  left: -14px !important;
  top: 50% !important;
  width: 11px !important;
  height: 1px !important;
  background: #3a3a3a !important;
  z-index: 0 !important;
}

/* Active item: background starts after connector, so line does not bend */
aside a.active,
aside .active,
aside [aria-current="page"],
aside a[style*="background: #111"],
aside a[style*="background:#111"],
aside a[style*="background: black"],
aside a[style*="background:black"] {
  background: #34343a !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  box-shadow: inset 3px 0 0 #007acc !important;
}

/* Do NOT turn the whole vertical line blue, only the horizontal connector */
aside a.active::before,
aside .active::before,
aside [aria-current="page"]::before {
  background: #3a3a3a !important;
}

aside a.active::after,
aside .active::after,
aside [aria-current="page"]::after {
  background: #007acc !important;
}

/* Keep child active item connector clean */
aside ul a.active::before,
aside ol a.active::before,
aside ul .active::before,
aside ol .active::before {
  background: #3a3a3a !important;
}

aside ul a.active::after,
aside ol a.active::after,
aside ul .active::after,
aside ol .active::after {
  background: #007acc !important;
}

/* Prevent submenu containers from adding extra bending/borders */
aside ul,
aside ol,
aside li,
aside div {
  overflow: visible !important;
}

/* === End straight VS Code tree line fix === */

/* === Clean active sidebar item fix === */

/* Active row should NOT move or bend tree line */
aside a.active,
aside .active,
aside [aria-current="page"],
aside a[style*="background: #111"],
aside a[style*="background:#111"],
aside a[style*="background: black"],
aside a[style*="background:black"] {
  position: relative !important;
  background: #303038 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  margin-left: 42px !important;
  padding-left: 14px !important;
}

/* Blue active accent inside the item, not moving the item */
aside a.active > span:first-child,
aside .active > span:first-child,
aside [aria-current="page"] > span:first-child {
  color: #ffffff !important;
}

/* Blue bar attached to active item */
aside a.active::marker,
aside .active::marker,
aside [aria-current="page"]::marker {
  display: none !important;
}

/* Keep vertical tree line grey and straight */
aside a.active::before,
aside .active::before,
aside [aria-current="page"]::before {
  content: "" !important;
  position: absolute !important;
  left: -14px !important;
  top: -8px !important;
  bottom: -8px !important;
  width: 1px !important;
  background: #3a3a3a !important;
}

/* Horizontal connector becomes blue only */
aside a.active::after,
aside .active::after,
aside [aria-current="page"]::after {
  content: "" !important;
  position: absolute !important;
  left: -14px !important;
  top: 50% !important;
  width: 11px !important;
  height: 1px !important;
  background: #007acc !important;
}

/* Add clean blue accent inside active button */
aside a.active,
aside .active,
aside [aria-current="page"] {
  border-left: 3px solid #007acc !important;
}

/* Child active rows same position, no jumping */
aside ul a.active,
aside ol a.active,
aside ul .active,
aside ol .active,
aside ul [aria-current="page"],
aside ol [aria-current="page"] {
  margin-left: 42px !important;
  padding-left: 14px !important;
}

/* Make active background slightly softer on hover */
aside a.active:hover,
aside .active:hover,
aside [aria-current="page"]:hover {
  background: #3a3a42 !important;
}

/* === End clean active sidebar item fix === */

/* === UNIVERSAL SIDEBAR ITEM STYLE FIX === */
/* Applies to ALL sidebar items: Overview, Alerts, Scanner, Reports, Qogita children, Security, Admin, Server tools */

/* Base item: stable position, no jumping */
aside a,
aside button,
aside [role="button"] {
  position: relative !important;
  transform: none !important;
  overflow: visible !important;

  margin-left: 42px !important;
  padding: 8px 12px 8px 14px !important;

  background: transparent !important;
  color: #d4d4d4 !important;
  border: 0 !important;
  border-left: 3px solid transparent !important;
  border-radius: 7px !important;
  box-shadow: none !important;

  min-height: 34px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Nested items keep the exact same visual system */
aside ul a,
aside ol a,
aside ul button,
aside ol button,
aside ul [role="button"],
aside ol [role="button"] {
  margin-left: 42px !important;
  padding: 8px 12px 8px 14px !important;
}

/* Keep all tree vertical lines straight */
aside a::before,
aside button::before,
aside [role="button"]::before {
  content: "" !important;
  position: absolute !important;
  left: -14px !important;
  top: -8px !important;
  bottom: -8px !important;
  width: 1px !important;
  background: #3a3a3a !important;
  z-index: 0 !important;
}

/* Keep all horizontal connectors straight */
aside a::after,
aside button::after,
aside [role="button"]::after {
  content: "" !important;
  position: absolute !important;
  left: -14px !important;
  top: 50% !important;
  width: 11px !important;
  height: 1px !important;
  background: #3a3a3a !important;
  z-index: 0 !important;
}

/* Hover: no movement, just soft VS Code background */
aside a:hover,
aside button:hover,
aside [role="button"]:hover {
  background: #252526 !important;
  color: #ffffff !important;
  border-left-color: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Active/current item: same position, no jump */
aside a.active,
aside .active,
aside [aria-current="page"],
aside a[style*="background: #111"],
aside a[style*="background:#111"],
aside a[style*="background: black"],
aside a[style*="background:black"] {
  margin-left: 42px !important;
  padding: 8px 12px 8px 14px !important;

  background: #303038 !important;
  color: #ffffff !important;
  border-left: 3px solid #007acc !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Active child items same as parent items */
aside ul a.active,
aside ol a.active,
aside ul .active,
aside ol .active,
aside ul [aria-current="page"],
aside ol [aria-current="page"] {
  margin-left: 42px !important;
  padding: 8px 12px 8px 14px !important;
  background: #303038 !important;
  border-left: 3px solid #007acc !important;
}

/* Active hover */
aside a.active:hover,
aside .active:hover,
aside [aria-current="page"]:hover {
  background: #3a3a42 !important;
}

/* Active vertical line stays grey, no bending */
aside a.active::before,
aside .active::before,
aside [aria-current="page"]::before {
  left: -14px !important;
  background: #3a3a3a !important;
}

/* Active connector becomes blue */
aside a.active::after,
aside .active::after,
aside [aria-current="page"]::after {
  left: -14px !important;
  width: 11px !important;
  background: #007acc !important;
}

/* Icons stay stable */
aside a span:first-child,
aside button span:first-child,
aside [role="button"] span:first-child {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  color: #c5c5c5 !important;
  background: transparent !important;
  transform: none !important;
}

/* Active icons white */
aside a.active span:first-child,
aside .active span:first-child,
aside [aria-current="page"] span:first-child {
  color: #ffffff !important;
}

/* Logout should not use tree connector */
aside a[href*="logout"] {
  margin-left: 24px !important;
  border-left: 0 !important;
}

aside a[href*="logout"]::before,
aside a[href*="logout"]::after {
  display: none !important;
}

/* === END UNIVERSAL SIDEBAR ITEM STYLE FIX === */

/* === FINAL FORCE DARK SIDEBAR FIX === */
/* Keeps sidebar dark on all pages, including Logs */

/* Sidebar shell */
aside {
  background: #151515 !important;
  color: #d4d4d4 !important;
  border-right: 1px solid #2b2b2b !important;
  box-shadow: none !important;
}

/* Sidebar top/logo area */
aside > div:first-child,
aside header {
  background: #151515 !important;
  border-bottom: 1px solid #2b2b2b !important;
}

/* All sidebar text */
aside,
aside * {
  color: #d4d4d4 !important;
}

/* Brand title */
aside h1,
aside h2,
aside h3,
aside strong,
aside b {
  color: #f2f2f2 !important;
}

/* Subtitle / muted text */
aside p,
aside small,
aside .sub,
aside .meta,
aside .muted {
  color: #9d9d9d !important;
}

/* Section names */
aside h4,
aside .section,
aside .section-title,
aside .group-title,
aside [style*="uppercase"] {
  color: #c8c8c8 !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

/* Section bullets */
aside h4::before,
aside .section::before,
aside .section-title::before,
aside .group-title::before,
aside [style*="uppercase"]::before {
  background: #b5b5b5 !important;
}

/* Menu rows */
aside a,
aside button,
aside [role="button"] {
  background: transparent !important;
  color: #d4d4d4 !important;
  border: 0 !important;
  border-left: 3px solid transparent !important;
  box-shadow: none !important;
}

/* Hover rows */
aside a:hover,
aside button:hover,
aside [role="button"]:hover {
  background: #252526 !important;
  color: #ffffff !important;
}

/* Active selected row */
aside a.active,
aside .active,
aside [aria-current="page"],
aside a[style*="background: #111"],
aside a[style*="background:#111"],
aside a[style*="background: black"],
aside a[style*="background:black"] {
  background: #303038 !important;
  color: #ffffff !important;
  border-left: 3px solid #007acc !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

/* Active children */
aside a.active *,
aside .active *,
aside [aria-current="page"] * {
  color: #ffffff !important;
}

/* Icons */
aside a span:first-child,
aside button span:first-child,
aside [role="button"] span:first-child,
aside .icon {
  color: #c5c5c5 !important;
  background: transparent !important;
}

/* Tree lines */
aside a::before,
aside button::before,
aside [role="button"]::before,
aside a::after,
aside button::after,
aside [role="button"]::after {
  background: #3a3a3a !important;
}

/* Active horizontal connector */
aside a.active::after,
aside .active::after,
aside [aria-current="page"]::after {
  background: #007acc !important;
}

/* Separators */
aside hr,
aside a[href*="logout"] {
  border-color: #2b2b2b !important;
}

/* Logo stays white */
aside img {
  background: #ffffff !important;
}

/* Sidebar scrollbar */
aside::-webkit-scrollbar {
  width: 10px;
}

aside::-webkit-scrollbar-track {
  background: #151515;
}

aside::-webkit-scrollbar-thumb {
  background: #3d3d3d;
}

aside::-webkit-scrollbar-thumb:hover {
  background: #555555;
}

/* === END FINAL FORCE DARK SIDEBAR FIX === */








/* === REAL isolated Apple-style Daily/Admin switch === */

aside .mode-toggle-shell,
aside .mode-toggle-shell *,
aside .mode-toggle,
aside .mode-toggle *,
aside .mode-toggle-choice,
aside .mode-toggle-thumb {
  box-sizing: border-box !important;
}

aside .mode-toggle-shell {
  display: block !important;
  width: calc(100% - 28px) !important;
  margin: 8px 14px 18px 14px !important;
  padding: 4px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
    #202024 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 24px rgba(0,0,0,.18) !important;
}

aside .mode-toggle-shell::before,
aside .mode-toggle-shell::after,
aside .mode-toggle::before,
aside .mode-toggle::after,
aside .mode-toggle-choice::before,
aside .mode-toggle-choice::after {
  display: none !important;
  content: none !important;
}

aside .mode-toggle {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

aside .mode-toggle-choice {
  all: unset !important;
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 36px !important;
  min-height: 36px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #9b9ba3 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  text-align: center !important;
  cursor: pointer !important;
  user-select: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

aside .mode-toggle-choice.active {
  color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.28) !important;
}

aside .mode-toggle-thumb {
  position: absolute !important;
  z-index: 1 !important;
  top: 3px !important;
  left: 3px !important;
  width: calc(50% - 3px) !important;
  height: calc(100% - 6px) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,.07)),
    #3a3a42 !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.11) !important;
  transition: transform .22s cubic-bezier(.2,.8,.2,1) !important;
}

html[data-sidebar-mode="admin"] aside .mode-toggle-thumb {
  transform: translateX(100%) !important;
}

html[data-sidebar-mode="daily"] aside .mode-toggle-thumb {
  transform: translateX(0) !important;
}

/* Daily mode visibility */
html[data-sidebar-mode="daily"] aside .nav-section:not([data-daily-section="1"]),
body.sidebar-daily aside .nav-section:not([data-daily-section="1"]) {
  display: none !important;
}

html[data-sidebar-mode="daily"] aside .nav-section a:not([data-daily="1"]),
body.sidebar-daily aside .nav-section a:not([data-daily="1"]) {
  display: none !important;
}

html[data-sidebar-mode="daily"] aside .nav-child,
body.sidebar-daily aside .nav-child {
  display: none !important;
}

/* === End REAL isolated Apple-style Daily/Admin switch === */

/* === Clean Apple Daily/Admin segmented switch fix === */

aside .mode-toggle-shell,
aside .rem-mode-wrap,
aside .nav-mode-card {
  width: calc(100% - 28px) !important;
  margin: 8px 14px 18px 14px !important;
  padding: 3px !important;
  border-radius: 999px !important;
  background: #2b2b31 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 18px rgba(0,0,0,.20) !important;
  overflow: hidden !important;
}

aside .mode-toggle,
aside .rem-mode-switch,
aside .nav-mode-switch {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: transparent !important;
}

aside .mode-toggle::before,
aside .mode-toggle::after,
aside .mode-toggle-shell::before,
aside .mode-toggle-shell::after,
aside .mode-toggle-choice::before,
aside .mode-toggle-choice::after,
aside .rem-mode-switch::before,
aside .rem-mode-switch::after,
aside .rem-mode-option::before,
aside .rem-mode-option::after,
aside .nav-mode-switch::before,
aside .nav-mode-switch::after,
aside .nav-mode-btn::before,
aside .nav-mode-btn::after {
  display: none !important;
  content: none !important;
}

aside .mode-toggle-thumb,
aside .rem-mode-thumb,
aside .nav-mode-thumb {
  position: absolute !important;
  z-index: 1 !important;
  top: 3px !important;
  left: 3px !important;
  width: calc(50% - 3px) !important;
  height: calc(100% - 6px) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #5a5a62, #424249) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 5px 12px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
  transform: none !important;
  transition:
    left .20s cubic-bezier(.2,.8,.2,1),
    background .16s ease,
    box-shadow .16s ease !important;
}

html[data-sidebar-mode="daily"] aside .mode-toggle-thumb,
html[data-sidebar-mode="daily"] aside .rem-mode-thumb,
html[data-sidebar-mode="daily"] aside .nav-mode-thumb {
  left: 3px !important;
  transform: none !important;
}

html[data-sidebar-mode="admin"] aside .mode-toggle-thumb,
html[data-sidebar-mode="admin"] aside .rem-mode-thumb,
html[data-sidebar-mode="admin"] aside .nav-mode-thumb {
  left: 50% !important;
  transform: none !important;
}

aside .mode-toggle-choice,
aside .rem-mode-option,
aside .nav-mode-btn {
  all: unset !important;
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #a9a9b2 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
  text-align: center !important;
  cursor: pointer !important;
  user-select: none !important;
}

aside .mode-toggle-choice.active,
aside .rem-mode-option.active,
aside .nav-mode-btn.active {
  color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.25) !important;
}

/* prevent custom theme from making Daily/Admin thumb brown/neon */
html[data-panel-theme] aside .mode-toggle-thumb,
html[data-panel-theme] aside .rem-mode-thumb,
html[data-panel-theme] aside .nav-mode-thumb {
  background: linear-gradient(180deg, #5a5a62, #424249) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* === End clean Apple Daily/Admin segmented switch fix === */

/* === Sidebar Favorites === */

aside .nav-favorites-section {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
}

aside .nav-favorites-section summary {
  color: #f0f0f3 !important;
}

aside .nav-favorites-empty {
  margin: 4px 12px 8px 42px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  border: 1px dashed rgba(255,255,255,.12) !important;
  color: #8f8f98 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

aside a[data-nav-key] {
  padding-right: 34px !important;
}

aside .nav-star {
  position: absolute !important;
  right: 9px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  color: #777780 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  transition: opacity .14s ease, color .14s ease, background .14s ease !important;
}

aside a[data-nav-key]:hover .nav-star,
aside a[data-nav-key].is-favorite .nav-star {
  opacity: 1 !important;
}

aside a[data-nav-key] .nav-star:hover {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
}

aside a[data-nav-key].is-favorite .nav-star {
  color: var(--theme-accent, #8e8e93) !important;
}

aside .nav-favorite-link {
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

aside .nav-favorite-link .nav-icon {
  color: var(--theme-accent, #8e8e93) !important;
}

aside .nav-fav-remove {
  position: absolute !important;
  right: 9px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  color: #8f8f98 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  opacity: .55 !important;
  cursor: pointer !important;
}

aside .nav-fav-remove:hover {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Favorites section should stay visible in Daily mode */
html[data-sidebar-mode="daily"] aside .nav-favorites-section,
body.sidebar-daily aside .nav-favorites-section {
  display: block !important;
}

/* === End Sidebar Favorites === */

/* === Sidebar bottom user card === */

aside .nav-user-card {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 18px 14px 12px 14px !important;
  padding: 10px 11px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    #1f1f23 !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 24px rgba(0,0,0,.14) !important;
}

aside .nav-user-avatar {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: var(--theme-active-soft, rgba(142,142,147,.18)) !important;
  color: var(--theme-accent, #8e8e93) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

aside .nav-user-info {
  min-width: 0 !important;
}

aside .nav-user-name {
  color: #f2f2f3 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

aside .nav-user-meta {
  margin-top: 3px !important;
  color: #9b9ba3 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  text-transform: capitalize !important;
}

aside #sidebarClock {
  font-variant-numeric: tabular-nums !important;
  color: #c7c7cf !important;
}

/* === End sidebar bottom user card === */

/* === Fixed bottom sidebar user/logout area === */

aside.side,
aside {
  position: sticky !important;
  top: 0 !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}

aside .nav {
  height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
  overflow-y: auto !important;
  padding-bottom: 150px !important;
  position: relative !important;
}

aside .nav-bottom-fixed {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 40 !important;
  padding: 8px 14px 14px 14px !important;
  background:
    linear-gradient(180deg, rgba(23,23,23,0), #171717 18%, #171717 100%) !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

aside .nav-bottom-fixed .nav-user-card {
  margin: 0 0 10px 0 !important;
}

aside .nav-bottom-fixed .nav-divider {
  margin: 0 0 10px 0 !important;
}

aside .nav-bottom-fixed .nav-list {
  margin: 0 !important;
}

aside .nav-bottom-fixed .nav-list a[href="/logout"] {
  margin: 0 !important;
  width: 100% !important;
  min-height: 38px !important;
  justify-content: flex-start !important;
}

aside .nav-bottom-fixed .nav-list a[href="/logout"]::before,
aside .nav-bottom-fixed .nav-list a[href="/logout"]::after {
  display: none !important;
  content: none !important;
}

/* === End fixed bottom sidebar user/logout area === */

/* === Logout confirmation popup === */

.logout-modal-backdrop {
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.logout-modal-card {
  max-width: 420px !important;
}

.logout-icon {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
}

.logout-session-box {
  margin: 16px 0 4px 0 !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    #202024 !important;
  border: 1px solid rgba(255,255,255,.075) !important;
}

.logout-session-label {
  color: #9b9ba3 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}

.logout-session-user {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

/* === End logout confirmation popup === */

/* === Logout popup synced with active profile/theme color === */

.logout-modal-card {
  position: relative !important;
  overflow: hidden !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.22)) !important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.38),
    0 0 0 1px var(--theme-active-soft, rgba(142,142,147,.18)),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.logout-modal-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 3px !important;
  background: var(--theme-accent, #8e8e93) !important;
  box-shadow: 0 0 24px var(--theme-active-soft, rgba(142,142,147,.28)) !important;
}

.logout-icon {
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)),
    var(--theme-active, rgba(142,142,147,.22)) !important;
  color: var(--theme-accent, #8e8e93) !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.22)) !important;
  box-shadow:
    0 10px 24px var(--theme-active-soft, rgba(142,142,147,.18)),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.logout-session-box {
  border-color: var(--theme-active-soft, rgba(142,142,147,.22)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(255,255,255,.015) !important;
}

.logout-session-label {
  color: #9b9ba3 !important;
}

.logout-session-user {
  color: #ffffff !important;
}

.logout-modal-card .modal-btn.danger,
.logout-modal-card #confirmLogout {
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05)),
    var(--theme-accent, #8e8e93) !important;
  color: #ffffff !important;
  border-color: var(--theme-accent, #8e8e93) !important;
  box-shadow:
    0 10px 24px var(--theme-active-soft, rgba(142,142,147,.30)),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.logout-modal-card .modal-btn.danger:hover,
.logout-modal-card #confirmLogout:hover {
  filter: brightness(1.08) saturate(1.06) !important;
  transform: translateY(-1px) !important;
}

.logout-modal-card .modal-btn.cancel,
.logout-modal-card #cancelLogout {
  background: rgba(255,255,255,.06) !important;
  color: #f2f2f3 !important;
  border-color: rgba(255,255,255,.10) !important;
}

.logout-modal-card .modal-btn.cancel:hover,
.logout-modal-card #cancelLogout:hover {
  border-color: var(--theme-active-soft, rgba(142,142,147,.28)) !important;
  background: var(--theme-active-soft, rgba(142,142,147,.13)) !important;
}

.logout-modal-card .modal-title {
  color: #ffffff !important;
}

.logout-modal-card .modal-text {
  color: #a9a9b2 !important;
}

/* === End logout popup synced with active profile/theme color === */

/* === Final dark-mode logout popup consistency fix === */

html[data-appearance="dark"] .logout-modal-card .modal-btn.cancel,
html:not([data-appearance="light"]) .logout-modal-card .modal-btn.cancel,
html[data-appearance="dark"] .logout-modal-card #cancelLogout,
html:not([data-appearance="light"]) .logout-modal-card #cancelLogout {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-appearance="dark"] .logout-session-box,
html:not([data-appearance="light"]) .logout-session-box {
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    #202024 !important;
}

/* === End final dark-mode logout popup consistency fix === */

/* === Force logout popup to be dark when panel is dark === */

html[data-appearance="dark"] .logout-modal-card,
html:not([data-appearance="light"]) .logout-modal-card {
  background:
    linear-gradient(180deg, rgba(36,36,40,.98), rgba(24,24,27,.98)) !important;
  color: #ffffff !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.24)) !important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.45),
    0 0 0 1px var(--theme-active-soft, rgba(142,142,147,.18)),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-appearance="dark"] .logout-modal-card .modal-title,
html:not([data-appearance="light"]) .logout-modal-card .modal-title {
  color: #ffffff !important;
  font-weight: 950 !important;
}

html[data-appearance="dark"] .logout-modal-card .modal-text,
html:not([data-appearance="light"]) .logout-modal-card .modal-text {
  color: #b8b8c0 !important;
  font-weight: 650 !important;
}

html[data-appearance="dark"] .logout-icon,
html:not([data-appearance="light"]) .logout-icon {
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.05)),
    var(--theme-active-soft, rgba(142,142,147,.18)) !important;
  color: var(--theme-accent, #8e8e93) !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.28)) !important;
  box-shadow:
    0 10px 24px var(--theme-active-soft, rgba(142,142,147,.18)),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
}

html[data-appearance="dark"] .logout-session-box,
html:not([data-appearance="light"]) .logout-session-box {
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)),
    #202024 !important;
  color: #ffffff !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.24)) !important;
}

html[data-appearance="dark"] .logout-session-label,
html:not([data-appearance="light"]) .logout-session-label {
  color: #a9a9b2 !important;
  font-weight: 900 !important;
}

html[data-appearance="dark"] .logout-session-user,
html:not([data-appearance="light"]) .logout-session-user {
  color: #ffffff !important;
  font-weight: 950 !important;
}

html[data-appearance="dark"] .logout-modal-card #cancelLogout,
html:not([data-appearance="light"]) .logout-modal-card #cancelLogout {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-appearance="dark"] .logout-modal-card #cancelLogout:hover,
html:not([data-appearance="light"]) .logout-modal-card #cancelLogout:hover {
  background: var(--theme-active-soft, rgba(142,142,147,.16)) !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.30)) !important;
}

html[data-appearance="dark"] .logout-modal-card #confirmLogout,
html:not([data-appearance="light"]) .logout-modal-card #confirmLogout {
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05)),
    var(--theme-accent, #8e8e93) !important;
  color: #ffffff !important;
  border: 1px solid var(--theme-accent, #8e8e93) !important;
  box-shadow:
    0 10px 24px var(--theme-active-soft, rgba(142,142,147,.30)),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

html[data-appearance="dark"] .logout-modal-card::before,
html:not([data-appearance="light"]) .logout-modal-card::before {
  background: var(--theme-accent, #8e8e93) !important;
}

/* === End forced dark-mode logout popup CSS === */

/* === Profile popup === */

aside .nav-user-card {
  cursor: pointer !important;
}

aside .nav-user-card:hover {
  border-color: var(--theme-active-soft, rgba(142,142,147,.28)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 12px 28px rgba(0,0,0,.20),
    0 0 0 1px var(--theme-active-soft, rgba(142,142,147,.14)) !important;
}

.profile-modal-card {
  max-width: 480px !important;
  position: relative !important;
  overflow: hidden !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.22)) !important;
}

.profile-modal-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 3px !important;
  background: var(--theme-accent, #8e8e93) !important;
}

.profile-icon {
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.05)),
    var(--theme-active-soft, rgba(142,142,147,.18)) !important;
  color: var(--theme-accent, #8e8e93) !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.28)) !important;
  font-weight: 950 !important;
}

.profile-grid {
  display: grid !important;
  gap: 10px !important;
  margin: 16px 0 4px 0 !important;
}

.profile-row {
  display: grid !important;
  grid-template-columns: 128px 1fr !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 11px 12px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.025)),
    #202024 !important;
  border: 1px solid rgba(255,255,255,.075) !important;
}

.profile-label {
  color: #9b9ba3 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

.profile-value {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.profile-role {
  text-transform: capitalize !important;
}

.profile-color-value {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.profile-color-dot {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  border-radius: 999px !important;
  background: var(--custom-theme-accent, #8e8e93) !important;
  box-shadow: 0 0 0 3px var(--theme-active-soft, rgba(142,142,147,.18)) !important;
}

/* === End profile popup === */

/* === Final bottom profile card cleanup === */

/* Bottom area now only contains the profile card */
aside .nav-bottom-fixed {
  padding: 10px 14px 16px 14px !important;
  background:
    linear-gradient(180deg, rgba(23,23,23,0), #171717 22%, #171717 100%) !important;
  border-top: 1px solid rgba(255,255,255,.055) !important;
}

/* Give scroll menu less wasted bottom space now logout button is removed */
aside .nav {
  padding-bottom: 104px !important;
}

/* Hide leftover divider/list inside bottom area if any old CSS/HTML remains */
aside .nav-bottom-fixed > .nav-divider,
aside .nav-bottom-fixed > .nav-list {
  display: none !important;
}

/* Cleaner fixed user/profile card */
aside .nav-bottom-fixed .nav-user-card {
  width: 100% !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 10px 11px !important;
  gap: 10px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
    #222228 !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.075) !important;
  cursor: pointer !important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease !important;
}

aside .nav-bottom-fixed .nav-user-card:hover {
  transform: translateY(-1px) !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.34)) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.045)),
    #26262d !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.30),
    0 0 0 1px var(--theme-active-soft, rgba(142,142,147,.15)),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

aside .nav-bottom-fixed .nav-user-card:active {
  transform: translateY(0) scale(.995) !important;
}

/* Better avatar */
aside .nav-bottom-fixed .nav-user-avatar {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.035)),
    var(--theme-active-soft, rgba(142,142,147,.18)) !important;
  color: var(--theme-accent, #8e8e93) !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.25)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 8px 18px rgba(0,0,0,.18) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

/* Cleaner text */
aside .nav-bottom-fixed .nav-user-info {
  min-width: 0 !important;
  flex: 1 !important;
}

aside .nav-bottom-fixed .nav-user-name {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em !important;
}

aside .nav-bottom-fixed .nav-user-meta {
  margin-top: 5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #b3b3bc !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: capitalize !important;
}

aside .nav-bottom-fixed #sidebarClock {
  color: #d0d0d7 !important;
  font-variant-numeric: tabular-nums !important;
}

/* Add subtle profile hint arrow */
aside .nav-bottom-fixed .nav-user-card::after {
  content: "›" !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: auto !important;
  border-radius: 999px !important;
  color: #8f8f98 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  opacity: .9 !important;
}

aside .nav-bottom-fixed .nav-user-card:hover::after {
  color: var(--theme-accent, #8e8e93) !important;
}

/* === End final bottom profile card cleanup === */

/* === Final fixed bottom profile placement polish === */

/* Keep sidebar clean and prevent bottom clipping */
aside.side,
aside {
  overflow: hidden !important;
}

/* Menu scroll area leaves exact room for fixed profile card */
aside .nav {
  height: calc(100vh - 108px) !important;
  max-height: calc(100vh - 108px) !important;
  overflow-y: auto !important;
  padding-bottom: 118px !important;
}

/* Bottom profile dock */
aside .nav-bottom-fixed {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 60 !important;
  padding: 14px 18px 20px 18px !important;
  background:
    linear-gradient(180deg, rgba(18,18,20,0), #121214 30%, #121214 100%) !important;
  border-top: 0 !important;
  pointer-events: none !important;
}

/* Only the card is clickable, not the whole dock */
aside .nav-bottom-fixed .nav-user-card {
  pointer-events: auto !important;
}

/* Hide old leftover bottom logout/divider layout */
aside .nav-bottom-fixed > .nav-divider,
aside .nav-bottom-fixed > .nav-list {
  display: none !important;
}

/* Clean bottom card */
aside .nav-bottom-fixed .nav-user-card {
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  border-radius: 19px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
    #24242a !important;
  border: 1px solid rgba(255,255,255,.115) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.085) !important;
  cursor: pointer !important;
  transform: translateZ(0) !important;
}

/* Hover but no ugly movement */
aside .nav-bottom-fixed .nav-user-card:hover {
  background:
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.045)),
    #282830 !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.36)) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.38),
    0 0 0 1px var(--theme-active-soft, rgba(142,142,147,.16)),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Better avatar */
aside .nav-bottom-fixed .nav-user-avatar {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.035)),
    var(--theme-active-soft, rgba(142,142,147,.18)) !important;
  color: var(--theme-accent, #8e8e93) !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.28)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 8px 18px rgba(0,0,0,.20) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

/* Text block */
aside .nav-bottom-fixed .nav-user-info {
  flex: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

aside .nav-bottom-fixed .nav-user-name {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

aside .nav-bottom-fixed .nav-user-meta {
  margin-top: 5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #b6b6bf !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: capitalize !important;
  white-space: nowrap !important;
}

aside .nav-bottom-fixed #sidebarClock {
  color: #d6d6dd !important;
  font-variant-numeric: tabular-nums !important;
}

/* More subtle open-profile indicator */
aside .nav-bottom-fixed .nav-user-card::after {
  content: "›" !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 2px !important;
  border-radius: 999px !important;
  color: #85858e !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

aside .nav-bottom-fixed .nav-user-card:hover::after {
  color: var(--theme-accent, #8e8e93) !important;
}

/* Remove accidental outlines/lines around dock */
aside .nav-bottom-fixed::before,
aside .nav-bottom-fixed::after {
  display: none !important;
  content: none !important;
}

/* === End final fixed bottom profile placement polish === */

/* === TRUE fixed bottom profile dock, final override === */

/* Give the scroll list enough room so content does not hide behind fixed dock */
aside .nav {
  padding-bottom: 112px !important;
}

/* Dock is now fixed to the browser window, aligned to real sidebar coordinates from JS */
aside .nav-bottom-fixed {
  position: fixed !important;
  left: var(--profile-dock-left, 18px) !important;
  bottom: var(--profile-dock-bottom, 18px) !important;
  width: var(--profile-dock-width, 210px) !important;
  right: auto !important;
  top: auto !important;
  z-index: 999 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  pointer-events: none !important;
  overflow: visible !important;
}

/* Hide any old bottom logout leftovers forever */
aside .nav-bottom-fixed > .nav-divider,
aside .nav-bottom-fixed > .nav-list,
aside .nav-bottom-fixed a[href="/logout"],
aside .nav-bottom-fixed #logoutLink {
  display: none !important;
}

/* New clean user card */
aside .nav-bottom-fixed .nav-user-card {
  pointer-events: auto !important;
  width: 100% !important;
  height: 62px !important;
  min-height: 62px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035)),
    #24242b !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.025),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  cursor: pointer !important;
  transition:
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease,
    transform .16s ease !important;
}

aside .nav-bottom-fixed .nav-user-card:hover {
  transform: translateY(-1px) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045)),
    #2a2a32 !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.38)) !important;
  box-shadow:
    0 22px 56px rgba(0,0,0,.44),
    0 0 0 1px var(--theme-active-soft, rgba(142,142,147,.16)),
    inset 0 1px 0 rgba(255,255,255,.11) !important;
}

/* Avatar: cleaner square-pill, less muddy */
aside .nav-bottom-fixed .nav-user-avatar {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.04)),
    var(--theme-active-soft, rgba(142,142,147,.18)) !important;
  color: var(--theme-accent, #8e8e93) !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.30)) !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.15) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

/* Text */
aside .nav-bottom-fixed .nav-user-info {
  min-width: 0 !important;
  flex: 1 !important;
  overflow: hidden !important;
}

aside .nav-bottom-fixed .nav-user-name {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

aside .nav-bottom-fixed .nav-user-meta {
  margin-top: 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #b9b9c2 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: capitalize !important;
  white-space: nowrap !important;
}

aside .nav-bottom-fixed #sidebarClock {
  color: #e0e0e6 !important;
  font-variant-numeric: tabular-nums !important;
}

/* Clean profile opener indicator */
aside .nav-bottom-fixed .nav-user-card::after {
  content: "Profile" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 46px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: var(--theme-active-soft, rgba(142,142,147,.16)) !important;
  color: #d7d7de !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.22)) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
}

aside .nav-bottom-fixed .nav-user-card:hover::after {
  color: #ffffff !important;
  background: var(--theme-active-soft, rgba(142,142,147,.22)) !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.34)) !important;
}

/* === End TRUE fixed bottom profile dock === */

/* === FINAL clean fixed profile dock override === */

/* Real fixed dock aligned inside sidebar */
aside .nav-bottom-fixed {
  position: fixed !important;
  left: var(--profile-dock-left, 14px) !important;
  bottom: var(--profile-dock-bottom, 14px) !important;
  width: var(--profile-dock-width, 204px) !important;
  right: auto !important;
  top: auto !important;
  z-index: 9999 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  overflow: visible !important;
}

/* More scroll room above bottom card */
aside .nav {
  padding-bottom: 96px !important;
}

/* Remove old bottom logout/divider permanently */
aside .nav-bottom-fixed > .nav-divider,
aside .nav-bottom-fixed > .nav-list,
aside .nav-bottom-fixed #logoutLink,
aside .nav-bottom-fixed a[href="/logout"] {
  display: none !important;
}

/* Clean card */
aside .nav-bottom-fixed .nav-user-card {
  pointer-events: auto !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 16px !important;
  align-items: center !important;
  column-gap: 9px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
    #24242a !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
  cursor: pointer !important;
  transition:
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    transform .16s ease !important;
}

aside .nav-bottom-fixed .nav-user-card:hover {
  transform: translateY(-1px) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.045)),
    #292930 !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.38)) !important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.42),
    0 0 0 1px var(--theme-active-soft, rgba(142,142,147,.15)),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Avatar */
aside .nav-bottom-fixed .nav-user-avatar {
  grid-column: 1 !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.035)),
    var(--theme-active-soft, rgba(142,142,147,.18)) !important;
  color: var(--theme-accent, #8e8e93) !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.30)) !important;
  box-shadow:
    0 7px 16px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

/* Text */
aside .nav-bottom-fixed .nav-user-info {
  grid-column: 2 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

aside .nav-bottom-fixed .nav-user-name {
  color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

aside .nav-bottom-fixed .nav-user-meta {
  margin-top: 5px !important;
  display: block !important;
  color: #b9b9c2 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: capitalize !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

aside .nav-bottom-fixed #sidebarClock {
  color: #dcdce2 !important;
  font-variant-numeric: tabular-nums !important;
}

/* Remove ugly Profile label and use clean chevron */
aside .nav-bottom-fixed .nav-user-card::after {
  content: "›" !important;
  grid-column: 3 !important;
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 24px !important;
  min-width: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #777780 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

aside .nav-bottom-fixed .nav-user-card:hover::after {
  color: var(--theme-accent, #8e8e93) !important;
}

/* === End FINAL clean fixed profile dock override === */

/* === FORCE dark-mode profile popup sync === */

html[data-appearance="dark"] .profile-modal-card,
html:not([data-appearance="light"]) .profile-modal-card {
  background:
    linear-gradient(180deg, rgba(38,38,43,.98), rgba(22,22,25,.98)) !important;
  color: #ffffff !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.26)) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.52),
    0 0 0 1px var(--theme-active-soft, rgba(142,142,147,.16)),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

html[data-appearance="dark"] .profile-modal-card::before,
html:not([data-appearance="light"]) .profile-modal-card::before {
  background: var(--theme-accent, #8e8e93) !important;
  box-shadow: 0 0 28px var(--theme-active-soft, rgba(142,142,147,.30)) !important;
}

html[data-appearance="dark"] .profile-modal-card .modal-title,
html:not([data-appearance="light"]) .profile-modal-card .modal-title {
  color: #ffffff !important;
  font-weight: 950 !important;
}

html[data-appearance="dark"] .profile-modal-card .modal-text,
html:not([data-appearance="light"]) .profile-modal-card .modal-text {
  color: #b8b8c1 !important;
  font-weight: 650 !important;
}

html[data-appearance="dark"] .profile-icon,
html:not([data-appearance="light"]) .profile-icon {
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.045)),
    var(--theme-active-soft, rgba(142,142,147,.18)) !important;
  color: var(--theme-accent, #8e8e93) !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.30)) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.24),
    0 0 0 4px var(--theme-active-soft, rgba(142,142,147,.09)),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html[data-appearance="dark"] .profile-row,
html:not([data-appearance="light"]) .profile-row {
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.028)),
    #202024 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html[data-appearance="dark"] .profile-label,
html:not([data-appearance="light"]) .profile-label {
  color: #a9a9b2 !important;
  font-weight: 900 !important;
}

html[data-appearance="dark"] .profile-value,
html:not([data-appearance="light"]) .profile-value {
  color: #ffffff !important;
  font-weight: 900 !important;
}

html[data-appearance="dark"] .profile-color-dot,
html:not([data-appearance="light"]) .profile-color-dot {
  background: var(--custom-theme-accent, var(--theme-accent, #8e8e93)) !important;
  box-shadow: 0 0 0 3px var(--theme-active-soft, rgba(142,142,147,.18)) !important;
}

html[data-appearance="dark"] .profile-modal-card #closeProfile,
html:not([data-appearance="light"]) .profile-modal-card #closeProfile {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  opacity: 1 !important;
}

html[data-appearance="dark"] .profile-modal-card #closeProfile:hover,
html:not([data-appearance="light"]) .profile-modal-card #closeProfile:hover {
  background: var(--theme-active-soft, rgba(142,142,147,.16)) !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.30)) !important;
}

html[data-appearance="dark"] .profile-modal-card #profileLogout,
html:not([data-appearance="light"]) .profile-modal-card #profileLogout {
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05)),
    var(--theme-accent, #8e8e93) !important;
  color: #ffffff !important;
  border: 1px solid var(--theme-accent, #8e8e93) !important;
  box-shadow:
    0 10px 24px var(--theme-active-soft, rgba(142,142,147,.30)),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* === End FORCE dark-mode profile popup sync === */

/* === FINAL Apple-like profile popup polish (dark/default) === */

.profile-modal-backdrop {
  background: rgba(7, 7, 10, .52) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
}

html[data-appearance="dark"] .profile-modal-card,
html:not([data-appearance="light"]) .profile-modal-card {
  width: min(440px, calc(100vw - 32px)) !important;
  max-width: 440px !important;
  border-radius: 26px !important;
  padding: 18px 18px 16px !important;
  background:
    linear-gradient(180deg, rgba(42,42,48,.97), rgba(24,24,28,.98)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    0 28px 100px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,255,255,.03),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  overflow: hidden !important;
}

html[data-appearance="dark"] .profile-modal-card::before,
html:not([data-appearance="light"]) .profile-modal-card::before {
  height: 2px !important;
  background: var(--theme-accent, #8e8e93) !important;
  box-shadow: 0 0 24px var(--theme-active-soft, rgba(142,142,147,.26)) !important;
}

html[data-appearance="dark"] .profile-modal-card .modal-head,
html:not([data-appearance="light"]) .profile-modal-card .modal-head {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

html[data-appearance="dark"] .profile-icon,
html:not([data-appearance="light"]) .profile-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.04)),
    var(--theme-active-soft, rgba(142,142,147,.18)) !important;
  color: var(--theme-accent, #8e8e93) !important;
  border: 1px solid var(--theme-active-soft, rgba(142,142,147,.28)) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html[data-appearance="dark"] .profile-modal-card .modal-title,
html:not([data-appearance="light"]) .profile-modal-card .modal-title {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
  margin: 1px 0 4px 0 !important;
}

html[data-appearance="dark"] .profile-modal-card .modal-text,
html:not([data-appearance="light"]) .profile-modal-card .modal-text {
  color: #aaaab4 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

html[data-appearance="dark"] .profile-grid,
html:not([data-appearance="light"]) .profile-grid {
  display: grid !important;
  gap: 8px !important;
  margin: 2px 0 0 0 !important;
}

html[data-appearance="dark"] .profile-row,
html:not([data-appearance="light"]) .profile-row {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)),
    #202025 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-appearance="dark"] .profile-label,
html:not([data-appearance="light"]) .profile-label {
  color: #9797a1 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

html[data-appearance="dark"] .profile-value,
html:not([data-appearance="light"]) .profile-value {
  color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-appearance="dark"] .profile-color-value,
html:not([data-appearance="light"]) .profile-color-value {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
}

html[data-appearance="dark"] .profile-color-dot,
html:not([data-appearance="light"]) .profile-color-dot {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  border-radius: 999px !important;
  background: var(--custom-theme-accent, var(--theme-accent, #8e8e93)) !important;
  box-shadow: 0 0 0 3px var(--theme-active-soft, rgba(142,142,147,.15)) !important;
}

html[data-appearance="dark"] .profile-modal-card .modal-actions,
html:not([data-appearance="light"]) .profile-modal-card .modal-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

html[data-appearance="dark"] .profile-modal-card .modal-btn,
html:not([data-appearance="light"]) .profile-modal-card .modal-btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}

html[data-appearance="dark"] .profile-modal-card #closeProfile,
html:not([data-appearance="light"]) .profile-modal-card #closeProfile {
  background: rgba(255,255,255,.075) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-appearance="dark"] .profile-modal-card #closeProfile:hover,
html:not([data-appearance="light"]) .profile-modal-card #closeProfile:hover {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.18) !important;
}

html[data-appearance="dark"] .profile-modal-card #profileLogout,
html:not([data-appearance="light"]) .profile-modal-card #profileLogout {
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05)),
    var(--theme-accent, #8e8e93) !important;
  color: #ffffff !important;
  border: 1px solid var(--theme-accent, #8e8e93) !important;
  box-shadow:
    0 10px 22px var(--theme-active-soft, rgba(142,142,147,.24)),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
}

html[data-appearance="dark"] .profile-modal-card #profileLogout:hover,
html:not([data-appearance="light"]) .profile-modal-card #profileLogout:hover {
  filter: brightness(1.06) saturate(1.05) !important;
}

/* === End FINAL Apple-like profile popup polish (dark/default) === */

/* === Final Favorites Daily/Admin guard === */

/* Favorites section must always exist in both modes */
aside .nav-favorites-section {
  display: block !important;
}

/* In Daily mode, hide admin-only favorite links */
html[data-sidebar-mode="daily"] aside .nav-favorite-link[data-daily="0"],
body.sidebar-daily aside .nav-favorite-link[data-daily="0"] {
  display: none !important;
}

/* In Admin mode, show all favorite links */
html[data-sidebar-mode="admin"] aside .nav-favorite-link,
body.sidebar-admin aside .nav-favorite-link {
  display: flex !important;
}

/* Daily/Admin switch must never disappear */
aside .mode-toggle-shell,
aside .mode-toggle,
aside .mode-toggle-choice,
aside .mode-toggle-thumb {
  visibility: visible !important;
  opacity: 1 !important;
}

/* === End Final Favorites Daily/Admin guard === */

/* === HARD FIX: Daily/Admin switch must not collapse === */

/* The switch sits directly inside nav, not inside nav-section */
aside .nav > .mode-toggle-shell {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  width: calc(100% - 28px) !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 8px 14px 18px 14px !important;
  padding: 4px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
    #24242a !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 18px rgba(0,0,0,.20) !important;
  transform: none !important;
  pointer-events: auto !important;
}

aside .nav > .mode-toggle-shell .mode-toggle {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  overflow: hidden !important;
}

aside .nav > .mode-toggle-shell .mode-toggle-thumb {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  z-index: 1 !important;
  top: 2px !important;
  left: 2px !important;
  width: calc(50% - 2px) !important;
  height: calc(100% - 4px) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)),
    #4b4b53 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 6px 14px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
  transform: none !important;
  transition: left .18s cubic-bezier(.2,.8,.2,1) !important;
}

html[data-sidebar-mode="daily"] aside .nav > .mode-toggle-shell .mode-toggle-thumb,
body.sidebar-daily aside .nav > .mode-toggle-shell .mode-toggle-thumb {
  left: 2px !important;
}

html[data-sidebar-mode="admin"] aside .nav > .mode-toggle-shell .mode-toggle-thumb,
body.sidebar-admin aside .nav > .mode-toggle-shell .mode-toggle-thumb {
  left: 50% !important;
}

aside .nav > .mode-toggle-shell .mode-toggle-choice {
  all: unset !important;
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #a9a9b2 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  cursor: pointer !important;
  user-select: none !important;
}

aside .nav > .mode-toggle-shell .mode-toggle-choice.active {
  color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.22) !important;
}

/* Kill any broken pseudo-elements that create the thin line */
aside .nav > .mode-toggle-shell::before,
aside .nav > .mode-toggle-shell::after,
aside .nav > .mode-toggle-shell .mode-toggle::before,
aside .nav > .mode-toggle-shell .mode-toggle::after,
aside .nav > .mode-toggle-shell .mode-toggle-choice::before,
aside .nav > .mode-toggle-shell .mode-toggle-choice::after {
  display: none !important;
  content: none !important;
}

/* Favorites behavior */
html[data-sidebar-mode="admin"] aside .nav-favorites-section,
body.sidebar-admin aside .nav-favorites-section {
  display: block !important;
}

html[data-sidebar-mode="admin"] aside .nav-favorite-link,
body.sidebar-admin aside .nav-favorite-link {
  display: flex !important;
}

html[data-sidebar-mode="daily"] aside .nav-favorite-link[data-daily="0"],
body.sidebar-daily aside .nav-favorite-link[data-daily="0"] {
  display: none !important;
}

/* === End HARD FIX Daily/Admin switch === */

/* === FINAL: Favorites are pinned shortcuts, always visible === */

/* Favorites section must stay visible in Daily and Admin */
html[data-sidebar-mode="daily"] aside .nav-favorites-section,
body.sidebar-daily aside .nav-favorites-section,
html[data-sidebar-mode="admin"] aside .nav-favorites-section,
body.sidebar-admin aside .nav-favorites-section {
  display: block !important;
}

/* Favorite links must stay visible in Daily and Admin, even if source page is admin-only */
html[data-sidebar-mode="daily"] aside .nav-favorite-link,
body.sidebar-daily aside .nav-favorite-link,
html[data-sidebar-mode="admin"] aside .nav-favorite-link,
body.sidebar-admin aside .nav-favorite-link {
  display: flex !important;
}

/* Hide empty message when favorites exist */
aside .nav-favorites-list:has(.nav-favorite-link) .nav-favorites-empty {
  display: none !important;
}

/* Keep normal Daily behavior for non-favorite admin sections */
html[data-sidebar-mode="daily"] aside .nav-section:not(.nav-favorites-section):not([data-daily-section="1"]),
body.sidebar-daily aside .nav-section:not(.nav-favorites-section):not([data-daily-section="1"]) {
  display: none !important;
}

/* === End FINAL favorites visibility override === */

/* === Clean sidebar section chevrons === */

/* Summary layout */
aside .nav-section > summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  cursor: pointer !important;
  user-select: none !important;
  list-style: none !important;
  padding-right: 10px !important;
}

/* Hide browser native marker */
aside .nav-section > summary::-webkit-details-marker {
  display: none !important;
}

aside .nav-section > summary::marker {
  content: "" !important;
}

/* Kill old pseudo marker on summary only, not nav item tree lines */
aside .nav-section > summary::before,
aside .nav-section > summary::after {
  display: none !important;
  content: none !important;
}

/* Chevron */
aside .nav-section-chevron {
  width: 12px !important;
  min-width: 12px !important;
  height: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #85858e !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: rotate(0deg) !important;
  transform-origin: center !important;
  transition:
    transform .16s cubic-bezier(.2,.8,.2,1),
    color .16s ease,
    opacity .16s ease !important;
  opacity: .9 !important;
}

/* Open = arrow down */
aside .nav-section[open] > summary .nav-section-chevron {
  transform: rotate(90deg) !important;
  color: var(--theme-accent, #8e8e93) !important;
  opacity: 1 !important;
}

/* Label */
aside .nav-section-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Hover */
aside .nav-section > summary:hover .nav-section-chevron {
  color: var(--theme-accent, #8e8e93) !important;
  opacity: 1 !important;
}

/* Favorites uses same arrow */
aside .nav-favorites-section > summary .nav-section-chevron {
  color: #85858e !important;
}

aside .nav-favorites-section[open] > summary .nav-section-chevron {
  color: var(--theme-accent, #8e8e93) !important;
}

/* === End clean sidebar section chevrons === */

/* === Bigger sidebar section chevrons === */

aside .nav-section > summary {
  gap: 9px !important;
}

aside .nav-section-chevron {
  width: 17px !important;
  min-width: 17px !important;
  height: 17px !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  color: #9a9aa4 !important;
  opacity: 1 !important;
}

aside .nav-section[open] > summary .nav-section-chevron {
  transform: rotate(90deg) !important;
  color: var(--theme-accent, #8e8e93) !important;
}

aside .nav-section > summary:hover .nav-section-chevron {
  color: var(--theme-accent, #8e8e93) !important;
}

/* === End bigger sidebar section chevrons === */

/* === Standalone Home sidebar item === */

aside .nav-home-list {
  margin: 4px 10px 14px 10px !important;
  padding: 0 !important;
}

aside .nav-home-list a[data-nav-key="overview"] {
  min-height: 42px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    #202025 !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 18px rgba(0,0,0,.12) !important;
  font-weight: 900 !important;
}

aside .nav-home-list a[data-nav-key="overview"] .nav-icon {
  color: var(--theme-accent, #8e8e93) !important;
}

aside .nav-home-list a[data-nav-key="overview"]:hover {
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
    #26262d !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.26)) !important;
}

aside .nav-home-list a[data-nav-key="overview"].active {
  background:
    linear-gradient(180deg, var(--theme-active-soft, rgba(142,142,147,.20)), rgba(255,255,255,.035)),
    #28282f !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.34)) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.18),
    inset 3px 0 0 var(--theme-accent, #8e8e93) !important;
}

/* Home is standalone and must stay visible in Daily/Admin */
html[data-sidebar-mode="daily"] aside .nav-home-list,
body.sidebar-daily aside .nav-home-list,
html[data-sidebar-mode="admin"] aside .nav-home-list,
body.sidebar-admin aside .nav-home-list {
  display: block !important;
}

html[data-sidebar-mode="daily"] aside .nav-home-list a[data-nav-key="overview"],
body.sidebar-daily aside .nav-home-list a[data-nav-key="overview"],
html[data-sidebar-mode="admin"] aside .nav-home-list a[data-nav-key="overview"],
body.sidebar-admin aside .nav-home-list a[data-nav-key="overview"] {
  display: flex !important;
}

/* === End standalone Home sidebar item === */

/* === FINAL clean standalone Home item === */

/* Home is not a folder/category and must not inherit nav-list tree lines */
aside .nav-home-list {
  position: relative !important;
  display: block !important;
  margin: 12px 10px 16px 10px !important;
  padding: 0 !important;
  border: 0 !important;
}

aside .nav-home-list::before,
aside .nav-home-list::after,
aside .nav-home-list a::before,
aside .nav-home-list a::after {
  display: none !important;
  content: none !important;
}

/* Home button */
aside .nav-home-list > a[data-nav-key="overview"] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    #202025 !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 18px rgba(0,0,0,.12) !important;
  color: #f3f3f5 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

/* Hide favorite star on Home so it stays fixed, not duplicated */
aside .nav-home-list > a[data-nav-key="overview"] .nav-star {
  display: none !important;
}

/* Home active state */
aside .nav-home-list > a[data-nav-key="overview"].active {
  background:
    linear-gradient(180deg, var(--theme-active-soft, rgba(142,142,147,.20)), rgba(255,255,255,.035)),
    #28282f !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.34)) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.18),
    inset 3px 0 0 var(--theme-accent, #8e8e93) !important;
}

aside .nav-home-list > a[data-nav-key="overview"] .nav-icon {
  color: var(--theme-accent, #8e8e93) !important;
}

/* Keep Home visible in both modes */
html[data-sidebar-mode="daily"] aside .nav-home-list,
body.sidebar-daily aside .nav-home-list,
html[data-sidebar-mode="admin"] aside .nav-home-list,
body.sidebar-admin aside .nav-home-list {
  display: block !important;
}

html[data-sidebar-mode="daily"] aside .nav-home-list > a[data-nav-key="overview"],
body.sidebar-daily aside .nav-home-list > a[data-nav-key="overview"],
html[data-sidebar-mode="admin"] aside .nav-home-list > a[data-nav-key="overview"],
body.sidebar-admin aside .nav-home-list > a[data-nav-key="overview"] {
  display: flex !important;
}

/* === End FINAL clean standalone Home item === */

/* === Primitive Home page === */

.primitive-home {
  max-width: 760px !important;
  padding-top: 18px !important;
}

.primitive-home-card {
  border-radius: 22px !important;
  padding: 26px !important;
  background: #1f1f24 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.18) !important;
}

.primitive-home-card h1 {
  margin: 0 0 8px 0 !important;
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

.primitive-home-card p {
  margin: 0 0 18px 0 !important;
  color: #a7a7af !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

.primitive-home-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.primitive-home-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.primitive-home-actions a:hover {
  background: var(--theme-active-soft, rgba(142,142,147,.18)) !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.28)) !important;
}

/* === End Primitive Home page === */

/* === FINAL calm harmless Home page === */

.home-soft-page {
  max-width: 1120px !important;
}

.home-soft-hero {
  display: flex !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  gap: 16px !important;
  margin: 4px 0 16px 0 !important;
  padding: 24px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)),
    #1f1f24 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.home-soft-hero-main {
  min-width: 0 !important;
}

.home-soft-kicker {
  color: var(--theme-accent, #8e8e93) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  margin-bottom: 9px !important;
}

.home-soft-hero h1 {
  margin: 0 0 8px 0 !important;
  color: #ffffff !important;
  font-size: 38px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
}

.home-soft-hero p {
  max-width: 620px !important;
  margin: 0 !important;
  color: #a7a7af !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.home-soft-user {
  min-width: 210px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-end !important;
  padding: 14px 16px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
}

.home-soft-user span {
  color: #8f8f98 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  margin-bottom: 5px !important;
}

.home-soft-user strong {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  margin-bottom: 4px !important;
}

.home-soft-user small {
  color: #9c9ca5 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: capitalize !important;
}

.home-soft-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
}

.home-soft-card,
.home-soft-panel {
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022)),
    #202025 !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.home-soft-card {
  min-height: 126px !important;
  padding: 18px !important;
}

.home-soft-card span {
  display: block !important;
  color: #8f8f98 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  margin-bottom: 16px !important;
}

.home-soft-card strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  margin-bottom: 12px !important;
}

.home-soft-card small {
  color: #9c9ca5 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.home-soft-bottom {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

.home-soft-panel {
  padding: 20px !important;
  min-height: 190px !important;
}

.home-soft-panel-head h2 {
  margin: 0 0 6px 0 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

.home-soft-panel-head p {
  margin: 0 0 16px 0 !important;
  color: #9c9ca5 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.home-soft-links {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.home-soft-links a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.065) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.home-soft-links a:hover {
  background: var(--theme-active-soft, rgba(142,142,147,.18)) !important;
  border-color: var(--theme-active-soft, rgba(142,142,147,.28)) !important;
}

.home-soft-note {
  min-height: 96px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px dashed rgba(255,255,255,.10) !important;
}

.home-soft-note strong {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.home-soft-note span {
  color: #9c9ca5 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}

@media (max-width: 1100px) {
  .home-soft-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-soft-bottom {
    grid-template-columns: 1fr !important;
  }

  .home-soft-hero {
    flex-direction: column !important;
  }

  .home-soft-user {
    align-items: flex-start !important;
  }
}

/* === End FINAL calm harmless Home page === */

/* === FINAL Home fit-screen compact layout === */

.home-soft-page {
  max-width: 1120px !important;
  min-height: auto !important;
  padding-bottom: 0 !important;
}

.home-soft-hero {
  margin: 0 0 12px 0 !important;
  padding: 18px 20px !important;
  border-radius: 24px !important;
  gap: 12px !important;
}

.home-soft-kicker {
  margin-bottom: 6px !important;
  font-size: 10px !important;
}

.home-soft-hero h1 {
  margin-bottom: 6px !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
}

.home-soft-hero p {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.home-soft-user {
  min-width: 180px !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
}

.home-soft-user strong {
  font-size: 13px !important;
}

.home-soft-stats {
  gap: 10px !important;
  margin-bottom: 12px !important;
}

.home-soft-card {
  min-height: 92px !important;
  padding: 13px 14px !important;
  border-radius: 18px !important;
}

.home-soft-card span {
  margin-bottom: 10px !important;
  font-size: 10px !important;
}

.home-soft-card strong {
  margin-bottom: 8px !important;
  font-size: 22px !important;
}

.home-soft-card small {
  font-size: 11px !important;
}

.home-soft-bottom {
  gap: 12px !important;
}

.home-soft-panel {
  min-height: 142px !important;
  padding: 15px !important;
  border-radius: 20px !important;
}

.home-soft-panel-head h2 {
  margin-bottom: 4px !important;
  font-size: 16px !important;
}

.home-soft-panel-head p {
  margin-bottom: 12px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.home-soft-links {
  gap: 8px !important;
}

.home-soft-links a {
  min-height: 34px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
}

.home-soft-note {
  min-height: 74px !important;
  padding: 12px !important;
  border-radius: 15px !important;
}

.home-soft-note strong {
  font-size: 13px !important;
}

.home-soft-note span {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* On normal laptop screens, force compact 1-screen feel */
@media (max-height: 900px) {
  .home-soft-hero {
    padding: 16px 18px !important;
  }

  .home-soft-hero h1 {
    font-size: 28px !important;
  }

  .home-soft-card {
    min-height: 84px !important;
    padding: 12px !important;
  }

  .home-soft-panel {
    min-height: 130px !important;
    padding: 14px !important;
  }
}

/* === End FINAL Home fit-screen compact layout === */

/* === FINAL Home responsive resize with window === */

/* Main Home container should use available space without fixed feeling */
.home-soft-page {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Hero scales with viewport */
.home-soft-hero {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: clamp(14px, 1.7vw, 24px) !important;
  gap: clamp(10px, 1.4vw, 18px) !important;
  border-radius: clamp(18px, 2vw, 28px) !important;
}

.home-soft-hero h1 {
  font-size: clamp(24px, 2.4vw, 38px) !important;
}

.home-soft-hero p {
  font-size: clamp(12px, .95vw, 14px) !important;
  max-width: min(680px, 100%) !important;
}

/* User pill scales and wraps cleanly */
.home-soft-user {
  min-width: clamp(150px, 18vw, 230px) !important;
  padding: clamp(10px, 1vw, 16px) !important;
  border-radius: clamp(14px, 1.4vw, 20px) !important;
}

/* Stats grid auto-fits instead of being locked */
.home-soft-stats {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(clamp(150px, 18vw, 240px), 1fr)) !important;
  gap: clamp(8px, 1vw, 14px) !important;
}

/* Cards scale */
.home-soft-card {
  min-height: clamp(82px, 11vh, 126px) !important;
  padding: clamp(11px, 1.2vw, 18px) !important;
  border-radius: clamp(16px, 1.5vw, 22px) !important;
}

.home-soft-card span {
  font-size: clamp(9px, .75vw, 11px) !important;
  margin-bottom: clamp(8px, 1vh, 16px) !important;
}

.home-soft-card strong {
  font-size: clamp(20px, 2vw, 26px) !important;
  margin-bottom: clamp(6px, .8vh, 12px) !important;
}

.home-soft-card small {
  font-size: clamp(10px, .8vw, 12px) !important;
}

/* Bottom panels resize with page width */
.home-soft-bottom {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)) !important;
  gap: clamp(10px, 1.2vw, 16px) !important;
}

.home-soft-panel {
  min-height: clamp(120px, 18vh, 190px) !important;
  padding: clamp(13px, 1.3vw, 20px) !important;
  border-radius: clamp(16px, 1.5vw, 22px) !important;
}

.home-soft-panel-head h2 {
  font-size: clamp(15px, 1.2vw, 18px) !important;
}

.home-soft-panel-head p {
  font-size: clamp(11px, .9vw, 13px) !important;
}

.home-soft-links {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: clamp(7px, .8vw, 10px) !important;
}

.home-soft-links a {
  min-height: clamp(32px, 4.5vh, 42px) !important;
  font-size: clamp(10px, .8vw, 12px) !important;
  border-radius: clamp(10px, 1vw, 14px) !important;
}

.home-soft-note {
  min-height: clamp(72px, 11vh, 96px) !important;
  padding: clamp(12px, 1.1vw, 16px) !important;
  border-radius: clamp(14px, 1.3vw, 18px) !important;
}

/* Medium windows */
@media (max-width: 900px) {
  .home-soft-hero {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .home-soft-user {
    align-items: flex-start !important;
    text-align: left !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* Small windows */
@media (max-width: 620px) {
  .home-soft-stats {
    grid-template-columns: 1fr !important;
  }

  .home-soft-bottom {
    grid-template-columns: 1fr !important;
  }

  .home-soft-links {
    grid-template-columns: 1fr !important;
  }
}

/* Short-height windows */
@media (max-height: 760px) {
  .home-soft-hero {
    padding: 13px 15px !important;
    margin-bottom: 9px !important;
  }

  .home-soft-hero h1 {
    font-size: clamp(22px, 2vw, 28px) !important;
  }

  .home-soft-stats {
    gap: 8px !important;
    margin-bottom: 9px !important;
  }

  .home-soft-card {
    min-height: 76px !important;
    padding: 10px 12px !important;
  }

  .home-soft-panel {
    min-height: 112px !important;
    padding: 12px !important;
  }

  .home-soft-panel-head p {
    margin-bottom: 9px !important;
  }
}

/* === End FINAL Home responsive resize with window === */

/* === Private Home notes === */

.home-notes-panel {
  min-height: 190px !important;
}

.home-note-form {
  display: grid !important;
  gap: 10px !important;
}

.home-note-form textarea {
  width: 100% !important;
  min-height: 92px !important;
  resize: vertical !important;
  box-sizing: border-box !important;
  padding: 13px 14px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: #ffffff !important;
  outline: none !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
  font-family: inherit !important;
}

.home-note-form textarea:focus {
  border-color: var(--theme-active-soft, rgba(142,142,147,.34)) !important;
  box-shadow:
    0 0 0 3px var(--theme-active-soft, rgba(142,142,147,.14)),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.home-note-form textarea::placeholder {
  color: #777780 !important;
}

.home-note-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.home-note-actions span {
  color: #8f8f98 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.home-note-actions button {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.045)),
    var(--theme-accent, #8e8e93) !important;
  border: 1px solid var(--theme-accent, #8e8e93) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.home-note-actions button:hover {
  filter: brightness(1.06) !important;
}

@media (max-height: 760px) {
  .home-note-form textarea {
    min-height: 70px !important;
  }
}

/* === End Private Home notes === */

/* === Sticky private notes: add remove color === */

.home-notes-panel {
  min-height: 190px !important;
}

.home-note-add-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 92px 68px !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.home-note-add-form input,
.home-note-add-form select {
  height: 36px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: #ffffff !important;
  outline: none !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  font-family: inherit !important;
}

.home-note-add-form input {
  padding: 0 12px !important;
}

.home-note-add-form select {
  padding: 0 9px !important;
  cursor: pointer !important;
}

.home-note-add-form input::placeholder {
  color: #777780 !important;
}

.home-note-add-form button {
  height: 36px !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045)),
    var(--theme-accent, #8e8e93) !important;
  border: 1px solid var(--theme-accent, #8e8e93) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.home-note-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: 10px !important;
  max-height: 260px !important;
  overflow: auto !important;
  padding-right: 2px !important;
}

.home-sticky-note {
  position: relative !important;
  min-height: 108px !important;
  padding: 11px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.home-sticky-note.note-yellow {
  background: linear-gradient(180deg, rgba(255,210,90,.20), rgba(255,210,90,.10)) !important;
  border-color: rgba(255,210,90,.24) !important;
}

.home-sticky-note.note-green {
  background: linear-gradient(180deg, rgba(80,210,130,.18), rgba(80,210,130,.09)) !important;
  border-color: rgba(80,210,130,.22) !important;
}

.home-sticky-note.note-red {
  background: linear-gradient(180deg, rgba(255,95,95,.18), rgba(255,95,95,.09)) !important;
  border-color: rgba(255,95,95,.22) !important;
}

.home-sticky-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 9px !important;
}

.home-sticky-top span {
  color: rgba(255,255,255,.58) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.home-sticky-top form {
  margin: 0 !important;
}

.home-sticky-top button {
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(0,0,0,.16) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.home-sticky-top button:hover {
  background: rgba(255,255,255,.14) !important;
}

.home-sticky-text {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  min-height: 38px !important;
  margin-bottom: 10px !important;
}

.home-note-color-form {
  display: flex !important;
  gap: 6px !important;
  margin: 0 !important;
}

.color-dot {
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,.28) !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.color-dot.yellow {
  background: #ffd45a !important;
}

.color-dot.green {
  background: #56d989 !important;
}

.color-dot.red {
  background: #ff6969 !important;
}

.color-dot:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(255,255,255,.75) !important;
}

.home-note-empty {
  min-height: 96px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px dashed rgba(255,255,255,.10) !important;
}

.home-note-empty strong {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.home-note-empty span {
  color: #9c9ca5 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

@media (max-width: 720px) {
  .home-note-add-form {
    grid-template-columns: 1fr !important;
  }

  .home-note-list {
    grid-template-columns: 1fr !important;
    max-height: none !important;
  }
}

/* === End sticky private notes === */

/* === Remove Home logged-in card spacing === */

.home-soft-hero {
  align-items: center !important;
}

.home-soft-hero-main {
  width: 100% !important;
  max-width: none !important;
}

.home-soft-hero p {
  max-width: 760px !important;
}

/* === End remove Home logged-in card spacing === */


/* sidebar-single-nav-scrollbar-v2 */
/* Correct setup: aside is the fixed shell, .nav is the only scrollable menu area. */

aside.side,
aside {
  overflow: hidden !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  color-scheme: dark !important;
}

aside.side::-webkit-scrollbar,
aside::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

aside.side .nav,
aside .nav {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(86,86,96,.92) rgba(18,18,22,.96) !important;
  color-scheme: dark !important;
  padding-right: 10px !important;
}

aside.side .nav::-webkit-scrollbar,
aside .nav::-webkit-scrollbar {
  width: 9px !important;
  height: 9px !important;
}

aside.side .nav::-webkit-scrollbar-track,
aside .nav::-webkit-scrollbar-track {
  background: #111114 !important;
  border-left: 1px solid rgba(255,255,255,.035) !important;
}

aside.side .nav::-webkit-scrollbar-thumb,
aside .nav::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #5b5b66, #373740) !important;
  border: 2px solid #111114 !important;
  border-radius: 999px !important;
  min-height: 42px !important;
}

aside.side .nav::-webkit-scrollbar-thumb:hover,
aside .nav::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #747480, #484852) !important;
}

/* Inner lists/sections must never create extra scrollbars. */
aside .nav-list,
aside .nav-section,
aside .nav-child,
aside .nav-home-list,
aside .nav-favorites-list,
aside .nav-bottom-fixed {
  overflow: visible !important;
  overflow-y: visible !important;
  overflow-x: visible !important;
  scrollbar-width: none !important;
}

aside .nav-list::-webkit-scrollbar,
aside .nav-section::-webkit-scrollbar,
aside .nav-child::-webkit-scrollbar,
aside .nav-home-list::-webkit-scrollbar,
aside .nav-favorites-list::-webkit-scrollbar,
aside .nav-bottom-fixed::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}