@import "tailwindcss";

:root {
  --e79l-bg: #f3f6fb;
  --e79l-surface: #ffffff;
  --e79l-panel: #f8fafc;
  --e79l-border: #dbe3ee;
  --e79l-accent: #0369a1;
  --e79l-accent-soft: #e0f2fe;
  --e79l-text: #0f172a;
  --e79l-muted: #64748b;
}

.e79l-shell {
  background:
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.08), transparent 35%),
    radial-gradient(circle at bottom left, rgba(251, 191, 36, 0.06), transparent 30%),
    var(--e79l-bg);
  color: var(--e79l-text);
}

.e79l-profile-summary::-webkit-details-marker {
  display: none;
}

.e79l-sidebar-frame {
  height: calc(100vh - 4rem);
}

@supports (height: 100dvh) {
  .e79l-sidebar-frame {
    height: calc(100dvh - 4rem);
  }
}

.e79l-sidebar-safe-bottom {
  padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}

.e79l-sidebar-open .e79l-sidebar {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: translateX(0);
}

.e79l-sidebar-open body {
  overflow: hidden;
}

.e79l-sidebar-open .e79l-sidebar-backdrop {
  display: block;
}

@media (min-width: 1024px) {
  .e79l-sidebar-open .e79l-sidebar-backdrop {
    display: none;
  }

  .e79l-sidebar-open body {
    overflow: auto;
  }

  .e79l-sidebar-collapsed .e79l-sidebar {
    width: 5rem;
  }

  .e79l-sidebar-collapsed .e79l-sidebar-brand-text,
  .e79l-sidebar-collapsed .e79l-sidebar-profile,
  .e79l-sidebar-collapsed .e79l-sidebar-label,
  .e79l-sidebar-collapsed .e79l-sidebar-section-title {
    display: none;
  }

  .e79l-sidebar-collapsed .e79l-sidebar-nav-link {
    justify-content: center;
    gap: 0;
  }

  .e79l-sidebar-collapsed .e79l-sidebar-section {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
  }

  .e79l-sidebar-collapsed .e79l-collapse-open-icon {
    display: none;
  }

  .e79l-sidebar-collapsed .e79l-collapse-closed-icon {
    display: block;
  }
}