/* ================= 7. İskelet: wrapper > section > card (layout çizer; sayfa başlığını sayfa çizmez) ================= */
.vc-app { display: grid; grid-template-columns: var(--vc-sidebar-w) minmax(0, 1fr); min-height: 100vh; }
.vc-app[data-collapsed="true"] { grid-template-columns: var(--vc-sidebar-w-collapsed) minmax(0, 1fr); }
.vc-sidebar { background: var(--vc-brand); color: var(--vc-brand-ink); --bs-offcanvas-bg: var(--vc-brand); --bs-offcanvas-color: var(--vc-brand-ink); --bs-offcanvas-width: min(18.75rem, 86vw); --bs-offcanvas-border-width: 0; }
@media (min-width: 992px) { .vc-sidebar { position: sticky; top: 0; height: 100vh; overflow-y: auto; } }
@media (max-width: 991.98px) { .vc-app, .vc-app[data-collapsed="true"] { grid-template-columns: minmax(0, 1fr); } }
.vc-sidebar__inner { background: var(--vc-brand); color: var(--vc-brand-ink); display: flex; flex-direction: column; min-height: 100%; width: 100%; padding: var(--vc-space-4) var(--vc-space-3) var(--vc-space-3); }
.vc-sidebar :focus-visible { outline-color: var(--vc-accent); }
.vc-brand { display: flex; align-items: center; gap: var(--vc-space-2); }
.vc-brand__plate { flex: 1; display: grid; place-items: center; background: var(--vc-logo-plate); border-radius: var(--vc-radius-md); padding: var(--vc-space-2); }
.vc-brand__plate img { height: var(--vc-size-3); width: auto; max-width: 100%; }
/* Kenar menü dışındaki logo plakası (giriş sayfalarının üst çubuğu): içerik kadar geniş, esnemez. */
.vc-brand__plate--inline { flex: 0 0 auto; }
.vc-brand__plate--inline img { max-width: none; }
.vc-nav__heading { font: var(--vc-weight-strong) var(--vc-text-xs) var(--vc-font-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--vc-brand-muted); padding: var(--vc-space-4) var(--vc-space-3) var(--vc-space-1); }
.vc-nav__item { position: relative; display: flex; align-items: center; gap: var(--vc-space-3); padding: var(--vc-space-2) var(--vc-space-3); border-radius: var(--vc-radius-md); color: var(--vc-brand-ink); text-decoration: none; font-size: var(--vc-text-sm); font-weight: var(--vc-weight-regular); }
.vc-nav__item:hover { background: var(--vc-brand-hover); color: var(--vc-brand-ink); }
.vc-nav__item[aria-current="page"] { background: var(--vc-brand-hover); font-weight: var(--vc-weight-medium); }
.vc-nav__item[aria-current="page"]::before { content: ""; position: absolute; left: calc(var(--vc-space-1) * -1); top: var(--vc-space-1); bottom: var(--vc-space-1); width: var(--vc-space-1); border-radius: var(--vc-radius-sm); background: var(--vc-accent); }
.vc-nav__item[aria-disabled="true"] { opacity: 0.55; cursor: default; }
.vc-nav__item .badge { margin-left: auto; }
.vc-sidebar__foot { margin-top: auto; padding: var(--vc-space-4) var(--vc-space-3) 0; border-top: var(--bs-border-width) solid var(--vc-brand-line); font-size: var(--vc-text-xs); color: var(--vc-brand-muted); display: grid; gap: var(--vc-space-1); }
.vc-sidebar__foot a { color: var(--vc-brand-ink); }
@media (min-width: 992px) {
  .vc-app[data-collapsed="true"] .vc-nav__label, .vc-app[data-collapsed="true"] .vc-nav__heading, .vc-app[data-collapsed="true"] .vc-nav__item .badge, .vc-app[data-collapsed="true"] .vc-sidebar__foot span { display: none; }
  .vc-app[data-collapsed="true"] .vc-nav__item { justify-content: center; padding-inline: 0; }
  .vc-app[data-collapsed="true"] .vc-brand__plate { display: none; }
}
.vc-shellbar { position: sticky; top: env(safe-area-inset-top, 0px); z-index: var(--vc-z-header); background: var(--vc-surface); border-bottom: var(--bs-border-width) solid var(--vc-border); }
.vc-shellbar__in { display: flex; align-items: center; gap: var(--vc-space-3); min-height: var(--vc-size-3); padding: var(--vc-space-2) max(var(--vc-space-4), env(safe-area-inset-right, 0px)) var(--vc-space-2) max(var(--vc-space-4), env(safe-area-inset-left, 0px)); }
.vc-search { flex: 1 1 var(--vc-size-5); min-width: 0; max-width: var(--vc-size-7); }
.vc-avatar { display: inline-grid; place-items: center; width: var(--vc-size-1); height: var(--vc-size-1); border-radius: 50%; background: var(--vc-brand); color: var(--vc-brand-ink); font-size: var(--vc-text-xs); font-weight: var(--vc-weight-strong); }
.vc-rt { display: inline-flex; align-items: center; gap: var(--vc-space-2); font-size: var(--vc-text-xs); color: var(--vc-text-muted); }
.vc-rt .vc-dot { width: var(--vc-space-2); height: var(--vc-space-2); border-radius: 50%; background: var(--vc-success); }
.vc-rt[data-state="reconnecting"] .vc-dot { background: var(--vc-warning); } .vc-rt[data-state="offline"] .vc-dot { background: var(--vc-danger); }
.vc-bell .badge { position: absolute; top: 0; right: 0; transform: translate(35%, -25%); }
.vc-notifs { width: min(var(--vc-size-7), 92vw); padding: 0; }
.vc-notifs ul { list-style: none; margin: 0; padding: 0; max-height: var(--vc-size-6); overflow-y: auto; }
.vc-notifs li { display: grid; grid-template-columns: auto 1fr auto; gap: var(--vc-space-2); padding: var(--vc-space-3); border-top: var(--bs-border-width) solid var(--vc-border); font-size: var(--vc-text-sm); }
.vc-notifs li .vc-dot { width: var(--vc-space-2); height: var(--vc-space-2); border-radius: 50%; margin-top: var(--vc-space-2); background: transparent; }
.vc-notifs li[data-unread="true"] .vc-dot { background: var(--vc-accent); } .vc-notifs li[data-unread="true"] strong { font-weight: var(--vc-weight-strong); }
.vc-notifs time { color: var(--vc-text-muted); font-size: var(--vc-text-xs); }
.vc-main { min-width: 0; display: flex; flex-direction: column; min-height: 100vh; }
.vc-content { flex: 1; width: 100%; max-width: var(--vc-content-max); margin-inline: auto; padding: var(--vc-space-5) max(var(--vc-space-4), env(safe-area-inset-right, 0px)) var(--vc-space-6) max(var(--vc-space-4), env(safe-area-inset-left, 0px)); display: grid; gap: var(--vc-space-5); align-content: start; }
.vc-hero { display: grid; gap: var(--vc-space-2); padding-bottom: var(--vc-space-4); border-bottom: var(--bs-border-width) solid var(--vc-border); }
.vc-crumbs { display: flex; gap: var(--vc-space-2); font-size: var(--vc-text-sm); color: var(--vc-text-muted); }
.vc-hero__row { display: flex; justify-content: space-between; gap: var(--vc-space-4); flex-wrap: wrap; align-items: flex-end; }
.vc-hero h1 { font-size: var(--vc-text-2xl); margin: 0; }
.vc-kicker { font: var(--vc-weight-strong) var(--vc-text-xs) var(--vc-font-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--vc-text-muted); margin: 0; }
.vc-hero__desc { color: var(--vc-text-muted); max-width: 68ch; margin: 0; }
.vc-footer { display: flex; justify-content: space-between; gap: var(--vc-space-3); flex-wrap: wrap; padding: var(--vc-space-4) max(var(--vc-space-4), env(safe-area-inset-right, 0px)) var(--vc-space-5) max(var(--vc-space-4), env(safe-area-inset-left, 0px)); border-top: var(--bs-border-width) solid var(--vc-border); color: var(--vc-text-muted); font-size: var(--vc-text-xs); }
.vc-dash { display: grid; gap: var(--vc-space-4); grid-template-columns: repeat(12, minmax(0, 1fr)); }
.vc-dash > * { grid-column: span 12; display: flex; flex-direction: column; }
.vc-dash > * > .card { flex: 1 1 auto; }
.row > * > .card { height: 100%; }
.d-grid { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .vc-dash > .span-3 { grid-column: span 6; } .vc-dash > .span-4, .vc-dash > .span-6 { grid-column: span 6; } .vc-dash > .span-8 { grid-column: span 12; } }
@media (min-width: 1200px) { .vc-dash > .span-3 { grid-column: span 3; } .vc-dash > .span-4 { grid-column: span 4; } .vc-dash > .span-6 { grid-column: span 6; } .vc-dash > .span-8 { grid-column: span 8; } }
.vc-topbar-s0 { position: sticky; top: env(safe-area-inset-top, 0px); z-index: var(--vc-z-header); background: var(--vc-brand); color: var(--vc-brand-ink); }
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: calc(var(--vc-z-header) + 10); background: var(--vc-brand); }
[hidden] { display: none !important; }
.vc-no-anim, .vc-no-anim * { transition: none !important; }
.vc-skip { z-index: calc(var(--vc-z-header) + 10); }