/* KamaVLama: selected direct card and refined compact neon home */
#dashboard.neon-home-dashboard { padding-top:clamp(30px,5vw,45px)!important; }
#dashboard.neon-home-dashboard .neon-topbar {
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 46px!important;
  align-items:center;gap:10px;margin-top:8px;margin-bottom:22px;
}
#dashboard.neon-home-dashboard .neon-topbar .neon-brand {
  grid-column:2;grid-row:1;justify-self:center;
}
#dashboard.neon-home-dashboard .neon-account-settings-button {
  grid-column:3!important;grid-row:1!important;
  width:48px;height:48px;justify-self:end;
  border-radius:50%;color:#f0ddff;
  border:1.5px solid #8e4cff;
  background:radial-gradient(circle at 38% 26%,#4b2894 0%,#1b0f53 80%);
  box-shadow:inset 0 0 17px #6c4df162,0 0 15px #7d32ffb8;
  position:relative;
}
#dashboard.neon-home-dashboard .neon-account-settings-button::after{
 content:"";position:absolute;top:0;right:0;
 width:7px;height:7px;border-radius:50%;
 background:#e0a7ff;box-shadow:0 0 8px #ab42ff,0 0 14px #ab42ff;
}
#dashboard.neon-home-dashboard .neon-account-settings-button .neon-icon,
#dashboard.neon-home-dashboard .neon-account-settings-button svg{
 width:26px;height:26px;stroke-width:1.8;
}
#dashboard.neon-home-dashboard .neon-greeting{font-size:clamp(20px,3.2vw,27px)!important}
#dashboard.neon-home-dashboard .neon-greeting-copy>span{font-size:clamp(12px,1.85vw,15px)!important}
/* Keep the tile purple like its siblings; only the plus circle is red. */
#dashboard.neon-home-dashboard .neon-quick-expense {
 color:#f2eeff;
 border-color:#7655dcbd;
 background:linear-gradient(140deg,#191044,#131b50);
 box-shadow:inset 0 0 15px #6928df25;
}
#dashboard.neon-home-dashboard .neon-quick-expense .neon-quick-pict {
 border-color:#ff7990!important;
 color:#fff!important;
 background:linear-gradient(145deg,#f45572,#ad234f)!important;
 box-shadow:0 0 15px #f95780a1,inset 0 0 8px #ffc8d249!important;
}
#dashboard.neon-home-dashboard .neon-quick-expense:focus-visible,
#dashboard.neon-home-dashboard .neon-quick-expense:hover{
 border-color:#bca1ff;box-shadow:inset 0 0 15px #6928df42,0 0 15px #8551fc78;
}
.neon-settings-overlay .account-actions{margin-right:auto!important;margin-left:0!important}
.neon-settings-overlay #logoutBtn,
.neon-settings-overlay .logout-btn{margin-right:auto!important;margin-left:0!important}
.neon-settings-overlay .neon-settings-actions{gap:10px}
.neon-settings-overlay .neon-name-label,
.neon-settings-overlay .reset-day-control>span:first-child {
 font-size:14px!important;font-weight:730!important;line-height:1.4!important;
}
#dashboard .credit-card-type-field,
#dashboard .extra-credit-type-field {
 display:grid;gap:7px;min-width:0;
}
#creditCardType,
.extra-credit-type-select,
.extra-credit-card-type {
 display:block;width:100%;min-height:44px;box-sizing:border-box;
 padding:9px 12px;border-radius:12px;
 background:#0c1732;color:#f3ecff;
 border:1px solid #825cc2;font:inherit;font-size:15px;
}
#creditCardType:focus-visible,
.extra-credit-type-select:focus-visible,
.extra-credit-card-type:focus-visible {
 outline:2px solid #be92ff;outline-offset:2px;
}
.credit-billing-field,
.extra-credit-due-wrapper,
.extra-credit-dialog .extra-credit-field:has([name=billingDay]){
 overflow:hidden;
 max-height:160px;
 opacity:1;transform:translateY(0);
 transition:max-height .32s ease,opacity .24s ease,transform .3s ease,margin .3s ease;
}
.credit-billing-field.direct-billing-hidden,
.extra-credit-due-wrapper.direct-billing-hidden,
.extra-credit-dialog .extra-credit-field.direct-billing-hidden {
 max-height:0!important;opacity:0;transform:translateY(-7px);
 margin:0!important;padding:0!important;
 pointer-events:none;
}
.extra-credit-dialog .extra-credit-field select{
 min-height:44px;padding:9px 12px;border-radius:11px;
 background:#0e1730;border:1px solid #67508e;color:#f2eaff;font:inherit;
}
#dashboard .extra-credit-due-wrapper{grid-column:1/-1}
@media(max-width:640px){
 #dashboard.neon-home-dashboard{padding-top:max(32px,env(safe-area-inset-top))!important}
 #dashboard.neon-home-dashboard .neon-topbar{
  grid-template-columns:39px minmax(0,1fr) 42px!important;
  margin-top:6px;margin-bottom:19px;
 }
 #dashboard.neon-home-dashboard .neon-account-settings-button{width:42px;height:42px}
 #dashboard.neon-home-dashboard .neon-account-settings-button .neon-icon,
 #dashboard.neon-home-dashboard .neon-account-settings-button svg{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce) {
 .credit-billing-field,.extra-credit-due-wrapper{transition:none}
}
/* Fine align the only top-right gear slightly above the logo baseline. */
#dashboard.neon-home-dashboard .neon-account-settings-button{
 transform:translateY(-7px);
}
#dashboard.neon-home-dashboard .neon-account-settings-button:active{
 transform:translateY(-7px) scale(.96);
}
@media(max-width:640px){
 #dashboard.neon-home-dashboard .neon-account-settings-button{
  transform:translateY(-5px);
 }
 #dashboard.neon-home-dashboard .neon-account-settings-button:active{
  transform:translateY(-5px) scale(.96);
 }
}

/* Match the card-type control to the neighbouring amount fields. */
#dashboard .credit-card .credit-balance-input-wrap,
#dashboard #creditCardType,
#dashboard .extra-credit-type-select,
#dashboard .extra-credit-card-type {
 width:100%;
 min-width:0;
 height:56px;
 min-height:56px;
 box-sizing:border-box;
 border-radius:14px;
}
#dashboard #creditCardType,
#dashboard .extra-credit-type-select,
#dashboard .extra-credit-card-type {
 padding:11px 14px;
 font:inherit;
 font-size:1.06rem;
 line-height:32px;
 background-color:rgba(5,14,29,.76);
 border-color:rgba(132,169,255,.3);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
 -webkit-appearance:none;
 appearance:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23f3ecff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-position:14px center;
 padding-left:40px;
}
#dashboard .credit-card .credit-balance-input-wrap > input {
 height:32px;
 min-height:0;
 padding-block:0;
 line-height:32px;
}
#dashboard .credit-card-type-field,
#dashboard .extra-credit-type-field {
 align-content:start;
}
/* Red neon loan icon and outstanding loan total. */
#dashboard.neon-home-dashboard .tracker-grid .loans-card .card-heading .neon-icon {
 background:radial-gradient(circle at 35% 20%,#31306a,#191441);
 border-color:#ff667e;
 color:#ff667e;
 box-shadow:inset 0 0 12px #ff456526,0 0 13px #ff456569;
 filter:none;
}
#dashboard.neon-home-dashboard .tracker-grid .loans-card .total-badge {
 color:#ff899e!important;
}

#dashboard.neon-home-dashboard .tracker-grid .loans-card .card-heading .neon-icon svg {
 filter:drop-shadow(0 0 4px #ff4565) drop-shadow(0 0 7px #ff456580);
}

/* Credit used amount uses the same turquoise as its card header. */
#dashboard.neon-home-dashboard #creditAmountInput,
#dashboard.neon-home-dashboard label[for="creditAmountInput"] .credit-balance-input-wrap > span,
#dashboard.neon-home-dashboard .extra-credit-card [data-card-field="amount"],
#dashboard.neon-home-dashboard .extra-credit-card .credit-balance-input-wrap:has([data-card-field="amount"]) > span {
 color:var(--item-accent,#4dd9ff)!important;
 -webkit-text-fill-color:var(--item-accent,#4dd9ff)!important;
}

/* Match settings field values, including native select typography on iOS. */
.neon-settings-overlay #neonDisplayName,
.neon-settings-overlay #resetDayPicker,
.neon-settings-overlay #resetDayPicker option {
 font-family:inherit!important;
 font-size:16px!important;
 font-weight:400!important;
 line-height:1.4!important;
 letter-spacing:normal!important;
 -webkit-text-size-adjust:100%;
}