/*
 * Unfold admin: ana içerik sütunu tam genişlik.
 * Tailwind utility sınıfları (w-full, max-w-none) purge edilmiş olsa bile geçerli olur.
 */
#main > div[class*="@container"] {
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box;
}

#main #content,
#main #content.colM {
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box;
}

/* Stok Unfold: #content veya üst bölümde kalan .container */
#main #content.container,
#main > div > #content.container {
  max-width: none !important;
  width: 100% !important;
}

/* Hub şablonu */
#content-main.sh-hub-content {
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box;
  float: none !important;
}

/* Unfold sol menü: başlıklı gruplar <details> — ok açıkken döner (Alpine yok) */
#nav-sidebar-apps .sh-nav-sidebar-group > summary {
  list-style: none;
}

#nav-sidebar-apps .sh-nav-sidebar-group > summary::-webkit-details-marker {
  display: none;
}

#nav-sidebar-apps .sh-nav-sidebar-group .sh-nav-chevron {
  transition: transform 0.18s ease;
}

#nav-sidebar-apps .sh-nav-sidebar-group[open] > summary .sh-nav-chevron {
  transform: rotate(90deg);
}

/* =============================================================================
   Pasifik tarzı yan menü: mor marka (#7c3aed) + lavanta gövde (#f5f3ff)
   ============================================================================= */
:root {
  --sh-brand-purple: #7c3aed;
  --sh-brand-purple-deep: #6d28d9;
  --sh-sidebar-lavender: #f5f3ff;
  --sh-sidebar-lavender-border: rgba(139, 92, 246, 0.28);
  --sh-sidebar-active-bg: #ede9fe;
  --sh-sidebar-active-text: #2563eb;
  --sh-sidebar-text: #374151;
  --sh-app-icon: #6d28d9;
}

html.dark {
  --sh-sidebar-lavender: #16131f;
  --sh-sidebar-lavender-border: rgba(139, 92, 246, 0.35);
  --sh-sidebar-active-bg: rgba(124, 58, 237, 0.25);
  --sh-sidebar-active-text: #93c5fd;
  --sh-sidebar-text: #e5e7eb;
  --sh-app-icon: #a78bfa;
}

#nav-sidebar.sh-sizinhesap-sidebar,
#nav-sidebar-inner.sh-sizinhesap-nav {
  background: var(--sh-sidebar-lavender) !important;
  color: var(--sh-sidebar-text);
}

.sh-sizinhesap-sidebar-wrap {
  background: transparent !important;
}

/* Üst mor şerit: SİZİN HESAP + Onaylar */
.sh-brand-shell {
  margin: 0;
  padding: 0;
}

.sh-brand-strip {
  background: var(--sh-brand-purple);
  color: #fff;
}

.sh-brand-strip__row {
  align-items: center;
}

.sh-brand-link {
  color: #fff !important;
  text-decoration: none !important;
  min-width: 0;
}

.sh-brand-logo {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.125rem;
  line-height: 1;
  color: #fff;
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.38);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.sh-brand-title {
  font-weight: 800;
  font-size: clamp(0.9375rem, 2.6vw, 1.0625rem);
  letter-spacing: 0.07em;
  color: #fff !important;
  line-height: 1.15;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.sh-brand-close {
  color: rgba(255, 255, 255, 0.95) !important;
}

/* Üst header sol marka linki: düz metin yerine premium chip görünümü */
.sh-top-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.45rem 0.85rem 0.45rem 0.5rem;
  border-radius: 999px;
  border: 1px solid rgba(124, 58, 237, 0.3);
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.14), rgba(37, 99, 235, 0.1));
  box-shadow: 0 3px 12px rgba(2, 6, 23, 0.08);
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
  max-width: min(42vw, 340px);
  overflow: hidden;
  white-space: nowrap;
}

.sh-top-brand:hover {
  transform: translateY(-1px);
  border-color: rgba(124, 58, 237, 0.48);
  box-shadow: 0 6px 18px rgba(124, 58, 237, 0.16);
}

.sh-top-brand__logo {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  background: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);
}

.sh-top-brand__text {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.08;
  min-width: 0;
}

.sh-top-brand__title {
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.015em;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sh-top-brand__sub {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.dark .sh-top-brand {
  border-color: rgba(167, 139, 250, 0.35);
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.22), rgba(30, 64, 175, 0.2));
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
}

html.dark .sh-top-brand__title {
  color: #f9fafb;
}

html.dark .sh-top-brand__sub {
  color: #cbd5e1;
}

/* Accordion satırları */
.sh-pasifik-summary {
  color: var(--sh-sidebar-text) !important;
}

.sh-pasifik-summary:hover {
  background: rgba(124, 58, 237, 0.07) !important;
}

html.dark .sh-pasifik-summary:hover {
  background: rgba(124, 58, 237, 0.18) !important;
}

.sh-pasifik-app-icon {
  font-size: 22px !important;
  width: 22px;
  height: 22px;
  color: var(--sh-app-icon) !important;
}

.sh-pasifik-chevron {
  color: var(--sh-app-icon) !important;
}

.sh-pasifik-sublink {
  color: var(--sh-sidebar-text) !important;
  text-decoration: none !important;
  font-size: 0.875rem;
  font-weight: 500;
}

.sh-pasifik-sublink:hover {
  color: var(--sh-brand-purple-deep) !important;
}

html.dark .sh-pasifik-sublink:hover {
  color: var(--sh-app-icon) !important;
}

.sh-pasifik-sublink.is-active {
  background: var(--sh-sidebar-active-bg) !important;
  color: var(--sh-sidebar-active-text) !important;
  font-weight: 600;
}

.sh-pasifik-sublink--muted {
  opacity: 0.62;
}

.sh-pasifik-model-header {
  color: var(--sh-sidebar-text) !important;
}

/* Alt kullanıcı bloğu */
#nav-sidebar-inner.sh-sizinhesap-nav > div.border-t {
  border-color: var(--sh-sidebar-lavender-border) !important;
  background: color-mix(in srgb, var(--sh-sidebar-lavender) 88%, #ede9fe) !important;
}

html.dark #nav-sidebar-inner.sh-sizinhesap-nav > div.border-t {
  background: color-mix(in srgb, var(--sh-sidebar-lavender) 92%, #000) !important;
}

@supports not (background: color-mix(in srgb, white 50%, black)) {
  #nav-sidebar-inner.sh-sizinhesap-nav > div.border-t {
    background: #ede9fe !important;
  }
  html.dark #nav-sidebar-inner.sh-sizinhesap-nav > div.border-t {
    background: #1a1625 !important;
  }
}