/* Vela brand layer on top of Tabler 1.7.5 (loaded AFTER tabler.min.css). Variables and small fixes only: no inline styles anywhere (CSP). */
@font-face{font-family:'Quicksand';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/Quicksand-Regular.ttf') format('truetype')}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/Quicksand-Medium.ttf') format('truetype')}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/Quicksand-SemiBold.ttf') format('truetype')}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/Quicksand-Bold.ttf') format('truetype')}

:root,[data-bs-theme=light]{
  --tblr-font-sans-serif:'Quicksand','Segoe UI',system-ui,sans-serif;
  --tblr-primary:#5148e5;--tblr-primary-rgb:81,72,229;--tblr-primary-fg:#fff;
  --tblr-primary-darken:#4339c9;--tblr-primary-lt:#eef0ff;--tblr-primary-lt-rgb:238,240,255;
  --tblr-link-color:#5148e5;--tblr-link-color-rgb:81,72,229;--tblr-link-hover-color:#4339c9;--tblr-link-hover-color-rgb:67,57,201;
  --tblr-active-bg:#eef0ff}
[data-bs-theme=dark]{
  --tblr-primary:#5c58e8;--tblr-primary-rgb:92,88,232;--tblr-primary-fg:#fff;
  --tblr-primary-darken:#4d49d6;--tblr-primary-lt:#2b2a48;--tblr-primary-lt-rgb:43,42,72;
  --tblr-link-color:#b0acff;--tblr-link-color-rgb:176,172,255;--tblr-link-hover-color:#c9c6ff;--tblr-link-hover-color-rgb:201,198,255;
  --tblr-active-bg:#2b2a48}
body{font-family:var(--tblr-font-sans-serif)}

/* Logo: light-background artwork on light surfaces, dark-background artwork on dark surfaces (the page theme or a dark sidebar). */
/* The artwork is a square image; the approved crop shows only the wordmark band in a 156x51 window (same numbers as the old panel). */
.vela-logo-box{display:block;position:relative;overflow:hidden;width:156px;height:51px;flex:none;margin:0 auto}
.vela-logo{position:absolute;max-width:none;width:125.426%;height:auto;left:-12.698%;top:-139.19%;forced-color-adjust:none}
.vela-logo-dark{display:none}
[data-bs-theme=dark] .vela-logo-light{display:none}
[data-bs-theme=dark] .vela-logo-dark{display:block}

/* "Skip to content" for keyboard users. */
.vela-skip{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--tblr-primary);color:#fff;padding:.5rem 1rem;border-radius:0 0 .5rem 0}
.vela-skip:focus{left:0;color:#fff}

/* Sidebar product label (platform = "Üst yönetim", company panel = "Personel paneli"). */
.vela-product{display:block;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin-top:.25rem}
.navbar-vertical .vela-nav-section{padding:.75rem 1rem .25rem;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.vela-nav-badge{margin-left:auto}
.navbar-vertical .navbar-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;white-space:normal}
.navbar-vertical .vela-logo-box{margin:0}

/* Theme picker (POST /panel/theme): three small buttons. */
.vela-theme-picker{display:inline-flex;gap:.25rem}
.vela-theme-picker .btn{--tblr-btn-padding-x:.5rem;--tblr-btn-padding-y:.125rem;font-size:.75rem}

/* ASP.NET validation summary renders an empty div when valid; do not show an empty alert box. */
.validation-summary-valid{display:none}

/* Keep long identifiers (e-mail, tenant id) from breaking the layout. */
.vela-wrap{overflow-wrap:anywhere}
.vela-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;overflow-wrap:anywhere}

@media(forced-colors:active){.btn,.card{border:1px solid ButtonText}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}