/* Compact settings, clean header and faithful neon balance.
   Loaded after the visual redesign; all overrides stay within :is(#dashboard,#kf-view). */
:is(#dashboard,#kf-view).neon-home-dashboard .neon-brand .brand-wordmark {
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(30px,4.6vw,50px)!important;
  letter-spacing:-.043em!important;
  line-height:1.09;
  font-weight:850;
  color:#fefcff;
  text-shadow:0 0 7px #e6ccff6b;
  filter:none!important;
}
:is(#dashboard,#kf-view).neon-home-dashboard .neon-brand .brand-wordmark .brand-v{
  margin-inline:.008em!important;
  font-size:1.06em!important;
  letter-spacing:0;
  background:linear-gradient(170deg,#f8c6ff 0%,#c761fb 28%,#9126ed 65%,#4312de 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 4px #b350ff) drop-shadow(0 0 8px #9b2cfc)!important;
}
:is(#dashboard,#kf-view).neon-home-dashboard .neon-tagline{
  font-size:clamp(11px,1.7vw,17px);
  margin:3px 0 0!important;
  color:#e3d7ee;
}
:is(#dashboard,#kf-view) .neon-topbar>.neon-head-button:first-child{
  position:relative;
  width:48px;height:48px;
  border:1.5px solid #8244f6;
  box-shadow:inset 0 0 15px #6832fd55,0 0 17px #672be586;
  background:radial-gradient(circle at 43% 30%,#3a207c 0%,#161349 77%);
}
:is(#dashboard,#kf-view) .neon-topbar>.neon-head-button:first-child::after{
  content:"";
  position:absolute;top:0;right:1px;
  width:7px;height:7px;border-radius:50%;
  background:#cd87ff;box-shadow:0 0 8px #c67aff,0 0 13px #7f3afd;
}
:is(#dashboard,#kf-view) .neon-topbar>.neon-head-button:first-child .neon-icon svg{
  width:26px;height:26px;
  stroke-width:1.7;
}
:is(#dashboard,#kf-view) .neon-greeting-row{
  position:relative;isolation:isolate;
  margin-top:4px;
}
:is(#dashboard,#kf-view) .neon-greeting-row::before{
  content:"";pointer-events:none;
  position:absolute;z-index:-1;
  width:min(54%,380px);height:62px;
  left:-3%;bottom:8%;
  border-top:2px solid #6d46ffad;
  border-radius:70% 70% 0 0;
  transform:rotate(9deg);
  background:linear-gradient(165deg,#3419c843,transparent 65%);
  box-shadow:0 -7px 18px #4e32f84d;
}
#dashboard .neon-month-switch{
  direction:rtl;
  display:flex;align-items:center;
  min-width:0;width:max-content;max-width:100%;
  border:1.25px solid #7749ec;
  border-radius:999px;
  background:linear-gradient(110deg,#21185b 0%,#1e1852 60%,#171343);
  box-shadow:inset 0 0 10px #7041db36,0 0 11px #532ace4c;
  overflow:hidden;
}
#dashboard .period-controls .month-control{
  position:relative;
  min-width:0;min-height:42px;
  display:flex;align-items:center;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0 11px 0 5px!important;
  margin:0!important;
}
#dashboard .period-controls .month-picker-field{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;
  outline:none!important;background:transparent!important;
  color:#f3eaff;
  direction:rtl;
}
#dashboard .period-controls #monthPickerLabel{
  line-height:1.4;
  font-size:clamp(12px,1.65vw,15px);
  font-weight:700;
  color:#f3edff;
  text-align:right;
  white-space:nowrap;
}
#dashboard .period-controls .month-picker-icon{
  display:inline-grid!important;
  width:20px;height:20px;flex:none;
  place-items:center;
  color:#d8c7ff;
  font-size:0;
}
:is(#dashboard,#kf-view) .period-controls .month-picker-icon .neon-icon,
:is(#dashboard,#kf-view) .period-controls .month-picker-icon svg{
  width:20px;height:20px;display:block;
}
#dashboard .period-controls #monthPicker{
  position:absolute!important;
  inset:0!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  opacity:0!important;cursor:pointer;
  color:transparent!important;
  font-size:16px;
}
#dashboard .neon-month-previous{
  min-height:41px;width:35px;flex:none;
  display:grid;place-items:center;
  border:0!important;
  border-right:1px solid #815bdf7c!important;
  border-radius:0!important;
  background:transparent!important;
  padding:8px!important;
  color:#f2edff;
  cursor:pointer;
}
:is(#dashboard,#kf-view) .neon-month-previous .neon-icon,
:is(#dashboard,#kf-view) .neon-month-previous svg{display:block;width:19px;height:19px}
#dashboard .neon-month-previous:hover,#dashboard .neon-month-previous:focus-visible{
  background:#7d41ed51!important;
  outline-offset:-3px;
}
#dashboard .neon-settings-panel{
  gap:9px!important;
  padding:14px 16px!important;
  width:min(430px,100%)!important;
  border-radius:17px!important;
}
#dashboard .neon-settings-heading{
  display:flex;justify-content:space-between;align-items:center;
  min-height:42px;gap:8px;
}
#dashboard .neon-settings-heading strong{font-size:17px;font-weight:800}
#dashboard .neon-settings-panel .neon-settings-save-toggle{
  position:relative;
  display:grid;place-items:center;
  width:43px;height:43px;border-radius:12px!important;
  border:1px solid #7974d5!important;
  background:linear-gradient(145deg,#213458,#152545)!important;
  color:#a8dfff!important;
  box-shadow:0 0 8px #4a79ff50;
}
:is(#dashboard,#kf-view) .neon-settings-panel .neon-settings-save-toggle .neon-icon,
:is(#dashboard,#kf-view) .neon-settings-panel .neon-settings-save-toggle svg{
  width:23px;height:23px;
}
#dashboard .neon-settings-save-toggle.has-unsaved-changes{
  border-color:#61bdff!important;
  color:#f3fdff!important;
  background:linear-gradient(140deg,#1f5685,#1c3e69)!important;
  animation:neon-unsaved-save-pulse 1.55s ease-in-out infinite;
}
@keyframes neon-unsaved-save-pulse{
  0%,100%{box-shadow:0 0 5px #5888e24d,inset 0 0 5px #5c8ff833;opacity:1}
  48%{box-shadow:0 0 20px #65bafac7,inset 0 0 11px #7fc4fe70;opacity:.65}
}
#dashboard .neon-name-form{
  padding:10px 11px!important;
  gap:9px!important;
  border:1px solid #654eb55c;
  border-radius:12px!important;
  background:#0d1032bb!important;
}
#dashboard .neon-name-label,
#dashboard .neon-name-form .reset-day-control>span:first-child{
  font-size:13px!important;
  font-weight:700;color:#ddd7f1;
}
#dashboard .neon-name-input{
  min-height:43px;
  border-radius:10px!important;
  padding:8px 12px!important;
  border:1px solid #7e65c4;
  font-size:15px!important;
}
#dashboard .neon-name-form .reset-day-control{display:grid;gap:6px}
#dashboard .neon-name-form .reset-day-control select{
  min-height:43px;
  border-radius:10px;
  padding:7px 12px;
  font-size:15px;
  background:#22244d;
  border:1px solid #7267ad;
}
#dashboard .neon-name-form #resetDayHint{
  display:block;
  font-size:11px;
  line-height:1.35;
  margin:0;
  color:#978eb5;
}
#dashboard .neon-name-form .neon-name-status{font-size:11px;min-height:0}
#dashboard .neon-name-form .neon-name-status:empty{display:none}
#dashboard .neon-settings-panel .account-bar{
  display:flex;align-items:center;gap:8px;
  padding:4px 0 0;
  border-top:1px solid #7359bf42;
  font-size:11px;
}
#dashboard .neon-settings-panel .user-email{font-size:11px}
#dashboard .neon-settings-panel .account-actions{gap:6px}
#dashboard .neon-settings-panel #settingsBtn{display:none!important}
#dashboard .neon-settings-panel .logout-btn{
  min-height:32px;padding:4px 9px;border-radius:9px;
  font-size:12px;
}
#dashboard .neon-hero-amount.neon-value-positive{
  color:#48e9ae!important;
  text-shadow:0 0 14px #20d49c58!important;
}
#dashboard .neon-hero-amount.neon-value-negative{
  color:#ff667e!important;
  text-shadow:0 0 13px #ff5a7869!important;
}
@media(max-width:640px){
 :is(#dashboard,#kf-view).neon-home-dashboard .neon-brand .brand-wordmark{
  font-size:clamp(25px,8.15vw,37px)!important;
 }
 :is(#dashboard,#kf-view).neon-home-dashboard .neon-tagline{font-size:clamp(10px,3vw,13px)}
 :is(#dashboard,#kf-view) .neon-topbar>.neon-head-button:first-child{
  width:41px;height:41px;
 }
 :is(#dashboard,#kf-view) .neon-topbar>.neon-head-button:first-child .neon-icon svg{
  width:22px;height:22px;
 }
 #dashboard .period-controls .month-control{
  min-height:38px;padding:0 9px 0 4px!important;
 }
 #dashboard .period-controls #monthPickerLabel{font-size:clamp(11px,3vw,13px)}
 #dashboard .neon-month-previous{min-height:37px;width:30px;padding:7px!important}
 :is(#dashboard,#kf-view) .neon-month-previous .neon-icon,
 :is(#dashboard,#kf-view) .neon-month-previous svg{width:17px;height:17px}
 #dashboard .period-controls .month-picker-field{gap:5px!important}
 #dashboard .period-controls .month-picker-icon,
 #dashboard .period-controls .month-picker-icon svg{width:18px;height:18px}
 #dashboard .neon-settings-panel{margin-bottom:7px}
}
@media(prefers-reduced-motion:reduce){
 #dashboard .neon-settings-save-toggle.has-unsaved-changes{animation:none}
}