/* Tanshar Home navigation refresh — preserves the existing navy, violet and gold palette. */
body[data-signed="1"]{font-family:"Manrope",Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body[data-signed="1"] h1,body[data-signed="1"] h2,body[data-signed="1"] h3,body[data-signed="1"] .brand strong{font-family:"Sora","Manrope",sans-serif}

/* Aurora sidebar */
body[data-signed="1"] .sidebar{position:relative;isolation:isolate;background:linear-gradient(180deg,#0d1933 0%,#09152c 56%,#071127 100%)!important}
body[data-signed="1"] .sidebar:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 26% 4%,rgba(128,102,242,.22),transparent 24%),radial-gradient(circle at 90% 54%,rgba(68,111,226,.10),transparent 31%);pointer-events:none}
body[data-signed="1"] .brand{margin-bottom:2px}
body[data-signed="1"] .sidebar .nav-link{position:relative;gap:11px;min-height:42px;padding:8px 10px;border-radius:11px;transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease}
body[data-signed="1"] .sidebar .nav-link:hover{transform:translateX(2px)}
body[data-signed="1"] .sidebar .nav-link>svg:first-child{width:29px!important;height:29px!important;padding:7px;border-radius:9px;stroke-width:2.2;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)}
body[data-signed="1"] .sidebar .nav-link[data-page="dashboard"]>svg:first-child{color:#b8a5ff;background:rgba(128,102,242,.20)}
body[data-signed="1"] .sidebar .nav-link[data-page="accounts"]>svg:first-child{color:#78e1b0;background:rgba(85,201,139,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="transactions"]>svg:first-child{color:#82c2ff;background:rgba(101,174,243,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="rent"]>svg:first-child{color:#ffc376;background:rgba(255,166,76,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="recurring"]>svg:first-child{color:#ff8fd5;background:rgba(237,92,180,.16)}
body[data-signed="1"] .sidebar .nav-link[data-page="subscriptions"]>svg:first-child{color:#69dbe2;background:rgba(69,197,206,.16)}
body[data-signed="1"] .sidebar .nav-link[data-page="shopping"]>svg:first-child{color:#f3c86e;background:rgba(224,173,88,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="trips"]>svg:first-child{color:#83a8ff;background:rgba(83,121,232,.18)}
body[data-signed="1"] .sidebar .nav-link[data-page="friends"]>svg:first-child{color:#c29aff;background:rgba(157,105,242,.18)}
body[data-signed="1"] .sidebar .nav-link[data-page="budgets"]>svg:first-child{color:#71d79b;background:rgba(71,188,126,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="goals"]>svg:first-child{color:#ff9b91;background:rgba(255,113,129,.16)}
body[data-signed="1"] .sidebar .nav-link[data-page="reports"]>svg:first-child{color:#76c9ff;background:rgba(72,171,233,.16)}
body[data-signed="1"] .sidebar .nav-link[data-page="members"]>svg:first-child{color:#a9a9ff;background:rgba(111,103,235,.17)}
body[data-signed="1"] .sidebar .nav-link[data-page="settings"]>svg:first-child{color:#b9c3d8;background:rgba(153,167,194,.13)}
body[data-signed="1"] .sidebar .nav-link.active{transform:none;background:linear-gradient(100deg,rgba(115,85,230,.98),rgba(128,100,237,.90))!important;box-shadow:0 12px 25px rgba(73,47,186,.31),inset 0 1px rgba(255,255,255,.12)}
body[data-signed="1"] .sidebar .nav-link.active>svg:first-child{color:#fff!important;background:rgba(255,255,255,.15)!important}

/* Finance Command Deck */
body[data-signed="1"] .finance-command-topbar{display:grid!important;grid-template-columns:minmax(290px,1fr) auto;gap:18px;height:auto!important;min-height:92px;padding:11px 18px 11px 0!important;background:rgba(6,16,36,.86)!important;overflow:visible}
.command-title-panel{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;min-height:70px;padding:12px 34px 12px 24px;border:1px solid rgba(175,158,255,.23);border-left:0;border-radius:0 25px 25px 0;background:linear-gradient(120deg,rgba(62,42,150,.66),rgba(41,35,109,.48) 52%,rgba(22,32,67,.45));box-shadow:inset 0 1px rgba(255,255,255,.07),12px 0 35px rgba(55,36,145,.14)}
.command-title-panel:after{content:"";position:absolute;inset:-90% -8% -90% 54%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(137,112,255,.14),transparent);pointer-events:none}
.command-title-copy{position:relative;z-index:1;min-width:0}
.command-title-copy h1{margin:0!important;font-size:20px!important;font-weight:700;letter-spacing:-.35px}
.command-title-copy p{max-width:520px;margin:3px 0 0!important;color:#a0acc2!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.command-sync{display:inline-flex;align-items:center;gap:5px;margin-top:5px;color:#6fd5a0;font-size:9px;font-weight:700;letter-spacing:.02em}
.command-sync svg{width:11px;height:11px}
.command-title-panel .sidebar-toggle{position:relative;z-index:2;flex:0 0 38px;background:rgba(8,18,42,.38)!important}
.command-dock{align-items:center;justify-content:flex-end;gap:8px!important;min-width:0}
.top-currency-switch{display:flex!important;flex:0 0 auto;padding:3px!important;border:1px solid var(--th-line)!important;border-radius:12px!important;background:#09152d!important}
.top-currency-switch button{min-width:57px;height:32px;padding:0 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#8996ae!important;font-size:10px!important;font-weight:800!important}
.top-currency-switch button.active{color:#fff!important;background:linear-gradient(135deg,#7355e6,#8064ed)!important;box-shadow:0 6px 14px rgba(70,45,180,.28)}
.top-period-control{height:39px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--th-line);border-radius:12px;background:rgba(255,255,255,.035);color:#dbe2f1;font-size:10px;font-weight:700;white-space:nowrap}
.top-period-control svg{width:15px;height:15px;color:#a98fff}
.command-dock>.icon-button,.command-dock>#notificationButton,.command-dock>#exportReportButton{flex:0 0 39px;width:39px!important;height:39px!important;min-height:39px!important;border-radius:12px!important}
.command-dock .add-entry-top{height:39px;min-height:39px;padding:0 14px!important;border-radius:12px!important;font-size:10px!important;font-weight:800!important;white-space:nowrap}
.command-dock .add-entry-top svg{width:15px;height:15px}

/* Exact owner profile treatment: gold avatar, owner label, name, separate violet trigger. */
.profile-dropdown{flex:0 0 auto}
body[data-signed="1"] .household-profile{display:grid!important;grid-template-columns:36px minmax(112px,auto) 34px;align-items:center;gap:9px;min-width:204px;height:48px;padding:5px 5px 5px 7px!important;border:1px solid var(--th-line)!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(17,30,57,.98),rgba(11,22,45,.98))!important;box-shadow:0 10px 24px rgba(0,0,0,.14)}
body[data-signed="1"] .household-profile:hover{border-color:rgba(224,173,88,.34)!important;background:linear-gradient(135deg,rgba(20,35,65,.98),rgba(13,26,51,.98))!important}
body[data-signed="1"] .household-profile .owner-avatar{width:34px;height:34px;flex-basis:34px;border:1.5px solid var(--th-gold);border-radius:50%;background:linear-gradient(145deg,#644ac8,#2c3974)!important;box-shadow:0 0 0 3px rgba(224,173,88,.07)!important;color:#fff;font-size:10px;font-weight:700}
body[data-signed="1"] .household-profile .owner-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.1;text-align:left}
body[data-signed="1"] .household-profile .owner-copy small{order:0;margin-bottom:4px;color:var(--th-gold)!important;font-size:7px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
body[data-signed="1"] .household-profile .owner-copy strong{order:1;max-width:130px;overflow:hidden;color:#fff!important;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.owner-chevron{width:34px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(180deg,#7559e8,#5637c5);box-shadow:inset 0 1px rgba(255,255,255,.18),0 7px 15px rgba(60,35,165,.28);color:#fff}
.owner-chevron svg{width:15px;height:15px}

/* Dashboard uses the command-deck controls; avoid showing a duplicate set below it. */
@media(min-width:1101px){.page-dashboard .home-dashboard-controls{display:none!important}}

@media(max-width:1280px){
  body[data-signed="1"] .finance-command-topbar{grid-template-columns:minmax(250px,1fr) auto;gap:10px}
  .top-period-control{display:none}
  body[data-signed="1"] .household-profile{grid-template-columns:34px minmax(92px,auto) 32px;min-width:178px}
}
@media(max-width:1000px){
  .top-currency-switch{display:none!important}
  .command-title-copy p{max-width:300px}
}
@media(max-width:768px){
  body[data-signed="1"] .finance-command-topbar{display:flex!important;min-height:64px;padding:8px 10px!important;background:rgba(6,16,36,.92)!important}
  .command-title-panel{min-height:48px;flex:1;padding:6px 12px;border-left:1px solid rgba(175,158,255,.23);border-radius:14px}
  .command-title-panel .sidebar-toggle,.command-title-copy p,.command-sync,.command-dock>.icon-button,.command-dock>#notificationButton,.command-dock>#exportReportButton{display:none!important}
  .command-title-copy h1{font-size:15px!important}
  .command-dock{margin-left:0!important}
  .command-dock .add-entry-top{width:39px!important;padding:0!important}
  body[data-signed="1"] .household-profile{display:flex!important;min-width:40px;width:40px;height:40px;padding:3px!important;border:0!important;background:transparent!important;box-shadow:none}
  body[data-signed="1"] .household-profile .owner-avatar{width:34px;height:34px;flex-basis:34px}
  body[data-signed="1"] .household-profile .owner-copy,.owner-chevron{display:none}
}

/* Exact approved desktop composition (2048 px reference scaled responsively). */
@media(min-width:1101px){
  body[data-signed="1"] .app-shell{grid-template-columns:clamp(320px,18.16vw,372px) minmax(0,1fr)!important}
  body[data-signed="1"] .sidebar{width:clamp(320px,18.16vw,372px)!important;min-width:clamp(320px,18.16vw,372px)!important;max-width:clamp(320px,18.16vw,372px)!important;padding:32px 20px 18px!important;border-right-color:rgba(161,171,211,.24)!important}
  body[data-signed="1"] .brand{gap:15px;padding:0 2px 30px!important;margin:0 0 20px!important}
  body[data-signed="1"] .brand .brand-mark{width:60px!important;height:60px!important;flex-basis:60px!important;border-radius:12px!important}
  body[data-signed="1"] .brand strong{font-size:20px!important;letter-spacing:-.45px}
  body[data-signed="1"] .brand small{margin-top:5px!important;color:#d2d8e8!important;font-size:11px!important}
  body[data-signed="1"] .sidebar nav{gap:8px!important;margin-top:0!important;padding-right:5px!important}
  body[data-signed="1"] .sidebar .nav-link{gap:16px;min-height:54px;padding:7px 10px;border-radius:12px;font-size:15px!important;font-weight:700!important}
  body[data-signed="1"] .sidebar .nav-link>svg:first-child{width:42px!important;height:42px!important;padding:10px!important;border-radius:8px!important}
  body[data-signed="1"] .sidebar .nav-link.active{min-height:64px;padding-right:15px;border-color:#d6a83d!important;border-right-color:#e0ad58!important;border-radius:13px!important;background:linear-gradient(100deg,#4e37b9 0%,#7042db 56%,#4727b7 100%)!important;box-shadow:0 0 30px rgba(100,63,228,.42),inset 0 1px rgba(255,255,255,.18)!important}
  body[data-signed="1"] .sidebar .nav-link.active:before{content:"";position:absolute;inset:0;border-left:2px solid #5cd4ff;border-radius:inherit;pointer-events:none}
  body[data-signed="1"] .sidebar .nav-link.active>svg:first-child{background:linear-gradient(145deg,#9a62ff,#5a25e1)!important;box-shadow:0 5px 15px rgba(81,37,197,.4),inset 0 1px rgba(255,255,255,.3)!important}
  body[data-signed="1"] .sidebar-footer{min-height:66px!important;margin-top:18px!important;padding:11px 13px!important}
  body[data-signed="1"] .sidebar-footer strong{font-size:12px!important}
  body[data-signed="1"] .sidebar-footer small{font-size:10px!important}

  body[data-signed="1"] .finance-command-topbar{position:relative!important;display:block!important;height:230px!important;min-height:230px!important;padding:0!important;background:linear-gradient(180deg,#071127 0%,#091530 100%)!important;overflow:hidden!important}
  .command-title-panel{position:absolute!important;z-index:1;left:0;top:0;width:clamp(420px,27vw,555px);height:230px;min-height:230px;padding:48px 48px 35px 26px!important;border:0!important;border-radius:0!important;background:linear-gradient(118deg,#2b226a 0%,#3b228d 48%,#4320a2 72%,#26196e 100%)!important;box-shadow:none!important;clip-path:polygon(0 0,100% 0,78% 91%,74% 97%,69% 100%,0 100%)}
  .command-title-panel:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 42% 18%,rgba(142,77,255,.45),transparent 38%),linear-gradient(115deg,transparent 55%,rgba(160,77,255,.18));pointer-events:none}
  .command-title-panel:after{content:"";position:absolute;z-index:-2;inset:auto 20% 0 0;height:2px;transform:none;background:#b75cff;box-shadow:0 -1px 10px rgba(184,70,255,.65)}
  .command-title-panel .sidebar-toggle{display:none!important}
  .command-title-copy h1{font-size:40px!important;font-weight:700!important;letter-spacing:-1.6px!important}
  .command-title-copy p{max-width:430px;margin-top:12px!important;color:#f2f1fb!important;font-size:17px!important;font-weight:500;white-space:normal}
  .command-sync{gap:10px;margin-top:26px;color:#9bf0c1!important;font-size:15px!important;font-weight:600!important}
  .command-sync:before{content:"";width:15px;height:15px;flex:0 0 15px;border-radius:50%;background:linear-gradient(#8ef75c,#48c832);box-shadow:0 0 10px rgba(93,222,65,.55)}
  .command-sync svg{display:none}

  .command-dock{position:absolute;z-index:4;top:66px;right:18px;display:flex!important;align-items:center!important;gap:7px!important;height:95px;padding:0!important}
  .top-currency-switch{order:1;height:94px;padding:8px!important;border-radius:17px 0 0 17px!important;background:rgba(11,24,58,.82)!important}
  .top-currency-switch button{min-width:68px;height:76px!important;border-radius:12px!important;font-size:17px!important}
  .top-period-control{order:2;height:94px;min-width:275px;padding:0 24px;border-radius:0!important;background:rgba(11,24,58,.82);font-size:18px;font-weight:700}
  .top-period-control:after{content:"⌄";margin-left:auto;color:#fff;font-size:23px;line-height:1}
  .top-period-control svg{width:25px;height:25px;color:#fff}
  .command-dock>#notificationButton{order:3}
  .command-dock>#exportReportButton{order:4}
  .command-dock>.icon-button[data-bs-target="#importModal"]{display:none!important}
  .command-dock>.icon-button,.command-dock>#notificationButton,.command-dock>#exportReportButton{width:70px!important;height:70px!important;min-height:70px!important;flex-basis:70px!important;border-radius:50%!important;background:linear-gradient(145deg,#11244b,#0b1938)!important}
  .command-dock>.icon-button svg,.command-dock>#notificationButton svg,.command-dock>#exportReportButton svg{width:27px!important;height:27px!important}
  .command-dock>#notificationButton{margin-left:14px!important}
  .command-dock>#exportReportButton{background:linear-gradient(145deg,#123464,#102149)!important}
  .command-dock .add-entry-top{order:5;height:80px!important;min-height:80px!important;padding:0 28px!important;border-radius:11px!important;font-size:18px!important;font-weight:700!important;background:linear-gradient(180deg,#8c35ed,#5814bc)!important;box-shadow:0 10px 28px rgba(91,29,194,.34)!important}
  .command-dock .add-entry-top svg{width:27px;height:27px;margin-right:9px}
  .profile-dropdown{order:6;margin-left:0}
  body[data-signed="1"] .household-profile{grid-template-columns:62px minmax(186px,auto) 52px;gap:13px;min-width:330px;height:94px;padding:8px 0 8px 12px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(13,28,63,.98),rgba(8,18,44,.98))!important}
  body[data-signed="1"] .household-profile .owner-avatar{width:62px;height:62px;flex-basis:62px;border:2px solid #f0d33c;font-size:20px}
  body[data-signed="1"] .household-profile .owner-copy small{margin-bottom:7px;font-size:11px!important;letter-spacing:.1em}
  body[data-signed="1"] .household-profile .owner-copy strong{max-width:190px;font-size:17px!important}
  .owner-chevron{align-self:stretch;width:52px;height:auto;border-radius:0 13px 13px 0;background:linear-gradient(180deg,#8b35e9,#5714b8)}
  .owner-chevron svg{width:23px;height:23px}

  body[data-signed="1"] .content{padding-top:24px!important}
  body.sidebar-collapsed .app-shell{grid-template-columns:78px minmax(0,1fr)!important}
  body.sidebar-collapsed .sidebar{width:78px!important;min-width:78px!important;max-width:78px!important;padding-inline:9px!important}
  body.sidebar-collapsed .sidebar .nav-link>svg:first-child{width:42px!important;height:42px!important}
}

@media(min-width:1101px) and (max-width:1650px){
  body[data-signed="1"] .app-shell{grid-template-columns:290px minmax(0,1fr)!important}
  body[data-signed="1"] .sidebar{width:290px!important;min-width:290px!important;max-width:290px!important}
  .command-title-panel{width:390px;padding-left:26px!important}
  .command-title-copy h1{font-size:32px!important}
  .command-title-copy p{font-size:14px!important}
  .top-period-control{min-width:190px;font-size:14px}
  .command-dock>.icon-button,.command-dock>#notificationButton,.command-dock>#exportReportButton{width:54px!important;height:54px!important;min-height:54px!important;flex-basis:54px!important}
  .command-dock .add-entry-top{height:64px!important;min-height:64px!important;padding:0 18px!important;font-size:14px!important}
  body[data-signed="1"] .household-profile{grid-template-columns:50px minmax(135px,auto) 44px;min-width:250px;height:76px}
  body[data-signed="1"] .household-profile .owner-avatar{width:50px;height:50px;flex-basis:50px}
  .owner-chevron{width:44px}
}

/* Final approved sizing: compact application header with fully visible sidebar glyphs. */
@media(min-width:1101px){
  body[data-signed="1"] .sidebar .nav-link>svg:first-child{
    display:block!important;box-sizing:border-box!important;flex:0 0 40px!important;
    width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;
    padding:9px!important;stroke:currentColor!important;stroke-width:2.25!important;opacity:1!important
  }
  body[data-signed="1"] .sidebar .nav-link>svg:first-child *{stroke:currentColor!important;opacity:1!important}
  body[data-signed="1"] .sidebar .nav-link{min-height:50px!important}
  body[data-signed="1"] .sidebar .nav-link.active{min-height:58px!important}

  body[data-signed="1"] .finance-command-topbar{height:132px!important;min-height:132px!important}
  .command-title-panel{width:clamp(400px,26vw,530px)!important;height:132px!important;min-height:132px!important;padding:21px 42px 16px 26px!important;clip-path:polygon(0 0,100% 0,82% 87%,78% 96%,73% 100%,0 100%)}
  .command-title-copy h1{font-size:30px!important;letter-spacing:-.9px!important}
  .command-title-copy p{margin-top:5px!important;font-size:13px!important;line-height:1.3!important}
  .command-sync{gap:7px;margin-top:11px;font-size:11px!important}
  .command-sync:before{width:10px;height:10px;flex-basis:10px}

  .command-dock{top:29px!important;right:16px!important;height:70px!important;gap:7px!important}
  .top-currency-switch{height:64px!important;padding:5px!important;border-radius:13px 0 0 13px!important}
  .top-currency-switch button{min-width:58px!important;height:52px!important;border-radius:9px!important;font-size:12px!important}
  .top-period-control{height:64px!important;min-width:190px!important;padding:0 17px!important;font-size:13px!important}
  .top-period-control:after{font-size:18px}
  .top-period-control svg{width:19px;height:19px}
  .command-dock>.icon-button,.command-dock>#notificationButton,.command-dock>#exportReportButton{
    display:grid!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;flex:0 0 50px!important
  }
  .command-dock>.icon-button[data-bs-target="#importModal"]{display:none!important}
  .command-dock>#notificationButton{margin-left:6px!important}
  .command-dock>.icon-button svg,.command-dock>#notificationButton svg,.command-dock>#exportReportButton svg{width:20px!important;height:20px!important}
  .command-dock .add-entry-top{height:58px!important;min-height:58px!important;padding:0 20px!important;border-radius:10px!important;font-size:13px!important}
  .command-dock .add-entry-top svg{width:20px;height:20px;margin-right:6px}
  body[data-signed="1"] .household-profile{grid-template-columns:44px minmax(132px,auto) 39px!important;gap:9px!important;min-width:238px!important;height:66px!important;padding:6px 0 6px 8px!important;border-radius:13px!important}
  body[data-signed="1"] .household-profile .owner-avatar{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:13px!important}
  body[data-signed="1"] .household-profile .owner-copy small{margin-bottom:5px!important;font-size:8px!important}
  body[data-signed="1"] .household-profile .owner-copy strong{max-width:145px!important;font-size:12px!important}
  .owner-chevron{width:39px!important;border-radius:0 11px 11px 0!important}
  .owner-chevron svg{width:17px;height:17px}
  body[data-signed="1"] .content{padding-top:20px!important}
}

@media(min-width:1101px) and (max-width:1500px){
  body[data-signed="1"] .app-shell{grid-template-columns:270px minmax(0,1fr)!important}
  body[data-signed="1"] .sidebar{width:270px!important;min-width:270px!important;max-width:270px!important}
  .command-title-panel{width:360px!important}
  .top-period-control{min-width:155px!important}
  body[data-signed="1"] .household-profile{grid-template-columns:42px minmax(105px,auto) 36px!important;min-width:205px!important}
  .owner-chevron{width:36px!important}
}

/* Dropdown visibility and final compact top-bar height. */
@media(min-width:1101px){
  body[data-signed="1"] .finance-command-topbar{
    position:relative!important;z-index:1050!important;
    height:112px!important;min-height:112px!important;
    overflow:visible!important
  }
  .command-title-panel{
    height:112px!important;min-height:112px!important;
    padding-top:15px!important;padding-bottom:12px!important;
    clip-path:polygon(0 0,100% 0,84% 84%,80% 94%,74% 100%,0 100%)
  }
  .command-title-copy h1{font-size:28px!important}
  .command-title-copy p{margin-top:3px!important}
  .command-sync{margin-top:8px!important}
  .command-dock{top:22px!important;height:66px!important}
  .profile-dropdown{position:relative!important;z-index:1065!important}
  .profile-dropdown .profile-menu{
    z-index:1075!important;top:calc(100% + 8px)!important;right:0!important;
    min-width:238px!important;margin:0!important
  }
  body[data-signed="1"] .content{padding-top:18px!important}
}