/**

 * Gentelella admin shell — sol menü + içerik

 */



.app-header-btn-label {

  display: none;

}



html.design-gentelella {

  --gent-sidebar-w: 258px;

}



html.design-gentelella body.gentelella-shell-active {

  display: block;

  min-height: 100dvh;

  background: var(--bg);

  padding-left: var(--gent-sidebar-w);

  overflow-x: hidden;

  box-sizing: border-box;

  transition: padding-left 0.22s ease;

}



html.design-gentelella .app-sidebar {

  position: fixed;

  inset: 0 auto 0 0;

  z-index: 200;

  width: var(--gent-sidebar-w);

  display: flex;

  flex-direction: column;

  font-family: "Montserrat", var(--font-sans, system-ui, sans-serif);

  -webkit-font-smoothing: antialiased;

  background: var(--gent-sidebar, #2a3f54);

  color: #e7e7e7;

  border-right: 1px solid rgba(0, 0, 0, 0.15);

  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.08);

  transition: transform 0.22s ease;

}



html.design-gentelella .app-sidebar.hidden {

  display: none !important;

}



html.design-gentelella body.gentelella-shell-active .shell.app-content-shell {

  margin-left: 0;

  width: 100%;

  max-width: 100%;

  min-width: 0;

  min-height: 100dvh;

  padding: 0 1.25rem 2rem;

  box-sizing: border-box;

  overflow-x: clip;

}



html.design-gentelella body.calc-view-active.gentelella-shell-active .shell.app-content-shell {

  padding: 0;

}



html.design-gentelella .app-sidebar-brand {

  display: flex;

  flex-direction: column;

  align-items: stretch;

  gap: 0;

  padding: 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

  background: rgba(0, 0, 0, 0.12);

}



html.design-gentelella .app-sidebar-brand-row {

  display: flex;

  align-items: center;

  gap: 0.65rem;

  padding: 1rem 0.85rem 0.65rem;

}



html.design-gentelella .app-sidebar-collapse {

  margin-left: auto;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 2rem;

  height: 2rem;

  padding: 0;

  border: 1px solid rgba(255, 255, 255, 0.14);

  border-radius: 8px;

  background: rgba(0, 0, 0, 0.15);

  color: rgba(255, 255, 255, 0.85);

  cursor: pointer;

  transition: background 0.12s, border-color 0.12s;

}



html.design-gentelella .app-sidebar-collapse svg {

  width: 1rem;

  height: 1rem;

}



html.design-gentelella .app-sidebar-collapse:hover {

  background: rgba(255, 255, 255, 0.08);

  border-color: rgba(255, 255, 255, 0.28);

  color: #fff;

}



html.design-gentelella .app-sidebar-logo,
html.design-gentelella .app-sidebar-brand-logo-img.app-logo-mark {
  border-radius: 0;
  background: transparent !important;
  object-fit: contain;
}

html.design-gentelella .app-sidebar-brand-logo-img.app-sidebar-brand-wordmark {
  width: auto;
  height: 1.65rem;
  max-width: 9.5rem;
  border-radius: 0;
  background: transparent !important;
  object-fit: contain;
}

html.platform-vitrin-html .app-sidebar-brand-text {
  display: none !important;
}

html.platform-vitrin-html .app-sidebar-brand-link {
  flex: 0 1 auto;
}

html.design-gentelella .app-sidebar-brand-link--wordmark-only {
  flex: 0 1 auto;
}

html.design-gentelella .app-sidebar-brand-link--wordmark-only .app-sidebar-brand-logo-img.app-sidebar-brand-wordmark {
  max-width: 10.5rem;
  height: 1.85rem;
}

html.design-gentelella body.gentelella-sidebar-collapsed .app-sidebar-brand-logo-img.app-sidebar-brand-wordmark {
  max-width: 2rem;
  height: 1.35rem;
  object-position: left center;
}



html.design-gentelella .app-sidebar-brand-link {

  display: flex;

  align-items: center;

  flex: 1;

  min-width: 0;

  text-decoration: none;

}



html.design-gentelella .app-sidebar-brand-logo-img {

  display: block;

  flex-shrink: 0;

  width: 2.75rem;

  height: 2.75rem;

  max-width: 2.75rem;

  max-height: 2.75rem;

  padding: 0;

  object-fit: contain;

}



html.design-gentelella body.gentelella-sidebar-collapsed .app-sidebar-brand-logo-img {

  width: 2rem;

  height: 2rem;

  max-width: 2rem;

  max-height: 2rem;

}



html.design-gentelella body.gentelella-sidebar-collapsed .app-sidebar-brand-text {

  display: none;

}



html.design-gentelella .app-sidebar-brand-text {

  display: flex;

  flex-direction: column;

  gap: 0.1rem;

  min-width: 0;

  flex: 1;

}



html.design-gentelella .app-sidebar-brand-text strong {

  font-size: 0.95rem;

  font-weight: 600;

  color: #fff;

  line-height: 1.25;

  letter-spacing: -0.01em;

}



html.design-gentelella .app-sidebar-brand-text span {

  font-size: 0.72rem;

  font-weight: 400;

  color: rgba(255, 255, 255, 0.58);

}



html.design-gentelella .app-sidebar-nav {

  flex: 1;

  overflow-y: auto;

  padding: 0.65rem 0 1rem;

}



html.design-gentelella .app-sidebar-section {

  margin: 0.85rem 0 0.35rem;

  padding: 0 1rem;

  font-size: 0.65rem;

  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.4);

}

html.design-gentelella .app-sidebar-section.hidden {
  display: none !important;
}



html.design-gentelella .app-sidebar-section:first-child {

  margin-top: 0.35rem;

}



html.design-gentelella .app-sidebar-link {

  display: flex;

  align-items: center;

  gap: 0.65rem;

  width: 100%;

  margin: 0;

  padding: 0.62rem 1.05rem;

  border: none;

  border-radius: 0;

  background: transparent;

  color: rgba(255, 255, 255, 0.88);

  font: inherit;

  font-size: 0.9375rem;

  font-weight: 200;

  line-height: 1.35;

  letter-spacing: 0.01em;

  text-align: left;

  cursor: pointer;

  transition: background 0.12s, color 0.12s;

}



html.design-gentelella .app-sidebar-link:hover {

  background: rgba(255, 255, 255, 0.06);

  color: #fff;

}



html.design-gentelella .app-sidebar-link.active {

  background: rgba(255, 255, 255, 0.12);

  color: #fff;

  font-weight: 300;

  box-shadow: inset 3px 0 0 var(--accent);

}



html.design-gentelella .app-sidebar-link.hidden {

  display: none !important;

}



html.design-gentelella .app-sidebar-mobile-only {

  display: none !important;

}



@media (max-width: 720px) {

  html.design-gentelella p.app-sidebar-mobile-only:not(.hidden) {

    display: block !important;

  }



  html.design-gentelella button.app-sidebar-mobile-only:not(.hidden) {

    display: flex !important;

  }

}



html.design-gentelella .app-sidebar-icon {

  width: 1.35rem;

  flex-shrink: 0;

  text-align: center;

  opacity: 0.88;

  font-size: 1rem;

  line-height: 1;

}



/* Alt menü — Hesabım altı + Yönetici grubu */

html.design-gentelella .app-sidebar-sublink {

  padding-left: 2.35rem;

  font-size: 0.8125rem;

}



html.design-gentelella .app-sidebar-group {

  position: relative;

}



html.design-gentelella .app-sidebar-group-toggle {

  padding-right: 2rem;

}



html.design-gentelella .app-sidebar-group-label {

  flex: 1;

  min-width: 0;

}



html.design-gentelella .app-sidebar-chevron {

  position: absolute;

  right: 0.85rem;

  top: 50%;

  transform: translateY(-50%) rotate(0deg);

  opacity: 0.55;

  font-size: 1.1rem;

  line-height: 1;

  transition: transform 0.15s ease;

  pointer-events: none;

}



html.design-gentelella .app-sidebar-group.is-open .app-sidebar-chevron {

  transform: translateY(-50%) rotate(90deg);

}



html.design-gentelella .app-sidebar-sub {

  display: none;

  overflow: hidden;

  padding-bottom: 0.15rem;

}



html.design-gentelella .app-sidebar-group.is-open .app-sidebar-sub,

html.design-gentelella .app-sidebar-group:hover .app-sidebar-sub {

  display: block;

}



html.design-gentelella .app-sidebar-sub .app-sidebar-sublink {

  padding-left: 2.65rem;

  font-size: 0.78rem;

}



html.design-gentelella .app-sidebar-group.hidden {

  display: none !important;

}



/* Ayarlar — kompakt 2 sütun */

html.design-gentelella .app-sidebar-compact {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 0.2rem 0.35rem;

  padding: 0.15rem 0.55rem 0.45rem;

}



html.design-gentelella .app-sidebar-compact-link {

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 0.2rem;

  padding: 0.45rem 0.35rem;

  font-size: 0.6875rem;

  line-height: 1.2;

  text-align: center;

  border-radius: 6px;

  min-height: 3.1rem;

}



html.design-gentelella .app-sidebar-compact-link .app-sidebar-icon {

  width: auto;

  font-size: 0.95rem;

}



html.design-gentelella .app-sidebar-compact-link.active {

  box-shadow: inset 0 -2px 0 var(--accent);

}



html.design-gentelella .app-sidebar-compact.hidden {

  display: none !important;

}



@media (max-width: 720px) {

  html.design-gentelella .app-sidebar-group:hover .app-sidebar-sub {

    display: none;

  }

  html.design-gentelella .app-sidebar-group.is-open .app-sidebar-sub {

    display: block;

  }

}



html.design-gentelella .app-sidebar-footer {

  flex-shrink: 0;

  padding: 0.65rem 0.85rem 0.85rem;

  border-top: 1px solid rgba(255, 255, 255, 0.08);

  background: rgba(0, 0, 0, 0.1);

}



html.design-gentelella .app-sidebar-footer .app-header-user,
html.design-gentelella .app-sidebar-auth .app-header-user {

  display: flex;

  justify-content: center;

  position: relative;

}



html.design-gentelella .app-sidebar-auth {

  flex-shrink: 0;

  padding: 0 0.85rem 0.85rem;

}



html.design-gentelella .app-sidebar-footer .app-header-user-btn,
html.design-gentelella .app-sidebar-auth .app-header-user-btn {

  display: inline-flex;

  align-items: center;

  justify-content: flex-start;

  gap: 0.65rem;

  width: 100%;

  min-height: 2.5rem;

  height: auto;

  padding: 0.55rem 1.05rem;

  border-color: rgba(255, 255, 255, 0.18);

  background: rgba(0, 0, 0, 0.18);

  color: rgba(255, 255, 255, 0.88);

  font-family: inherit;

  font-size: 0.9375rem;

  font-weight: 200;

  letter-spacing: 0.01em;

}



html.design-gentelella .app-sidebar-footer .app-sidebar-user-label,
html.design-gentelella .app-sidebar-auth .app-sidebar-user-label {

  flex: 1;

  min-width: 0;

  text-align: left;

  line-height: 1.35;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



html.design-gentelella .app-sidebar-footer .app-header-user-btn:hover,

html.design-gentelella .app-sidebar-footer .app-header-user-btn.app-header-btn--open,

html.design-gentelella .app-sidebar-auth .app-header-user-btn:hover,

html.design-gentelella .app-sidebar-auth .app-header-user-btn.app-header-btn--open {

  background: rgba(255, 255, 255, 0.08);

  border-color: rgba(255, 255, 255, 0.28);

  color: #fff;

}



html.design-gentelella .app-sidebar-footer .app-header-user-pop {

  position: absolute;

  left: 0;

  right: 0;

  bottom: calc(100% + 0.4rem);

  top: auto;

  z-index: 220;

  min-width: 0;

}



html.design-gentelella .app-sidebar-auth .app-header-user-pop {

  position: absolute;

  left: 0;

  right: 0;

  top: calc(100% + 0.4rem);

  bottom: auto;

  z-index: 220;

  min-width: 0;

  max-height: min(70dvh, 420px);

  overflow-y: auto;

}



/* Gentelella: üst bar kapalı (navigasyon sol menüde) */

html.design-gentelella body.gentelella-shell-active #subnav.app-header {

  display: none !important;

}



html.design-gentelella body.gentelella-shell-active #btn_geri {

  display: none !important;

}



/* Menü açma düğmesi — menü kapalıyken */

html.design-gentelella .app-sidebar-fab {

  position: fixed;

  top: 0.65rem;

  left: 0.65rem;

  z-index: 210;

  display: none;

  align-items: center;

  gap: 0.35rem;

  min-height: 2.5rem;

  padding: 0 0.75rem;

  border: 1px solid var(--line);

  border-radius: 10px;

  background: var(--card);

  color: var(--gent-sidebar);

  font: inherit;

  font-size: 0.8125rem;

  font-weight: 600;

  cursor: pointer;

  box-shadow: var(--shadow-md, 0 4px 14px rgba(0, 0, 0, 0.12));

}



html.design-gentelella .app-sidebar-fab .app-header-icon {

  width: 1.15rem;

  height: 1.15rem;

}



html.design-gentelella .app-sidebar-fab.hidden {

  display: none !important;

}



@media (min-width: 721px) {

  html.design-gentelella body.gentelella-shell-active.gentelella-sidebar-collapsed .app-sidebar-fab:not(.hidden) {

    display: inline-flex;

  }

}



html.design-gentelella #view_home .menu-grid-app {

  display: none !important;

}



html.design-gentelella #view_home .home-hero {

  display: none;

}



html.design-gentelella #view_home .home-dashboard {

  margin-top: 0;

}



html.design-gentelella #view_home .foot-home {

  display: none;

}



/* Masaüstü: menü daraltılabilir */

@media (min-width: 721px) {

  html.design-gentelella body.gentelella-shell-active.gentelella-sidebar-collapsed {

    padding-left: 0;

  }



  html.design-gentelella body.gentelella-shell-active.gentelella-sidebar-collapsed .app-sidebar {

    transform: translateX(-100%);

  }

}



@media (max-width: 900px) and (min-width: 721px) {

  html.design-gentelella {

    --gent-sidebar-w: 228px;

  }



  html.design-gentelella body.gentelella-shell-active.gentelella-sidebar-collapsed {

    padding-left: 0;

  }

}



@media (max-width: 720px) {

  html.design-gentelella,
  html.design-gentelella body {
    overflow-x: hidden;
    max-width: 100%;
  }

  html.design-gentelella .app-main,
  html.design-gentelella .app-content {
    min-width: 0;
    overflow-x: hidden;
  }

  html.design-gentelella .app-sidebar {

    width: min(88vw, 300px);

    transform: translateX(-100%);

  }



  html.design-gentelella body.gentelella-shell-open .app-sidebar {

    transform: translateX(0);

  }



  html.design-gentelella body.gentelella-shell-active {

    padding-left: 0;

  }



  html.design-gentelella body.gentelella-shell-active .shell.app-content-shell {

    width: 100%;

    max-width: 100%;

    padding: 0 0.85rem 1.5rem;

  }



  html.design-gentelella body.calc-view-active.gentelella-shell-active .shell.app-content-shell {

    padding: 0;

  }



  html.design-gentelella .app-sidebar-collapse {

    display: none;

  }



  html.design-gentelella body.gentelella-shell-active .app-sidebar-fab:not(.hidden) {

    display: inline-flex;

  }



  html.design-gentelella body.gentelella-shell-open .app-sidebar-fab {

    display: none !important;

  }



  html.design-gentelella .app-header-btn-label {

    display: inline;

  }



  html.design-gentelella body.gentelella-shell-active.gentelella-shell-open::before {

    content: "";

    position: fixed;

    inset: 0;

    background: rgba(0, 0, 0, 0.4);

    z-index: 199;

  }

}