/* DAYO ERP R4 final visual closure. Scope: #dashboard and the shared left navigation. */
@media (min-width:769px){
  body.dayo-r4-home-nav-final .sidebar{width:220px!important;background:#f8fbff!important;border-right:1px solid #dceafa!important;color:#17315c!important;box-shadow:none!important;overflow:hidden!important}
  body.dayo-r4-home-nav-final .sidebar .final-logo-wrap{height:68px!important;min-height:68px!important;margin:0!important;padding:0 25px!important;display:flex!important;align-items:center!important;border:0!important;border-bottom:1px solid #dceafa!important;background:#fff!important}
  body.dayo-r4-home-nav-final .final-wordmark{display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-style:normal;letter-spacing:-.6px}
  body.dayo-r4-home-nav-final .final-wordmark b{color:#1676ef;font-size:29px;line-height:1;font-weight:850}
  body.dayo-r4-home-nav-final .final-wordmark em{color:#111d52;font-size:27px;line-height:1;font-weight:650;font-style:normal}
  body.dayo-r4-home-nav-final .sidebar #nav{height:calc(100vh - 68px)!important;padding:7px 10px 14px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#a9d9f2 transparent}
  body.dayo-r4-home-nav-final .sidebar-footer{display:none!important}
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav>button.nav-tier-one,
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-business>button.nav-tier-one{box-sizing:border-box!important;width:100%!important;height:42px!important;min-height:42px!important;margin:1px 0!important;padding:0 11px!important;display:grid;grid-template-columns:24px minmax(0,1fr) 14px!important;align-items:center!important;gap:8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#172a53!important;font-size:15px!important;font-weight:760!important;text-align:left!important;box-shadow:none!important}
  body.dayo-r4-home-nav-final #nav>button.nav-tier-one:hover,
  body.dayo-r4-home-nav-final #nav .nav-business>button.nav-tier-one:hover{background:#eff7ff!important;color:#0877f9!important}
  body.dayo-r4-home-nav-final #nav>button.nav-tier-one.active,
  body.dayo-r4-home-nav-final #nav .nav-business>button.nav-tier-one.active-branch{position:relative;background:#e8f4ff!important;color:#0877f9!important;border:0!important}
  body.dayo-r4-home-nav-final #nav>button.nav-tier-one.active:before{content:"";position:absolute;left:-10px;top:5px;bottom:5px;width:4px;border-radius:0 3px 3px 0;background:#0877f9}
  body.dayo-r4-home-nav-final #nav .nav-tier-one>.nav-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center;color:#1b75dc!important;filter:none!important}
  body.dayo-r4-home-nav-final #nav .nav-tier-one>.nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  body.dayo-r4-home-nav-final #nav .nav-tier-one>b{font-size:12px!important;color:#55739a!important;transition:transform .16s ease}
  body.dayo-r4-home-nav-final #nav .nav-business:not(.open)>.nav-business-toggle>b{transform:rotate(-90deg)}
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-business-menu{margin:1px 0 7px 25px!important;padding:1px 0 1px 10px!important;border-left:1px solid #bddaf5!important;background:transparent!important}
  body.dayo-r4-home-nav-final #nav .nav-business:not(.open)>.nav-business-menu{display:none!important}
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-business-menu>.nav-group>.nav-group-toggle,
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-business-menu>.nav-subgroup>.nav-subgroup-toggle,
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-business-menu>button[data-page]{box-sizing:border-box!important;width:100%!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 8px!important;display:flex;align-items:center!important;gap:8px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#49658a!important;font-size:13px!important;font-weight:550!important;text-align:left!important;box-shadow:none!important}
  body.dayo-r4-home-nav-final #nav .nav-business-menu>.nav-group>.nav-group-toggle,
  body.dayo-r4-home-nav-final #nav .nav-business-menu>.nav-subgroup>.nav-subgroup-toggle{font-weight:650!important}
  body.dayo-r4-home-nav-final #nav .nav-business-menu button:hover{background:#edf6ff!important;color:#0877f9!important}
  body.dayo-r4-home-nav-final #nav .nav-business-menu button[data-page].active{position:relative;background:#e8f4ff!important;color:#0877f9!important;font-weight:700!important}
  body.dayo-r4-home-nav-final #nav .nav-business-menu button[data-page].active:before{content:"";position:absolute;left:-11px;top:6px;bottom:6px;width:3px;border-radius:3px;background:#0877f9}
  body.dayo-r4-home-nav-final #nav .nav-business-menu .nav-icon{width:18px!important;height:18px!important;display:grid!important;place-items:center;color:#0877f9!important;filter:none!important}
  body.dayo-r4-home-nav-final #nav .nav-business-menu .nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  body.dayo-r4-home-nav-final #nav .nav-submenu,
  body.dayo-r4-home-nav-final #nav .nav-subgroup-menu{margin:0!important;padding:0 0 3px 13px!important;background:transparent!important;border-left:1px solid #e0ebf7!important}
  body.dayo-r4-home-nav-final #nav .nav-group:not(.open)>.nav-submenu,
  body.dayo-r4-home-nav-final #nav .nav-subgroup:not(.open)>.nav-subgroup-menu{display:none!important}
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-submenu>button[data-page],
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-subgroup-menu>button[data-page]{height:31px!important;min-height:31px!important;padding:0 8px!important;font-size:12px!important;color:#607898!important}
  body.dayo-r4-home-nav-final #dashboard.final-homepage.page.active{box-sizing:border-box!important;height:calc(100vh - 92px)!important;max-height:calc(100vh - 92px)!important;padding:0 24px 22px!important;overflow-y:auto!important;overflow-x:hidden!important;background:radial-gradient(circle at 50% -10%,#e9f6ff 0,rgba(233,246,255,0) 35%),#f4f9fd!important;scrollbar-gutter:stable}
  body.dayo-r4-home-nav-final #dashboard .final-home-head{position:sticky;top:0;z-index:20;min-height:72px;margin:0 -4px 12px;padding:18px 4px 10px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(#f4f9fd 0%,rgba(244,249,253,.98) 84%,rgba(244,249,253,0) 100%)}
  body.dayo-r4-home-nav-final #dashboard .final-home-head h2{margin:0;color:#0c1747;font-size:29px;line-height:36px;font-weight:800;letter-spacing:-.5px}
  body.dayo-r4-home-nav-final #dashboard .dayo-home-actions{display:flex;align-items:flex-end;gap:12px}
  body.dayo-r4-home-nav-final #dashboard .dayo-home-actions label{display:grid;gap:5px;color:#485f82;font-size:12px;font-weight:650}
  body.dayo-r4-home-nav-final #dashboard .dayo-home-actions select{width:124px;height:40px;padding:0 13px;border:1px solid #d8e6f5;border-radius:7px;background:#fff;color:#152452;font-size:13px}
  body.dayo-r4-home-nav-final #dashboard .dayo-home-actions button{height:40px;padding:0 18px;border:1px solid #d8e6f5!important;border-radius:7px!important;background:#fff!important;color:#345e91!important;font-size:13px!important}
  body.dayo-r4-home-nav-final #dashboard .final-home-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
  body.dayo-r4-home-nav-final #dashboard .final-kpi{--tone:#1677ff;--soft:#e8f4ff;position:relative;box-sizing:border-box;min-width:0;height:124px;padding:19px 14px 15px 85px;overflow:hidden;border:1px solid #dce9f6;border-radius:9px;background:#fff;color:#152452;text-align:left;box-shadow:0 5px 18px rgba(65,104,150,.045);cursor:pointer}
  body.dayo-r4-home-nav-final #dashboard .final-kpi.tone-orange{--tone:#ff7a00;--soft:#fff2e5}body.dayo-r4-home-nav-final #dashboard .final-kpi.tone-pink{--tone:#f52269;--soft:#ffedf3}body.dayo-r4-home-nav-final #dashboard .final-kpi.tone-green{--tone:#10b981;--soft:#e9fbf5}
  body.dayo-r4-home-nav-final #dashboard .final-home-icon{position:absolute;left:14px;top:16px;z-index:2;width:56px;height:56px;display:grid;place-items:center;border-radius:10px;background:var(--soft);color:var(--tone)}
  body.dayo-r4-home-nav-final #dashboard .final-home-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  body.dayo-r4-home-nav-final #dashboard .final-kpi>span{position:relative;z-index:2;display:block;color:#23385d;font-size:13px;font-weight:700;white-space:nowrap}
  body.dayo-r4-home-nav-final #dashboard .final-kpi>strong{position:relative;z-index:2;display:block;margin:8px 0 5px;color:#0d1749;font-size:22px;line-height:25px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.dayo-r4-home-nav-final #dashboard .final-kpi>small{position:relative;z-index:2;display:block;color:#6682a6;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.dayo-r4-home-nav-final #dashboard .final-kpi-wave{position:absolute;right:-8px;bottom:-28px;width:120px;height:69px;border-radius:50% 42% 0 0;background:linear-gradient(145deg,transparent 0 25%,color-mix(in srgb,var(--tone) 25%,white) 26% 43%,color-mix(in srgb,var(--tone) 9%,white) 44% 100%);transform:rotate(-8deg)}
  body.dayo-r4-home-nav-final #dashboard .final-business-grid{display:grid;grid-template-columns:1.15fr 1.1fr 1fr;gap:12px;margin-bottom:12px}
  body.dayo-r4-home-nav-final #dashboard .final-business-card{min-width:0;height:440px;overflow:hidden;border:1px solid #dce9f6;border-radius:9px;background:#fff;box-shadow:0 5px 18px rgba(65,104,150,.04)}
  body.dayo-r4-home-nav-final #dashboard .final-business-card>header{height:55px;padding:0 17px;display:flex;align-items:center;border-bottom:1px solid #e3edf7;background:#fff}
  body.dayo-r4-home-nav-final #dashboard .final-business-card h3{margin:0;color:#0d1749;font-size:22px;line-height:1;font-weight:780}
  body.dayo-r4-home-nav-final #dashboard .final-module-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px 12px}
  body.dayo-r4-home-nav-final #dashboard .foreign .final-module-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.dayo-r4-home-nav-final #dashboard .company .final-module-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.dayo-r4-home-nav-final #dashboard .final-module-strip button{min-width:0;height:108px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #e1ebf5;border-radius:7px;background:#fff;color:#334b6d;cursor:pointer}
  body.dayo-r4-home-nav-final #dashboard .final-module-icon{width:46px;height:42px;display:grid;place-items:center;border-radius:7px;background:#eaf5ff;color:#0877f9}
  body.dayo-r4-home-nav-final #dashboard .final-module-strip button:nth-child(2) .final-module-icon{background:#f2eaff;color:#7f22e8}body.dayo-r4-home-nav-final #dashboard .final-module-strip button:nth-child(3) .final-module-icon{background:#e9fbf5;color:#10b981}body.dayo-r4-home-nav-final #dashboard .final-module-strip button:nth-child(4) .final-module-icon{background:#fff1e5;color:#ff7a00}
  body.dayo-r4-home-nav-final #dashboard .final-module-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  body.dayo-r4-home-nav-final #dashboard .final-module-strip span{max-width:100%;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.dayo-r4-home-nav-final #dashboard .final-module-strip b{color:#0e1949;font-size:18px;line-height:20px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  body.dayo-r4-home-nav-final #dashboard .final-business-table{margin:0 12px;border-top:1px solid #e5eef7;overflow:hidden}
  body.dayo-r4-home-nav-final #dashboard .final-business-table table{width:100%;border-collapse:collapse;table-layout:fixed}
  body.dayo-r4-home-nav-final #dashboard .final-business-table th{height:36px;padding:0 7px;background:#f4f9fd;color:#365174;font-size:11px;text-align:left;white-space:nowrap}
  body.dayo-r4-home-nav-final #dashboard .final-business-table td{height:43px;padding:0 7px;border-bottom:1px solid #e8eff7;color:#456487;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.dayo-r4-home-nav-final #dashboard .final-business-table td:first-child{color:#14254f;font-weight:650}
  body.dayo-r4-home-nav-final #dashboard .final-business-table th:nth-child(1){width:24%}body.dayo-r4-home-nav-final #dashboard .final-business-table th:nth-child(2){width:38%}body.dayo-r4-home-nav-final #dashboard .final-business-table th:nth-child(3){width:20%}body.dayo-r4-home-nav-final #dashboard .final-business-table th:nth-child(4){width:18%;text-align:right}
  body.dayo-r4-home-nav-final #dashboard .final-business-table td:last-child{text-align:right}
  body.dayo-r4-home-nav-final #dashboard .final-business-table .badge{display:inline-flex;align-items:center;justify-content:center;min-width:53px;height:26px;padding:0 8px;border-radius:14px;font-size:11px}
  body.dayo-r4-home-nav-final #dashboard .final-business-table .text-link{padding:0;border:0;background:transparent;color:#0877f9;font-size:11px;cursor:pointer}
  body.dayo-r4-home-nav-final #dashboard .final-home-bottom{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;padding-bottom:8px}
  body.dayo-r4-home-nav-final #dashboard .final-bottom-card{min-width:0;min-height:190px;overflow:hidden;border:1px solid #dce9f6;border-radius:9px;background:#fff;box-shadow:0 5px 18px rgba(65,104,150,.04)}
  body.dayo-r4-home-nav-final #dashboard .final-bottom-card>header{height:50px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3edf7}
  body.dayo-r4-home-nav-final #dashboard .final-bottom-card h3{margin:0;color:#0d1749;font-size:21px;font-weight:780}
  body.dayo-r4-home-nav-final #dashboard .final-bottom-card header button{border:0;background:transparent;color:#0877f9;font-size:12px;cursor:pointer}
  body.dayo-r4-home-nav-final #dashboard .dayo-todo-list{padding:0 16px!important;display:block!important}
  body.dayo-r4-home-nav-final #dashboard .dayo-todo-list button{box-sizing:border-box;width:100%;min-height:36px!important;padding:0 5px!important;display:flex;align-items:center;justify-content:space-between;border:0!important;border-bottom:1px solid #e8eff7!important;border-radius:0!important;background:#fff!important;color:#456487;font-size:12px;cursor:pointer}
  body.dayo-r4-home-nav-final #dashboard .dayo-todo-list button span{display:flex;align-items:center;gap:10px}body.dayo-r4-home-nav-final #dashboard .dayo-todo-list button i{width:8px;height:8px;border-radius:2px;background:#ff7a00}body.dayo-r4-home-nav-final #dashboard .dayo-todo-list button:nth-child(2) i{background:#f52269}body.dayo-r4-home-nav-final #dashboard .dayo-todo-list button:nth-child(3) i{background:#7f22e8}body.dayo-r4-home-nav-final #dashboard .dayo-todo-list button:nth-child(4) i{background:#10b981}
  body.dayo-r4-home-nav-final #dashboard .dayo-todo-list button b{min-width:28px;padding:3px 7px;border-radius:12px;background:#eef6ff;color:#0877f9;text-align:center}
  body.dayo-r4-home-nav-final #dashboard .role-empty{padding:45px 16px;text-align:center;color:#8da0b5;font-size:12px}
  body.dayo-r4-home-nav-final #dashboard .final-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 16px}
  body.dayo-r4-home-nav-final #dashboard .final-quick-actions button{height:58px;display:flex;align-items:center;gap:11px;padding:0 14px;border:0;border-radius:8px;background:#eaf5ff;color:#0877f9;font-size:12px;font-weight:700;cursor:pointer;text-align:left}
  body.dayo-r4-home-nav-final #dashboard .final-quick-actions button:nth-child(2){background:#fff2e6;color:#ff7000}body.dayo-r4-home-nav-final #dashboard .final-quick-actions button:nth-child(3){background:#f3ebff;color:#7f22e8}body.dayo-r4-home-nav-final #dashboard .final-quick-actions button:nth-child(4){background:#e9fbf5;color:#10a978}
  body.dayo-r4-home-nav-final #dashboard .final-quick-icon{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto}body.dayo-r4-home-nav-final #dashboard .final-quick-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  body.dayo-r4-home-nav-final #dashboard .final-home-data{display:none!important}
  @media (max-width:1350px){
    body.dayo-r4-home-nav-final #dashboard.final-homepage.page.active{padding-left:18px!important;padding-right:18px!important}
    body.dayo-r4-home-nav-final #dashboard .final-kpi{height:116px;padding-left:70px;padding-right:9px}body.dayo-r4-home-nav-final #dashboard .final-home-icon{left:11px;width:48px;height:48px}body.dayo-r4-home-nav-final #dashboard .final-kpi>strong{font-size:19px}
    body.dayo-r4-home-nav-final #dashboard .final-business-grid{grid-template-columns:1.1fr 1.05fr 1fr;gap:9px}body.dayo-r4-home-nav-final #dashboard .final-business-card{height:425px}body.dayo-r4-home-nav-final #dashboard .final-business-card h3{font-size:19px}body.dayo-r4-home-nav-final #dashboard .final-module-strip{gap:5px;padding:9px 8px}body.dayo-r4-home-nav-final #dashboard .final-business-table{margin:0 8px}body.dayo-r4-home-nav-final #dashboard .final-business-table :is(th,td){padding-left:4px;padding-right:4px;font-size:10px}
  }
}

@media (max-width:768px){
  body.dayo-r4-home-nav-final .final-wordmark{font-size:0}body.dayo-r4-home-nav-final .final-wordmark b{font-size:24px}body.dayo-r4-home-nav-final .final-wordmark em{font-size:22px}
  body.dayo-r4-home-nav-final #dashboard.final-homepage{padding:12px!important;background:#f4f9fd!important}
  body.dayo-r4-home-nav-final #dashboard .final-home-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}body.dayo-r4-home-nav-final #dashboard .final-home-head h2{margin:0;font-size:22px}body.dayo-r4-home-nav-final #dashboard .dayo-home-actions{display:flex;gap:6px}body.dayo-r4-home-nav-final #dashboard .dayo-home-actions label span{display:none}body.dayo-r4-home-nav-final #dashboard .dayo-home-actions select{width:88px;height:36px}body.dayo-r4-home-nav-final #dashboard .dayo-home-actions button{height:36px;padding:0 9px}
  body.dayo-r4-home-nav-final #dashboard .final-home-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.dayo-r4-home-nav-final #dashboard .final-kpi{position:relative;min-width:0;height:116px;padding:14px 8px 10px 54px;overflow:hidden;border:1px solid #dce9f6;border-radius:9px;background:#fff;text-align:left}body.dayo-r4-home-nav-final #dashboard .final-home-icon{position:absolute;left:9px;top:13px;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#e8f4ff;color:#0877f9}body.dayo-r4-home-nav-final #dashboard .final-home-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}body.dayo-r4-home-nav-final #dashboard .final-kpi>span,body.dayo-r4-home-nav-final #dashboard .final-kpi>strong,body.dayo-r4-home-nav-final #dashboard .final-kpi>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dayo-r4-home-nav-final #dashboard .final-kpi>span{font-size:11px}body.dayo-r4-home-nav-final #dashboard .final-kpi>strong{margin:9px 0 6px;font-size:16px}body.dayo-r4-home-nav-final #dashboard .final-kpi>small{font-size:9px}
  body.dayo-r4-home-nav-final #dashboard .final-business-grid,body.dayo-r4-home-nav-final #dashboard .final-home-bottom{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}body.dayo-r4-home-nav-final #dashboard .final-business-card,body.dayo-r4-home-nav-final #dashboard .final-bottom-card{overflow:hidden;border:1px solid #dce9f6;border-radius:9px;background:#fff}body.dayo-r4-home-nav-final #dashboard .final-business-card>header,body.dayo-r4-home-nav-final #dashboard .final-bottom-card>header{padding:12px;border-bottom:1px solid #e3edf7}body.dayo-r4-home-nav-final #dashboard .final-business-card h3,body.dayo-r4-home-nav-final #dashboard .final-bottom-card h3{margin:0;font-size:17px}body.dayo-r4-home-nav-final #dashboard .final-module-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}body.dayo-r4-home-nav-final #dashboard .final-module-strip button{min-height:72px;border:1px solid #e1ebf5;border-radius:7px;background:#fff}body.dayo-r4-home-nav-final #dashboard .final-business-table{overflow:auto}body.dayo-r4-home-nav-final #dashboard .final-business-table table{min-width:520px}body.dayo-r4-home-nav-final #dashboard .final-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}
  body.dayo-r4-home-nav-final #dashboard .final-home-data{display:none!important}
}

/* Production Hotfix B1: one geometry system for every navigation level. */
@media (min-width:769px){
  body.dayo-r4-home-nav-final{
    --nav-level-1-x:11px;
    --nav-level-2-x:13px;
    --nav-level-3-x:17px;
    --nav-chevron-x:10px;
    --nav-row-height:42px;
    --nav-level-2-height:36px;
    --nav-level-3-height:32px;
  }
  body.dayo-r4-home-nav-final #nav>.nav-business{
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav>button.nav-tier-one,
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-business>button.nav-tier-one{
    position:relative!important;
    height:var(--nav-row-height)!important;
    min-height:var(--nav-row-height)!important;
    padding:0 var(--nav-level-1-x)!important;
    grid-template-columns:24px minmax(0,1fr) 16px!important;
    gap:8px!important;
    line-height:1!important;
  }
  body.dayo-r4-home-nav-final #nav>button.nav-tier-one:not(.nav-business-toggle)>b{visibility:hidden!important}
  body.dayo-r4-home-nav-final #nav .nav-tier-one>b{
    position:absolute!important;
    right:var(--nav-chevron-x)!important;
    top:50%!important;
    width:16px!important;
    margin:0!important;
    text-align:center!important;
    transform:translateY(-50%)!important;
    transform-origin:50% 50%!important;
  }
  body.dayo-r4-home-nav-final #nav .nav-business:not(.open)>.nav-business-toggle>b{transform:translateY(-50%) rotate(-90deg)!important}
  body.dayo-r4-home-nav-final #nav .nav-business.open>.nav-business-toggle>b{transform:translateY(-50%) rotate(0)!important}
  body.dayo-r4-home-nav-final #nav .nav-business>button.nav-tier-one.active-branch{
    background:transparent!important;
    color:#0877f9!important;
  }
  body.dayo-r4-home-nav-final #nav .nav-business>button.nav-tier-one.active-branch:before{display:none!important}
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-business-menu{
    margin:1px 0 7px 25px!important;
    padding:1px 0 1px 10px!important;
    border-left:1px solid #bddaf5!important;
  }
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-business-menu>.nav-group>.nav-group-toggle,
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-business-menu>.nav-subgroup>.nav-subgroup-toggle,
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-business-menu>button[data-page]{
    position:relative!important;
    height:var(--nav-level-2-height)!important;
    min-height:var(--nav-level-2-height)!important;
    padding:0 32px 0 var(--nav-level-2-x)!important;
    gap:0!important;
    line-height:1!important;
    font-size:13px!important;
    font-weight:560!important;
  }
  body.dayo-r4-home-nav-final #nav .nav-business-menu>.nav-group>.nav-group-toggle .nav-icon,
  body.dayo-r4-home-nav-final #nav .nav-business-menu>.nav-subgroup>.nav-subgroup-toggle .nav-icon,
  body.dayo-r4-home-nav-final #nav .nav-business-menu>button[data-page]>.nav-icon{display:none!important}
  body.dayo-r4-home-nav-final #nav .nav-group-toggle>b,
  body.dayo-r4-home-nav-final #nav .nav-subgroup-toggle>b{
    position:absolute!important;
    right:var(--nav-chevron-x)!important;
    top:50%!important;
    width:16px!important;
    margin:0!important;
    text-align:center!important;
    transform:translateY(-50%)!important;
    transform-origin:50% 50%!important;
    transition:transform .16s ease!important;
  }
  body.dayo-r4-home-nav-final #nav .nav-group:not(.open)>.nav-group-toggle>b,
  body.dayo-r4-home-nav-final #nav .nav-subgroup:not(.open)>.nav-subgroup-toggle>b{transform:translateY(-50%) rotate(-90deg)!important}
  body.dayo-r4-home-nav-final #nav .nav-group.open>.nav-group-toggle>b,
  body.dayo-r4-home-nav-final #nav .nav-subgroup.open>.nav-subgroup-toggle>b{transform:translateY(-50%) rotate(0)!important}
  body.dayo-r4-home-nav-final #nav :is(.nav-group,.nav-subgroup)>.nav-group-toggle.active-branch,
  body.dayo-r4-home-nav-final #nav :is(.nav-group,.nav-subgroup)>.nav-subgroup-toggle.active-branch{
    background:transparent!important;
    color:#0877f9!important;
  }
  body.dayo-r4-home-nav-final #nav .nav-submenu,
  body.dayo-r4-home-nav-final #nav .nav-subgroup-menu{
    margin:0!important;
    padding:0 0 3px 13px!important;
    border-left:1px solid #e0ebf7!important;
  }
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-submenu>button[data-page],
  html body.dayo-r4-home-nav-final:has(.main>.page.active) #nav .nav-subgroup-menu>button[data-page]{
    box-sizing:border-box!important;
    width:100%!important;
    height:var(--nav-level-3-height)!important;
    min-height:var(--nav-level-3-height)!important;
    margin:0!important;
    padding:0 32px 0 var(--nav-level-3-x)!important;
    display:flex;
    align-items:center!important;
    border:0!important;
    border-radius:6px!important;
    background:transparent!important;
    color:#607898!important;
    font-size:12px!important;
    line-height:1!important;
    text-align:left!important;
  }
  body.dayo-r4-home-nav-final #nav .nav-business-menu button[data-page].active{
    background:#e8f4ff!important;
    color:#0877f9!important;
    font-weight:700!important;
  }
}

/* The shared sidebar owns its appearance, including inside purchase workspaces.
   Important declarations in this layer override legacy page-local shell styles. */
@layer dayo-sidebar {
  @media (min-width: 769px) {
    body.dayo-r4-home-nav-final {
      --dayo-sidebar-width: 222px;
      --sidebar-text: #46618f;
      --sidebar-heading: #131d4e;
      --sidebar-active: #0672ff;
      --sidebar-highlight: #e0f1ff;
    }

    body.dayo-r4-home-nav-final .sidebar {
      box-sizing: border-box !important;
      width: var(--dayo-sidebar-width) !important;
      padding: 0 !important;
      background: linear-gradient(110deg, #f4fbff, #f7fcff) !important;
      border-right: 1px solid #dfedfa !important;
    }
    body.dayo-r4-home-nav-final .main {
      margin-left: var(--dayo-sidebar-width) !important;
      width: calc(100% - var(--dayo-sidebar-width)) !important;
    }
    body.dayo-r4-home-nav-final .sidebar .final-logo-wrap {
      box-sizing: border-box !important;
      height: 64px !important;
      min-height: 64px !important;
      padding: 0 24px !important;
      background: transparent !important;
      border-bottom: 0 !important;
    }
    body.dayo-r4-home-nav-final .sidebar .final-logo-wrap::after {
      content: none !important;
    }
    body.dayo-r4-home-nav-final #nav {
      height: calc(100dvh - 64px) !important;
      padding: 6px 12px 14px !important;
    }

    body.dayo-r4-home-nav-final #nav button {
      box-sizing: border-box !important;
      width: 100% !important;
      min-width: 0 !important;
      height: 32px !important;
      min-height: 32px !important;
      margin: 0 !important;
      padding: 0 30px 0 8px !important;
      border: 0 !important;
      border-radius: 7px !important;
      background: transparent !important;
      color: var(--sidebar-text) !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      line-height: 1 !important;
      box-shadow: none !important;
    }
    body.dayo-r4-home-nav-final #nav .nav-tier-one {
      height: 42px !important;
      min-height: 42px !important;
      padding: 0 11px !important;
      color: var(--sidebar-heading) !important;
      font-size: 16px !important;
      font-weight: 700 !important;
    }
    body.dayo-r4-home-nav-final #nav .nav-business-menu {
      margin: 1px 0 7px 28px !important;
      padding: 1px 0 1px 15px !important;
      border-left: 2px solid #d8eafd !important;
      background: transparent !important;
    }
    body.dayo-r4-home-nav-final #nav :is(.nav-submenu, .nav-subgroup-menu) {
      margin: 0 !important;
      padding: 0 0 3px 13px !important;
      border-left: 1px solid #e0ebf7 !important;
      background: transparent !important;
    }
    body.dayo-r4-home-nav-final #nav button:not(.nav-tier-one) > b {
      color: #55739a !important;
    }

    body.dayo-r4-home-nav-final #nav button:hover {
      background: #eff7ff !important;
      color: var(--sidebar-active) !important;
    }
    body.dayo-r4-home-nav-final #nav .nav-business-toggle.active-branch {
      background: #e9f5ff !important;
      color: var(--sidebar-active) !important;
    }
    body.dayo-r4-home-nav-final #nav button[data-page].active {
      position: relative !important;
      background: var(--sidebar-highlight) !important;
      color: var(--sidebar-active) !important;
      font-weight: 700 !important;
      box-shadow: inset 0 0 0 2px #0866cc !important;
    }
    body.dayo-r4-home-nav-final #nav button[data-page].active::before {
      content: "" !important;
      display: block !important;
      position: absolute;
      inset: 6px auto 6px -10px !important;
      width: 3px !important;
      border-radius: 3px;
      background: var(--sidebar-active) !important;
    }
    body.dayo-r4-home-nav-final #nav button:focus-visible {
      outline: 2px solid #0866cc;
      outline-offset: -2px;
    }
  }
}