/* Premium Soft 3D — app-wide runtime layer v2
   Visual-only. No pricing/auth/Supabase/business logic changes. */
:root{
  --p3-bg:#edf3ef;
  --p3-surface:#f7faf8;
  --p3-white:#fff;
  --p3-ink:#17251e;
  --p3-muted:#748179;
  --p3-green:#1b6b4d;
  --p3-green2:#2b8561;
  --p3-dark:#104a35;
  --p3-line:#d4dfd9;
  --p3-blue:#3556b8;
  --p3-purple:#8a4da3;
  --p3-gold:#b87516;
  --p3-danger:#b42318;
  --p3-xl:0 24px 48px rgba(17,48,33,.16),0 7px 16px rgba(17,48,33,.075),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(112,140,124,.10);
  --p3-lg:0 16px 32px rgba(17,48,33,.13),0 4px 10px rgba(17,48,33,.06),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(112,140,124,.10);
  --p3-md:0 10px 22px rgba(17,48,33,.10),0 2px 6px rgba(17,48,33,.05),inset 0 1px 0 rgba(255,255,255,.98);
  --p3-sm:0 6px 14px rgba(17,48,33,.08),inset 0 1px 0 rgba(255,255,255,.98);
  --p3-inset:inset 0 3px 7px rgba(17,48,33,.11),inset 0 1px 0 rgba(255,255,255,.72);
}

html body:not(.auth-route-ready){
  background:radial-gradient(circle at 8% 3%,rgba(47,129,91,.13),transparent 26%),radial-gradient(circle at 95% 7%,rgba(255,255,255,.98),transparent 31%),linear-gradient(180deg,#f9fbfa 0%,#edf3ef 48%,#f8faf9 100%)!important;
  color:var(--p3-ink)!important;
}

/* ===== APP BAR ===== */
html body .ns2-topbar{padding:12px 7px 15px!important;margin-bottom:13px!important}
html body .ns2-brand h1{color:var(--p3-ink)!important;font-weight:850!important;letter-spacing:-.048em!important;text-shadow:0 1px 0 #fff!important}
html body .ns2-restaurant-button{color:#77857d!important;font-weight:760!important}
html body .ns2-settings-button,
html body .team-notification-button,
html body .top-actions #languageToggle{
  border:1px solid #d2ded7!important;border-radius:50%!important;
  background:linear-gradient(145deg,#fff 0%,#edf3f0 100%)!important;
  color:#354a3f!important;box-shadow:0 9px 19px rgba(19,50,34,.13),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(92,128,109,.15)!important;
}
html body .ns2-settings-button:active,
html body .team-notification-button:active,
html body .top-actions #languageToggle:active{transform:translateY(1px) scale(.97)!important;box-shadow:var(--p3-inset)!important}

/* ===== COMMON 3D CONTROLS ===== */
html body #memberView button.secondary,
html body #memberView .small-btn,
html body #memberView .icon-btn,
html body #memberView .menu-sort-btn,
html body #memberView .ns2-drawer-icon{
  border-color:#d2ded7!important;background:linear-gradient(145deg,#fff,#edf3f0)!important;color:#28664d!important;box-shadow:var(--p3-sm)!important;
}
html body #memberView button.primary{background:linear-gradient(145deg,#2b815e,#15583f)!important;border-color:#14563e!important;box-shadow:0 10px 20px rgba(20,88,62,.23),inset 0 1px 0 rgba(255,255,255,.25)!important}
html body #memberView input,
html body #memberView select,
html body #memberView textarea{
  border-color:#d5dfda!important;background:linear-gradient(180deg,#f9fbfa,#fff)!important;box-shadow:inset 0 2px 5px rgba(18,47,32,.055),inset 0 1px 0 #fff!important;
}
html body #memberView input:focus,
html body #memberView select:focus,
html body #memberView textarea:focus{border-color:#78a892!important;box-shadow:inset 0 2px 5px rgba(18,47,32,.05),0 0 0 3px rgba(31,106,79,.09)!important}

/* ===== ITEM CHECK ===== */
html body #view-item-profitability.ipf-view{padding:2px 0 106px!important}
html body #view-item-profitability .ipf-picker-card{overflow:visible!important;border:1px solid #d0ddd6!important;border-radius:25px!important;background:linear-gradient(145deg,#fff,#edf4f0)!important;box-shadow:var(--p3-xl)!important}
html body #view-item-profitability .ipf-search-trigger{min-height:64px!important;padding:0 15px!important;grid-template-columns:42px minmax(0,1fr) 28px!important;border-radius:25px!important}
html body #view-item-profitability .ipf-search-icon{width:40px!important;height:40px!important;border-radius:14px!important;background:linear-gradient(145deg,#2e8a64,#14563e)!important;color:#fff!important;box-shadow:0 9px 18px rgba(20,88,62,.27),inset 0 1px 0 rgba(255,255,255,.33),inset 0 -2px 2px rgba(6,48,32,.25)!important}
html body #view-item-profitability .ipf-search-value{color:#223228!important;font-weight:850!important;font-size:.98rem!important;padding-left:13px!important}
html body #view-item-profitability .ipf-search-arrow{color:#718078!important;font-weight:900!important}
html body #view-item-profitability .ipf-chooser{top:calc(100% + 12px)!important;padding:16px!important;border:1px solid #cfddd5!important;border-radius:25px!important;background:linear-gradient(155deg,#fff,#eaf2ee)!important;box-shadow:0 32px 64px rgba(14,43,27,.24),0 9px 20px rgba(14,43,27,.10),inset 0 1px 0 #fff!important}
html body #view-item-profitability .ipf-type-grid button,
html body #view-item-profitability .ipf-option-list button{border:1px solid #d2dfd8!important;background:linear-gradient(145deg,#fff,#edf3f0)!important;color:#304239!important;box-shadow:var(--p3-md)!important}
html body #view-item-profitability .ipf-selected-head{border:1px solid #d1ded7!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#eef4f1)!important;box-shadow:var(--p3-lg)!important}
html body #view-item-profitability .ipf-selected-head button{border:1px solid #bdd3c7!important;background:linear-gradient(145deg,#f4fbf7,#deeee6)!important;color:#15543d!important;box-shadow:var(--p3-sm)!important}
html body #view-item-profitability .ipf-story{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
/* Restore original numerical order. 3D must not change the information sequence. */
html body #view-item-profitability .ipf-story>article:nth-of-type(1){order:1!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(2){order:2!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(3){order:3!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(4){order:4!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(5){order:5!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(6){order:6!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(7){order:7!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(8){order:8!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(9){order:9!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(10){order:10!important}
html body #view-item-profitability .ipf-formula{order:11!important}
html body #view-item-profitability .ipf-metric{min-height:86px!important;border:1px solid #d5e1da!important;border-radius:19px!important;background:linear-gradient(145deg,#fff,#f0f5f2)!important;box-shadow:var(--p3-md)!important}
html body #view-item-profitability .ipf-step{background:linear-gradient(145deg,#f8faf9,#e2eae6)!important;border:1px solid #d7e2dc!important;box-shadow:0 4px 9px rgba(17,48,33,.07),inset 0 1px 0 #fff!important;color:#748178!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(7),
html body #view-item-profitability .ipf-story>article:nth-of-type(8){background:linear-gradient(145deg,#f2fbf6,#dcefe5)!important;border-color:#bfddcd!important;box-shadow:0 13px 25px rgba(20,101,71,.15),inset 0 1px 0 #fff!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(10){background:linear-gradient(145deg,#287d5c,#104b37)!important;border-color:#0e4834!important;box-shadow:0 16px 30px rgba(15,75,53,.27),inset 0 1px 0 rgba(255,255,255,.22)!important}
html body #view-item-profitability .ipf-story>article:nth-of-type(10) strong,
html body #view-item-profitability .ipf-story>article:nth-of-type(10) div>span{color:#fff!important}

/* ===== MANAGE ===== */
html body .ux-manage-view{padding-top:4px!important}
html body .ux-manage-hero h2{color:var(--p3-ink)!important;font-weight:870!important;letter-spacing:-.04em!important}
html body .ux-manage-hero p{color:#748179!important}
html body .ux-manage-list{gap:14px!important}
html body #memberView .ux-manage-card{border:1px solid #d2ded7!important;border-radius:23px!important;background:linear-gradient(145deg,#fff,#edf4f0)!important;box-shadow:var(--p3-lg)!important;transition:transform .14s ease,box-shadow .14s ease!important}
html body #memberView .ux-manage-card:active{transform:translateY(2px) scale(.992)!important;box-shadow:var(--p3-inset)!important}
html body #memberView .ux-manage-icon{border:1px solid #cedbd4!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#dfeae4)!important;color:#1c6a4d!important;box-shadow:var(--p3-sm)!important}
html body #memberView .ux-analyze-manage-card .ux-manage-icon{background:linear-gradient(145deg,#faf6fc,#e8dbf0)!important;color:#784b99!important}
html body #memberView .ux-manage-copy strong{color:#213029!important;font-weight:850!important}
html body #memberView .ux-manage-copy small{color:#78847e!important}

/* ===== INGREDIENTS + MENU ===== */
html body .ux-backbar button,
html body .ux-calculator-header button{border:1px solid #d0ddd6!important;background:linear-gradient(145deg,#fff,#eaf2ee)!important;color:#215f47!important;box-shadow:var(--p3-md)!important}
html body #view-ingredients .ingredient-tab-actions,
html body #view-ingredients .ita-tabs,
html body #view-menu .menu-tab-actions{border:1px solid #d1ded7!important;border-radius:20px!important;background:linear-gradient(145deg,#f9fbfa,#e7efeb)!important;box-shadow:var(--p3-md)!important}
html body #view-ingredients .ita-tabs button.active,
html body #view-ingredients .ingredient-tab-actions button.active{background:linear-gradient(145deg,#4d70cd,#3154b6)!important;color:#fff!important;box-shadow:0 9px 18px rgba(49,84,182,.23),inset 0 1px 0 rgba(255,255,255,.25)!important}
html body #view-ingredients>.filters,
html body #view-menu>.filters{gap:9px!important}
html body #view-ingredients>.filters input,
html body #view-ingredients>.filters select,
html body #view-menu>.filters input,
html body #view-menu>.filters select{border-radius:15px!important;box-shadow:inset 0 2px 5px rgba(18,47,32,.055),0 4px 10px rgba(18,47,32,.045)!important}
html body #ingredientList.ib-table-list,
html body #menuList.menu-table-list{border:1px solid #cfddd5!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#eff4f1)!important;box-shadow:var(--p3-xl)!important;overflow:hidden!important}
html body .ib-table-count,
html body .menu-table-count{background:linear-gradient(180deg,#eef5f1,#fff)!important}
html body .ib-table-head,
html body .menu-table-head{background:linear-gradient(180deg,#eaf2ee,#f8faf9)!important;border-color:#d7e2dc!important}
html body #ingredientList .ib-table-row,
html body #menuList .menu-table-row{background:rgba(255,255,255,.88)!important;border-color:#e1e8e4!important}
html body #ingredientList .ib-table-row:active,
html body #menuList .menu-table-row:active{background:#edf5f1!important;box-shadow:var(--p3-inset)!important}
html body .menu-sort-wrap .menu-sort-btn{border-color:#d0ddd6!important;background:linear-gradient(145deg,#fff,#eaf2ee)!important;color:#1f684c!important;box-shadow:var(--p3-sm)!important}
html body .menu-sort-menu{border-color:#d1ded7!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#edf3f0)!important;box-shadow:var(--p3-lg)!important}

/* ===== PREPARED RECIPES ===== */
html body #view-ingredients #batchRecipeList.prv2-list{gap:12px!important}
html body #view-ingredients .prv2-card{border:1px solid #d1ded7!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#eef4f1)!important;box-shadow:var(--p3-lg)!important}
html body #view-ingredients .prv2-card-summary{background:transparent!important}
html body #view-ingredients .prv2-card-metrics{border-color:#d5e1da!important;background:linear-gradient(145deg,#f7faf8,#eaf1ed)!important;box-shadow:inset 0 2px 5px rgba(18,47,32,.045),inset 0 1px 0 #fff!important}
html body #view-ingredients .prv2-card-details{border-color:#dfe7e2!important;background:rgba(250,252,251,.72)!important}
html body #view-ingredients .prv2-card-ingredient{border-color:#d8e2dd!important;background:linear-gradient(145deg,#fff,#f2f6f4)!important;box-shadow:var(--p3-sm)!important}
html body .prv2-dialog .modal-card,
html body .prv2-picker-dialog .modal-card{border-color:#cfdcd5!important;background:linear-gradient(155deg,#fff,#edf3f0)!important;box-shadow:0 30px 64px rgba(14,43,27,.24),inset 0 1px 0 #fff!important}
html body .prv2-row,
html body .prv2-yield-card,
html body .prv2-summary>div{border-color:#d4dfd9!important;background:linear-gradient(145deg,#fff,#eef4f1)!important;box-shadow:var(--p3-sm)!important}
html body .prv2-ingredient-trigger{border-color:#d1ded7!important;background:linear-gradient(145deg,#fff,#edf3f0)!important;box-shadow:var(--p3-sm)!important}
html body .prv2-category-grid button{border-color:#d2ded7!important;background:linear-gradient(145deg,#fff,#edf3f0)!important;box-shadow:var(--p3-sm)!important;color:#65736b!important}
html body .prv2-category-grid button.active{background:linear-gradient(145deg,#e7f4ed,#d3e8dd)!important;border-color:#9ec2b0!important;color:#1c694d!important;box-shadow:0 7px 14px rgba(20,91,64,.13),inset 0 1px 0 #fff!important}
html body .prv2-pick-row{background:linear-gradient(145deg,#fff,#f0f5f2)!important;box-shadow:0 4px 10px rgba(18,47,32,.05)!important}

/* ===== ANALYZE ===== */
html body #view-pricing .pd-hero{border:1px solid #164d39!important;border-radius:27px!important;background:linear-gradient(145deg,#267858 0%,#134c37 62%,#0e392b 100%)!important;box-shadow:0 24px 48px rgba(14,66,45,.24),inset 0 1px 0 rgba(255,255,255,.20)!important}
html body #view-pricing .pd-selector-wrap{border:1px solid rgba(207,222,214,.88)!important;background:linear-gradient(145deg,#fff,#edf4f0)!important;box-shadow:0 15px 30px rgba(5,35,22,.18),inset 0 1px 0 #fff!important}
html body #view-pricing .pd-status-card,
html body #view-pricing .pd-direct-card,
html body #view-pricing .pd-recipe-card{border-color:#d0ddd6!important;background:linear-gradient(145deg,#fff,#eef4f1)!important;box-shadow:var(--p3-lg)!important}
html body #view-pricing .pd-summary-grid .metric{border-color:#d2dfd8!important;background:linear-gradient(145deg,#fff,#eef4f1)!important;box-shadow:var(--p3-md)!important}
html body #view-pricing .pbc-card,
html body #view-pricing #mpfCard{border:1px solid #d0ddd6!important;background:linear-gradient(145deg,#fff,#edf4f0)!important;box-shadow:var(--p3-lg)!important}
html body #view-pricing .pbc-grid article,
html body #view-pricing .pbc-rate,
html body #view-pricing .pbc-shared{border-color:#d5e1da!important;background:linear-gradient(145deg,#fff,#f0f5f2)!important;box-shadow:var(--p3-sm)!important}
html body #view-pricing .pbc-grid .pbc-highlight,
html body #view-pricing #mpfCard .mpf-positive{background:linear-gradient(145deg,#effaf4,#dcefe5)!important;border-color:#bcdaca!important;box-shadow:0 11px 22px rgba(20,101,71,.13),inset 0 1px 0 #fff!important}

/* ===== BUSINESS COSTS ===== */
html body #view-business-costs.bc-page-v2 .bc-page-card-v2{border:1px solid #cfddd5!important;border-radius:23px!important;background:linear-gradient(145deg,#fff,#edf4f0)!important;box-shadow:var(--p3-xl)!important}
html body #view-business-costs .bc-cost-row{border-color:#d3dfd8!important;border-radius:19px!important;background:linear-gradient(145deg,#fff,#f0f5f2)!important;box-shadow:var(--p3-md)!important}
html body #view-business-costs .bc-cost-actions .secondary{border-color:#d2ded7!important;background:linear-gradient(145deg,#fff,#eaf2ee)!important;box-shadow:var(--p3-sm)!important}
html body .bc-cost-dialog .modal-card{border-color:#cfddd5!important;background:linear-gradient(155deg,#fff,#edf3f0)!important;box-shadow:0 30px 64px rgba(14,43,27,.24)!important}

/* ===== SETTLEMENT ===== */
html body .sc-settlement .sc-card{border:1px solid #d0ddd6!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#eef4f1)!important;box-shadow:var(--p3-lg)!important}
html body .sc-settlement .sc-hero{background:linear-gradient(145deg,#e4f3eb,#f7fbf9)!important;border-color:#bdd7c9!important;box-shadow:0 15px 30px rgba(20,91,64,.13),inset 0 1px 0 #fff!important}
html body .sc-settlement .sc-month-control>button,
html body .sc-settlement .sc-month-control>div{border-color:#d1ded7!important;background:linear-gradient(145deg,#fff,#eaf2ee)!important;box-shadow:var(--p3-sm)!important}
html body .sc-settlement .sc-field input,
html body .sc-settlement .sc-output-box{border-color:#d4dfd9!important;background:linear-gradient(180deg,#f9fbfa,#fff)!important;box-shadow:inset 0 2px 5px rgba(18,47,32,.055),inset 0 1px 0 #fff!important}
html body .sc-settlement .sc-mini-card,
html body .sc-settlement .sc-voucher{border-color:#d3dfd8!important;box-shadow:var(--p3-md)!important}
html body .sc-settlement .sc-summary-row{border-color:#d4dfd9!important;background:linear-gradient(145deg,#fff,#eef4f1)!important;box-shadow:var(--p3-sm)!important}
html body .sc-settlement .sc-summary-row.sc-net{background:linear-gradient(145deg,#effaf4,#dcefe5)!important;border-color:#bddaca!important}
html body .sc-settlement .sc-save-bar{border-color:#c8d9d0!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(231,240,235,.97))!important;box-shadow:0 18px 36px rgba(15,55,35,.18),inset 0 1px 0 #fff!important}
html body .sc-settlement .sc-save-bar button{background:linear-gradient(145deg,#2b815e,#15583f)!important;box-shadow:0 9px 18px rgba(20,88,62,.24),inset 0 1px 0 rgba(255,255,255,.23)!important}

/* ===== SETTINGS DRAWER ===== */
html body #view-settings.ns3-settings-drawer{background:radial-gradient(circle at 10% 0%,rgba(46,124,89,.12),transparent 28%),linear-gradient(165deg,#f9fbfa,#edf3ef)!important;box-shadow:-26px 0 58px rgba(14,43,27,.22)!important}
html body #view-settings.ns3-settings-drawer .ns2-drawer-header{background:rgba(247,250,248,.96)!important;border-color:#d2ded7!important;box-shadow:0 7px 18px rgba(17,48,33,.07)!important}
html body #view-settings.ns3-settings-drawer .ns2-drawer-icon{border-color:#d0ddd6!important;border-radius:14px!important;background:linear-gradient(145deg,#fff,#eaf2ee)!important;color:#1d674b!important;box-shadow:var(--p3-sm)!important}
html body #view-settings.ns3-settings-drawer .accordion-card{border:1px solid #d0ddd6!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#eef4f1)!important;box-shadow:var(--p3-lg)!important;overflow:hidden!important}
html body #view-settings.ns3-settings-drawer .accordion-card summary{background:linear-gradient(145deg,#fff,#f0f5f2)!important;color:#233229!important;font-weight:850!important}
html body #view-settings.ns3-settings-drawer .accordion-card[open] summary{border-bottom:1px solid #dbe5df!important;box-shadow:0 5px 12px rgba(17,48,33,.05)!important}
html body #view-settings.ns3-settings-drawer .accordion-body{background:rgba(250,252,251,.72)!important}
html body #view-settings.ns3-settings-drawer .ns2-signout-card button{border:1px solid #ead1ce!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#f8eeec)!important;color:#b42318!important;box-shadow:var(--p3-md)!important}
/* Fix the oversized brand mark permanently. */
html body #view-settings.ns3-settings-drawer #ns3BrandFooter{
  width:100%!important;max-width:360px!important;margin:22px auto 4px!important;padding:13px 14px!important;
  display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:2px!important;align-items:center!important;
  border:1px solid #d2ded7!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#edf4f0)!important;box-shadow:var(--p3-md)!important;text-align:left!important;
}
html body #view-settings.ns3-settings-drawer #ns3BrandFooter img{grid-column:1!important;grid-row:1/3!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;object-fit:cover!important;border-radius:14px!important;margin:0!important;display:block!important;box-shadow:0 7px 15px rgba(16,45,29,.16)!important}
html body #view-settings.ns3-settings-drawer #ns3BrandFooter strong{grid-column:2!important;grid-row:1!important;display:block!important;margin:0!important;color:#213028!important;font-size:.88rem!important;line-height:1.15!important;font-weight:850!important;white-space:normal!important}
html body #view-settings.ns3-settings-drawer #ns3BrandFooter span{grid-column:2!important;grid-row:2!important;display:block!important;margin:0!important;color:#7b8781!important;font-size:.75rem!important;line-height:1.2!important;white-space:normal!important}

/* ===== MODALS / ADD / EDIT ===== */
html body .modal::backdrop{background:rgba(13,30,20,.38)!important;backdrop-filter:blur(3px)!important}
html body .modal .modal-card{border:1px solid #cfddd5!important;border-radius:23px!important;background:linear-gradient(155deg,#fff,#edf3f0)!important;box-shadow:0 30px 64px rgba(14,43,27,.25),inset 0 1px 0 #fff!important}
html body .modal .segmented,
html body .modal .dialog-tabs{border:1px solid #d4dfd9!important;background:linear-gradient(145deg,#e8efeb,#f4f7f5)!important;box-shadow:var(--p3-inset)!important}
html body .modal .seg.active,
html body .modal .dialog-tab.active{background:linear-gradient(145deg,#fff,#eef4f1)!important;color:#174f39!important;box-shadow:var(--p3-md)!important}
html body .modal input,
html body .modal select,
html body .modal textarea{border-color:#d3dfd8!important;background:linear-gradient(180deg,#f9fbfa,#fff)!important;box-shadow:inset 0 2px 5px rgba(18,47,32,.055),inset 0 1px 0 #fff!important}
html body .modal button.primary{background:linear-gradient(145deg,#2b815e,#15583f)!important;border-color:#14563e!important;box-shadow:0 10px 20px rgba(20,88,62,.23),inset 0 1px 0 rgba(255,255,255,.25)!important}
html body .modal button.secondary{border-color:#d0ddd6!important;background:linear-gradient(145deg,#fff,#eaf2ee)!important;color:#2c5f49!important;box-shadow:var(--p3-sm)!important}

/* ===== FLOATING BOTTOM NAV ===== */
html body #memberView .ns2-bottom-nav{left:12px!important;right:12px!important;bottom:9px!important;border:1px solid rgba(203,218,210,.97)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,243,239,.98))!important;box-shadow:0 24px 45px rgba(14,43,27,.20),0 7px 15px rgba(14,43,27,.09),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(91,125,107,.13)!important;padding:7px!important;backdrop-filter:blur(18px)!important}
html body #memberView .ns2-bottom-nav .tab{min-height:57px!important;border-radius:18px!important;color:#6f7d75!important}
html body #memberView .ns2-bottom-nav .tab.active:not(#buildMainTab){background:linear-gradient(145deg,#eef7f2,#dbece3)!important;color:#176247!important;box-shadow:0 7px 15px rgba(20,91,64,.11),inset 0 1px 0 #fff!important}
html body #memberView .ns2-bottom-nav #buildMainTab>span{width:56px!important;height:56px!important;border-radius:19px!important;background:linear-gradient(145deg,#2e8562,#104d38)!important;border-color:#0f4935!important;color:#fff!important;box-shadow:0 13px 25px rgba(15,78,56,.31),inset 0 1px 0 rgba(255,255,255,.27),inset 0 -2px 2px rgba(4,43,29,.34)!important;transform:translateY(-7px)!important}

/* ===== BUILD POPOVER ===== */
html body .ns2-build-popover.ns3-three-options{background:transparent!important;box-shadow:none!important}
html body .ns2-build-popover.ns3-three-options button{border-color:#bdd4c8!important;background:linear-gradient(145deg,#edf7f1,#d5e8dd)!important;color:#214d39!important;box-shadow:0 11px 22px rgba(16,63,38,.15),inset 0 1px 0 #fff!important}

@media(max-width:520px){
  html body .ns2-topbar{padding-left:4px!important;padding-right:0!important}
  html body #view-item-profitability .ipf-picker-card{border-radius:23px!important}
  html body #view-item-profitability .ipf-search-trigger{min-height:62px!important}
  html body #view-item-profitability .ipf-metric{min-height:80px!important;padding:9px!important}
  html body #memberView .ux-manage-card{border-radius:21px!important}
  html body #view-settings.ns3-settings-drawer #ns3BrandFooter{grid-template-columns:44px minmax(0,1fr)!important;padding:11px 12px!important}
  html body #view-settings.ns3-settings-drawer #ns3BrandFooter img{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;border-radius:13px!important}
  html body #memberView .ns2-bottom-nav{left:9px!important;right:9px!important;bottom:8px!important;border-radius:24px!important}
}
@media(prefers-reduced-motion:reduce){html body *{transition:none!important}}