/* ============================================================
FLUID AURORA (ElevenLabs-style — giriş, topbar, dialer)
============================================================ */
@keyframes fluid-spin {
  to { transform: rotate(360deg); }
}
@keyframes fluid-spin-rev {
  to { transform: rotate(-360deg); }
}
.fluid-aurora {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
.fluid-aurora::before,
.fluid-aurora::after {
  content: '';
  position: absolute;
  width: 150%;
  height: 150%;
  left: -25%;
  top: -25%;
  will-change: transform;
}
.fluid-aurora--login::before {
  background: conic-gradient(from 0deg at 45% 45%,
    rgba(37, 99, 235, 0.55) 0deg,
    rgba(6, 182, 212, 0.45) 70deg,
    rgba(99, 102, 241, 0.5) 160deg,
    rgba(14, 165, 233, 0.48) 250deg,
    rgba(37, 99, 235, 0.55) 360deg);
  animation: fluid-spin 19s linear infinite;
  filter: blur(56px);
  opacity: 0.62;
}
.fluid-aurora--login::after {
  background: conic-gradient(from 180deg at 55% 55%,
    rgba(255, 255, 255, 0.2) 0deg,
    rgba(56, 189, 248, 0.35) 110deg,
    rgba(129, 140, 248, 0.3) 220deg,
    rgba(255, 255, 255, 0.18) 360deg);
  animation: fluid-spin-rev 24s linear infinite;
  filter: blur(48px);
  opacity: 0.42;
}
[data-theme="dark"] .fluid-aurora--login::before {
  opacity: 0.75;
}
[data-theme="dark"] .fluid-aurora--login::after {
  opacity: 0.55;
}
/* Üst logo — beyaz/gri aurora (sol menüden bağımsız); koyu taban yok */
.fluid-aurora--logo {
  inset: 0;
  border-radius: inherit;
}
/* Sol menü + üst logo — tek kaynak: renkler ve zamanlar birebir */
.fluid-aurora--sidebar {
  inset: 0;
  z-index: 0;
}
#sidebar .fluid-aurora.fluid-aurora--sidebar {
  z-index: 0;
}
/* Aynı duraklar / blur / opaklık / süre; logo kutusunda merkeze yakın örnek (left/top) */
.fluid-aurora--sidebar::before {
  background: conic-gradient(from 118deg at 20% 14%,
    rgba(5, 42, 58, 0.85) 0deg,
    rgba(88, 68, 102, 0.44) 16deg,
    rgba(68, 28, 48, 0.48) 32deg,
    rgba(14, 36, 82, 0.82) 48deg,
    rgba(100, 78, 118, 0.4) 62deg,
    rgba(48, 20, 72, 0.52) 78deg,
    rgba(42, 20, 58, 0.76) 105deg,
    rgba(95, 52, 72, 0.38) 138deg,
    rgba(8, 58, 52, 0.8) 168deg,
    rgba(22, 24, 78, 0.5) 198deg,
    rgba(18, 28, 72, 0.78) 228deg,
    rgba(72, 82, 122, 0.42) 262deg,
    rgba(6, 62, 72, 0.82) 292deg,
    rgba(58, 24, 52, 0.46) 312deg,
    rgba(52, 22, 48, 0.72) 330deg,
    rgba(5, 42, 58, 0.85) 360deg);
  animation: fluid-spin 26s linear infinite;
  filter: blur(46px);
  opacity: 0.74;
  width: 220%;
  height: 180%;
  left: -65%;
  top: -35%;
}
.fluid-aurora--sidebar::after {
  background: conic-gradient(from 302deg at 78% 68%,
    rgba(72, 38, 28, 0.52) 0deg,
    rgba(98, 48, 62, 0.4) 24deg,
    rgba(82, 32, 44, 0.42) 48deg,
    rgba(28, 32, 72, 0.54) 95deg,
    rgba(52, 24, 62, 0.4) 142deg,
    rgba(12, 58, 48, 0.5) 185deg,
    rgba(88, 58, 88, 0.36) 218deg,
    rgba(48, 22, 58, 0.48) 255deg,
    rgba(62, 28, 52, 0.38) 288deg,
    rgba(18, 48, 42, 0.5) 315deg,
    rgba(92, 72, 108, 0.34) 338deg,
    rgba(72, 38, 28, 0.52) 360deg);
  animation: fluid-spin-rev 31s linear infinite;
  filter: blur(38px);
  opacity: 0.62;
  width: 200%;
  height: 200%;
  left: -48%;
  top: -48%;
}
.fluid-aurora--logo::before {
  background: conic-gradient(from 118deg at 38% 32%,
    rgba(255, 255, 255, 0.92) 0deg,
    rgba(236, 242, 252, 0.88) 55deg,
    rgba(248, 250, 253, 0.95) 118deg,
    rgba(210, 218, 232, 0.65) 175deg,
    rgba(255, 255, 255, 0.9) 228deg,
    rgba(225, 232, 244, 0.75) 288deg,
    rgba(255, 255, 255, 0.92) 360deg);
  animation: fluid-spin 24s linear infinite;
  filter: blur(26px);
  opacity: 0.88;
  width: 200%;
  height: 170%;
  left: -52%;
  top: -32%;
}
.fluid-aurora--logo::after {
  background: conic-gradient(from 305deg at 62% 58%,
    rgba(180, 192, 208, 0.45) 0deg,
    rgba(255, 255, 255, 0.72) 88deg,
    rgba(200, 210, 224, 0.5) 168deg,
    rgba(235, 240, 248, 0.68) 248deg,
    rgba(165, 178, 198, 0.4) 318deg,
    rgba(180, 192, 208, 0.45) 360deg);
  animation: fluid-spin-rev 29s linear infinite;
  filter: blur(22px);
  opacity: 0.72;
  width: 190%;
  height: 190%;
  left: -46%;
  top: -44%;
}
[data-theme="dark"] .fluid-aurora--sidebar::before {
  opacity: 0.78;
}
[data-theme="dark"] .fluid-aurora--sidebar::after {
  opacity: 0.64;
}
[data-theme="dark"] .fluid-aurora--logo::before {
  background: conic-gradient(from 118deg at 38% 32%,
    rgba(18, 24, 38, 0.95) 0deg,
    rgba(28, 36, 54, 0.7) 90deg,
    rgba(14, 18, 28, 0.9) 180deg,
    rgba(32, 40, 58, 0.55) 270deg,
    rgba(18, 24, 38, 0.95) 360deg);
  opacity: 0.55;
}
[data-theme="dark"] .fluid-aurora--logo::after {
  background: conic-gradient(from 305deg at 62% 58%,
    rgba(20, 28, 42, 0.5) 0deg,
    rgba(12, 16, 26, 0.7) 180deg,
    rgba(20, 28, 42, 0.5) 360deg);
  opacity: 0.35;
}
html:not([data-theme="dark"]) .tb-logo.is-box-tint .fluid-aurora--logo::before {
  background: conic-gradient(from 118deg at 38% 32%,
    var(--logo-box-a) 0deg,
    color-mix(in srgb, var(--logo-box-b) 55%, white) 120deg,
    var(--logo-box-a) 240deg,
    var(--logo-box-b) 360deg);
  opacity: 0.9;
}
html:not([data-theme="dark"]) .tb-logo.is-box-tint .fluid-aurora--logo::after {
  background: conic-gradient(from 305deg at 62% 58%,
    var(--logo-box-b) 0deg,
    var(--logo-box-a) 180deg,
    var(--logo-box-b) 360deg);
  opacity: 0.55;
}
[data-theme="dark"] .tb-logo.is-box-tint-dark .fluid-aurora--logo::before {
  background: conic-gradient(from 118deg at 38% 32%,
    var(--logo-box-a-dark) 0deg,
    color-mix(in srgb, var(--logo-box-b-dark) 55%, white) 120deg,
    var(--logo-box-a-dark) 240deg,
    var(--logo-box-b-dark) 360deg);
  opacity: 0.9;
}
[data-theme="dark"] .tb-logo.is-box-tint-dark .fluid-aurora--logo::after {
  background: conic-gradient(from 305deg at 62% 58%,
    var(--logo-box-b-dark) 0deg,
    var(--logo-box-a-dark) 180deg,
    var(--logo-box-b-dark) 360deg);
  opacity: 0.55;
}
.tb-logo.is-box-fx-slow .fluid-aurora--logo::before { animation-duration: 46s; }
.tb-logo.is-box-fx-slow .fluid-aurora--logo::after { animation-duration: 54s; }
.tb-logo.is-box-fx-fast .fluid-aurora--logo::before { animation-duration: 7s; }
.tb-logo.is-box-fx-fast .fluid-aurora--logo::after { animation-duration: 9s; }
.tb-logo.is-box-fx-breath .fluid-aurora--logo::before { animation: mbLogoBoxBreath 5.5s ease-in-out infinite; }
.tb-logo.is-box-fx-breath .fluid-aurora--logo::after { animation: mbLogoBoxBreathRev 7s ease-in-out infinite; }
.tb-logo.is-box-fx-drift .fluid-aurora--logo::before { animation: mbLogoBoxDrift 9s ease-in-out infinite; }
.tb-logo.is-box-fx-drift .fluid-aurora--logo::after { animation: mbLogoBoxDriftRev 11s ease-in-out infinite; }
.tb-logo.is-box-fx-still .fluid-aurora--logo::before,
.tb-logo.is-box-fx-still .fluid-aurora--logo::after { animation: none; }
@keyframes mbLogoBoxBreath {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.18); }
}
@keyframes mbLogoBoxBreathRev {
  0%, 100% { transform: scale(1.12); }
  50% { transform: scale(0.92); }
}
@keyframes mbLogoBoxDrift {
  0%, 100% { transform: translate3d(-8%, -4%, 0) rotate(8deg); }
  50% { transform: translate3d(10%, 6%, 0) rotate(-6deg); }
}
@keyframes mbLogoBoxDriftRev {
  0%, 100% { transform: translate3d(8%, 6%, 0) rotate(-10deg); }
  50% { transform: translate3d(-10%, -4%, 0) rotate(8deg); }
}
.form-input.is-invalid { border-color: var(--red); box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.18); }
.nc-inline-err { font-size: 11px; color: var(--red); margin-top: 4px; }
.mb-month-wrap { position: relative; display: inline-flex; align-items: center; }
.mb-month-wrap input[type="month"] { color: transparent; caret-color: transparent; }
.mb-month-wrap input[type="month"]::-webkit-datetime-edit,
.mb-month-wrap input[type="month"]::-webkit-datetime-edit-fields-wrapper,
.mb-month-wrap input[type="month"]::-webkit-datetime-edit-text,
.mb-month-wrap input[type="month"]::-webkit-datetime-edit-month-field,
.mb-month-wrap input[type="month"]::-webkit-datetime-edit-year-field {
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.mb-month-face {
  position: absolute;
  left: 10px;
  right: 28px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
  font-size: 13px;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
}