/* NakitRota v85 — centered orange action + system Liquid polish */
:root{
  --nr-glass:rgba(255,255,255,.68);
  --nr-glass-strong:rgba(255,255,255,.82);
  --nr-glass-border:rgba(255,255,255,.72);
  --nr-glass-shadow:0 16px 42px rgba(35,39,62,.10),0 3px 10px rgba(35,39,62,.05);
  --nr-orange:#ff8a3d;
  --nr-orange-deep:#f36b21;
}
html[data-theme="dark"]{
  --nr-glass:rgba(22,28,41,.68);
  --nr-glass-strong:rgba(26,32,46,.82);
  --nr-glass-border:rgba(255,255,255,.09);
  --nr-glass-shadow:0 18px 48px rgba(0,0,0,.28),0 3px 12px rgba(0,0,0,.16);
}

body{
  background:
    radial-gradient(circle at 12% -8%,rgba(109,93,252,.10),transparent 31%),
    radial-gradient(circle at 92% 14%,rgba(255,138,61,.07),transparent 27%),
    var(--bg);
  background-attachment:fixed;
}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 12% -8%,rgba(109,93,252,.13),transparent 31%),
    radial-gradient(circle at 92% 14%,rgba(255,138,61,.055),transparent 27%),
    var(--bg);
  background-attachment:fixed;
}

/* Profile child views use the existing close control as a clear back action. */
.sheet.nr-profile-child .close{
  width:38px;height:38px;min-height:38px;display:grid;place-items:center;
  border:1px solid rgba(109,93,252,.14);border-radius:13px;
  background:rgba(244,244,252,.76);color:var(--t);
  box-shadow:0 7px 20px rgba(31,36,58,.07),inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  font-size:19px;font-weight:800;line-height:1;
}
html[data-theme="dark"] .sheet.nr-profile-child .close{
  background:rgba(32,38,54,.72);border-color:rgba(164,177,202,.14);color:#eef1f8;
  box-shadow:0 9px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);
}

/* General Liquid surfaces — visual only. */
.top{
  border:1px solid var(--nr-glass-border);border-radius:20px;padding:8px 10px;
  background:linear-gradient(145deg,var(--nr-glass-strong),var(--nr-glass));
  box-shadow:0 10px 30px rgba(35,39,62,.055),inset 0 1px 0 rgba(255,255,255,.68);
  backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);
}
html[data-theme="dark"] .top{box-shadow:0 12px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)}
.acct,.notify-btn{
  border:1px solid var(--nr-glass-border)!important;
  background:var(--nr-glass-strong)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 6px 18px rgba(35,39,62,.055);
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
}
html[data-theme="dark"] .acct,html[data-theme="dark"] .notify-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 7px 20px rgba(0,0,0,.17)}

.card,.budget-card,.overview-card,.desktop-calendar-panel,.movement-filter-card,
.frow,.item,.movement-day-card,.account-card,.profile-action,.view-note,.calc-card{
  border-color:var(--nr-glass-border)!important;
  background:linear-gradient(145deg,var(--nr-glass-strong),var(--nr-glass))!important;
  box-shadow:var(--nr-glass-shadow),inset 0 1px 0 rgba(255,255,255,.48);
  backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);
}
html[data-theme="dark"] .card,html[data-theme="dark"] .budget-card,html[data-theme="dark"] .overview-card,
html[data-theme="dark"] .desktop-calendar-panel,html[data-theme="dark"] .movement-filter-card,
html[data-theme="dark"] .frow,html[data-theme="dark"] .item,html[data-theme="dark"] .movement-day-card,
html[data-theme="dark"] .account-card,html[data-theme="dark"] .profile-action,html[data-theme="dark"] .view-note,
html[data-theme="dark"] .calc-card{box-shadow:var(--nr-glass-shadow),inset 0 1px 0 rgba(255,255,255,.035)}

.hero{
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 20px 50px rgba(35,39,62,.18),inset 0 1px 0 rgba(255,255,255,.13);
  background:
    radial-gradient(circle at 85% 0%,rgba(109,93,252,.30),transparent 35%),
    linear-gradient(145deg,rgba(31,36,55,.95),rgba(57,65,96,.92));
}
html[data-theme="dark"] .hero{box-shadow:0 22px 54px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}

.sheet{
  border:1px solid var(--nr-glass-border);border-bottom:0;
  background:linear-gradient(160deg,var(--nr-glass-strong),var(--nr-glass));
  box-shadow:0 -24px 70px rgba(25,29,45,.18),inset 0 1px 0 rgba(255,255,255,.52);
  backdrop-filter:blur(26px) saturate(165%);-webkit-backdrop-filter:blur(26px) saturate(165%);
}
.shade{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
html[data-theme="dark"] .sheet{box-shadow:0 -28px 76px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)}

.field input,.field select,.pref-number{
  background:rgba(255,255,255,.66)!important;border-color:rgba(150,157,178,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70);
}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .pref-number{
  background:rgba(15,20,31,.55)!important;border-color:rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.save,.btn,.budget-edit{
  box-shadow:0 8px 22px rgba(109,93,252,.16),inset 0 1px 0 rgba(255,255,255,.18);
}
.day,.month-arrow,.movement-choice,.quick,.status-pill-mini{
  border-color:rgba(150,157,178,.16)!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 4px 12px rgba(35,39,62,.035);
}
html[data-theme="dark"] .day,html[data-theme="dark"] .month-arrow,html[data-theme="dark"] .movement-choice,
html[data-theme="dark"] .quick,html[data-theme="dark"] .status-pill-mini{
  background:rgba(24,30,43,.58)!important;border-color:rgba(255,255,255,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 5px 14px rgba(0,0,0,.11);
}
.day.today{box-shadow:0 0 0 2px rgba(109,93,252,.20),inset 0 1px 0 rgba(255,255,255,.56)}

/* Mobile dock: floating Liquid Glass, profile removed, orange add action centered. */
@media(max-width:979px){
  .app{padding-bottom:max(126px,calc(114px + env(safe-area-inset-bottom)))}
  .tabs{
    left:50%;bottom:max(10px,env(safe-area-inset-bottom));width:min(660px,calc(100% - 20px));
    grid-template-columns:repeat(5,1fr);gap:4px;padding:7px 8px 8px;
    border:1px solid rgba(255,255,255,.72);border-radius:24px;
    background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(246,247,252,.54));
    box-shadow:0 17px 42px rgba(35,39,62,.15),0 4px 12px rgba(35,39,62,.08),inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%);
    overflow:visible;isolation:isolate;z-index:18;
  }
  .tabs:before{
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:linear-gradient(115deg,rgba(255,255,255,.24),rgba(255,255,255,0) 38%,rgba(119,100,255,.055) 76%,rgba(255,255,255,.10));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);z-index:0;
  }
  .tabs .tab{z-index:1}
  .tabs .tab.profile{display:none!important}
  .tabs:has(#nrMobileFab.hide){grid-template-columns:repeat(4,1fr)}

  .tabs #nrMobileFab{
    position:relative!important;right:auto!important;bottom:auto!important;
    width:58px!important;height:58px!important;min-height:58px!important;margin:-15px auto -2px!important;
    border:1px solid rgba(255,255,255,.62)!important;border-radius:19px!important;
    display:grid;place-items:center;padding:0!important;z-index:4!important;
    color:#fff!important;
    background:linear-gradient(145deg,#ff9a55,var(--nr-orange-deep))!important;
    box-shadow:0 14px 28px rgba(243,107,33,.34),0 4px 10px rgba(243,107,33,.18),inset 0 1px 0 rgba(255,255,255,.42)!important;
    transform:none!important;transition:transform .16s ease,box-shadow .16s ease!important;
  }
  .tabs #nrMobileFab>span{font-size:31px!important;line-height:1!important;font-weight:450!important;transform:none;transition:transform .18s ease!important}
  .tabs #nrMobileFab:active{transform:scale(.94)!important}
  .tabs #nrMobileFab.open{box-shadow:0 10px 24px rgba(243,107,33,.27),inset 0 1px 0 rgba(255,255,255,.38)!important}
  .tabs #nrMobileFab.open>span{transform:rotate(45deg)!important}

  .nr-mobile-fab-menu{
    left:50%!important;right:auto!important;bottom:max(91px,calc(81px + env(safe-area-inset-bottom)))!important;
    transform:translateX(-50%)!important;width:min(310px,calc(100vw - 24px))!important;
    padding:8px!important;border:1px solid var(--nr-glass-border)!important;border-radius:20px!important;
    background:linear-gradient(155deg,var(--nr-glass-strong),var(--nr-glass))!important;
    box-shadow:0 20px 50px rgba(25,29,45,.20),inset 0 1px 0 rgba(255,255,255,.58)!important;
    backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);
    z-index:19!important;
  }
  html[data-theme="dark"] .tabs{
    border-color:rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(24,30,43,.66),rgba(13,18,29,.54));
    box-shadow:0 19px 46px rgba(0,0,0,.38),0 5px 14px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.07);
  }
  html[data-theme="dark"] .tabs:before{
    background:linear-gradient(115deg,rgba(255,255,255,.055),rgba(255,255,255,0) 38%,rgba(126,107,255,.07) 76%,rgba(255,255,255,.025));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
  }
  html[data-theme="dark"] .nr-mobile-fab-menu{box-shadow:0 22px 54px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important}
  .toast{bottom:max(102px,calc(92px + env(safe-area-inset-bottom)))}
}

@media(max-width:700px){
  .top{margin-left:1px;margin-right:1px;padding:7px 9px;border-radius:18px}
  .card,.budget-card,.overview-card,.desktop-calendar-panel,.movement-filter-card,.frow,.item,.movement-day-card{backdrop-filter:blur(13px) saturate(140%);-webkit-backdrop-filter:blur(13px) saturate(140%)}
}

@media(prefers-reduced-transparency:reduce){
  .top,.card,.budget-card,.overview-card,.desktop-calendar-panel,.movement-filter-card,.frow,.item,.movement-day-card,
  .account-card,.profile-action,.sheet,.acct,.notify-btn,.nr-mobile-fab-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  @media(max-width:979px){
    .tabs{background:#f8f9fc;backdrop-filter:none;-webkit-backdrop-filter:none}
    html[data-theme="dark"] .tabs{background:#151b27}
    .sheet.nr-profile-child .close{backdrop-filter:none;-webkit-backdrop-filter:none}
  }
}
