/* AcilYanDal Brand System V1 — Premium Klinik Komuta Merkezi */
:root{
  --ayd-primary:#7c3aed;
  --ayd-primary-dark:#5b21b6;
  --ayd-secondary:#0b1026;
  --ayd-accent:#f97316;
  --ayd-dark:#050816;
  --ayd-navy:#11183a;
  --ayd-blue:#6d28d9;
  --ayd-brand-violet:#8b5cf6;
  --ayd-brand-violet-soft:#c4b5fd;
  --ayd-brand-orange:#f97316;
  --ayd-brand-orange-soft:#fb923c;
  --ayd-brand-navy:#050816;
  --ayd-brand-surface:#11183a;
  --ayd-brand-line:#2a3467;
  --ayd-gradient:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 52%,#f97316 100%);
  --ayd-gradient-dark:linear-gradient(145deg,#050816 0%,#0b1026 48%,#11183a 100%);
  --bs-primary:#7c3aed;
  --bs-primary-rgb:124,58,237;
  --bs-link-color:#6d28d9;
  --bs-link-hover-color:#5b21b6;
}

::selection{background:rgba(139,92,246,.28);color:#111827}
html{accent-color:var(--ayd-brand-violet)}

/* Global navigation and brand lockup */
html .ayd-navbar{
  min-height:84px!important;
  padding:.46rem 0!important;
  background:rgba(5,8,22,.965)!important;
  border-bottom:1px solid rgba(139,92,246,.2)!important;
  box-shadow:0 14px 42px rgba(2,6,23,.2)!important;
}
html .ayd-navbar.scrolled{background:rgba(5,8,22,.99)!important}
html .ayd-navbar:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(139,92,246,.72),rgba(249,115,22,.62),transparent);
  pointer-events:none;
}
.ayd-navbar .ayd-brand{min-width:188px;gap:0!important}
.ayd-brand-logo{display:block;width:auto;max-width:100%;object-fit:contain}
.ayd-navbar .ayd-brand-logo{height:51px;width:auto}
.ayd-navbar .nav-link{color:rgba(232,236,255,.76)!important;font-weight:750!important}
.ayd-navbar .nav-link:hover,.ayd-navbar .nav-link.active{
  color:#fff!important;background:rgba(139,92,246,.12)!important;
  box-shadow:inset 0 -2px 0 rgba(139,92,246,.9);
}
.ayd-navbar .dropdown-menu{
  border-color:rgba(139,92,246,.2)!important;
  box-shadow:0 24px 70px rgba(2,6,23,.24)!important;
}
.ayd-navbar .dropdown-menu .dropdown-item i{color:#7c3aed!important}
.ayd-navbar .dropdown-menu .dropdown-item:hover,
.ayd-navbar .dropdown-menu .dropdown-item:focus{
  color:#4c1d95!important;background:#f5f3ff!important;
}
.ayd-navbar .dropdown-menu .dropdown-item.text-warning{color:#c2410c!important}
.ayd-main-content{padding-top:84px!important}

/* Core controls: violet for system actions, orange for primary conversion */
.btn-ayd{
  color:#fff!important;border-color:#f97316!important;
  background:linear-gradient(135deg,#f97316,#fb923c)!important;
  box-shadow:0 14px 34px rgba(249,115,22,.26)!important;
}
.btn-ayd:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(249,115,22,.34)!important}
.btn-primary{
  --bs-btn-bg:#7c3aed;--bs-btn-border-color:#7c3aed;
  --bs-btn-hover-bg:#6d28d9;--bs-btn-hover-border-color:#6d28d9;
  --bs-btn-active-bg:#5b21b6;--bs-btn-active-border-color:#5b21b6;
  --bs-btn-disabled-bg:#8b5cf6;--bs-btn-disabled-border-color:#8b5cf6;
}
.btn-outline-primary{
  --bs-btn-color:#6d28d9;--bs-btn-border-color:#8b5cf6;
  --bs-btn-hover-bg:#7c3aed;--bs-btn-hover-border-color:#7c3aed;
  --bs-btn-active-bg:#6d28d9;--bs-btn-active-border-color:#6d28d9;
}
.bg-primary{background-color:#7c3aed!important}.text-primary{color:#6d28d9!important}
.border-primary{border-color:#8b5cf6!important}.link-primary{color:#6d28d9!important}
.form-control:focus,.form-select:focus{
  border-color:#a78bfa!important;box-shadow:0 0 0 .25rem rgba(124,58,237,.14)!important;
}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid rgba(249,115,22,.72);outline-offset:3px;
}
.user-avatar-sm{background:linear-gradient(135deg,#7c3aed,#f97316)!important}
.ayd-mobile-panelim-pill-v26{
  background:linear-gradient(135deg,#7c3aed,#f97316)!important;
  box-shadow:0 12px 28px rgba(124,58,237,.28)!important;
}

@media(max-width:1199.98px){
  html .ayd-navbar{min-height:72px!important}
  .ayd-navbar .ayd-brand{min-width:0!important;margin-right:.3rem!important}
  .ayd-navbar .ayd-brand-logo{height:43px}
  .ayd-main-content{padding-top:72px!important}
}
@media(min-width:1200px) and (max-width:1540px){
  .ayd-navbar .ayd-brand{min-width:170px!important}
  .ayd-navbar .ayd-brand-logo{height:42px}
}
@media(max-width:420px){.ayd-navbar .ayd-brand-logo{height:38px}}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}