/* Two-level navigation. Existing buttons and collection rows retain their handlers. */
#dn-nav.dn-reference-nav{padding:0;height:100dvh;background:#f3f6fb;color:#233a57;border-right:1px solid #dce4ef;overflow:hidden;container-type:normal}
#dn-nav.dn-reference-nav .dn-nav-top{flex:0 0 56px;flex-direction:row;height:56px;min-height:56px;box-sizing:border-box;gap:8px;margin:0;padding:0 18px;background:#f3f6fb;border-bottom:1px solid #dce4ef}
#dn-nav.dn-reference-nav .dn-brand{gap:9px;min-width:0;flex:1;height:auto;justify-content:flex-start}
#dn-nav.dn-reference-nav .dn-brand img{width:96px;max-width:96px;height:28px;filter:none;object-fit:contain}
#dn-nav.dn-reference-nav .dn-brand-product{display:inline;color:#0d1b3d;font-size:16px;font-weight:750;white-space:nowrap}
#dn-nav.dn-reference-nav #dn-inbox-toggle{display:grid;place-items:center;flex:none;box-sizing:border-box;width:28px;height:32px;padding:0;margin-left:auto;color:#0d1b3d}
#dn-nav.dn-reference-nav #dn-inbox-toggle svg{width:26px;height:26px;fill:none;stroke:currentColor}
#dn-nav.dn-reference-nav #dn-inbox-toggle:hover{background:#e4ebf6}
#dn-nav.dn-reference-nav .dn-envelope-dot{right:0;top:3px;border-color:#f3f6fb;background:#ff7b85}
.dn-nav-body{display:grid;grid-template-columns:68px minmax(0,1fr);flex:1;min-height:0}
.dn-nav-rail{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:0;overflow:auto;padding:8px 6px 14px;border-right:1px solid #26374f;background:#0a1429;scrollbar-width:none;isolation:isolate}
#dn-nav.dn-reference-nav .dn-nav-rail>.dn-nav-primary{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;gap:3px;width:56px;min-height:50px;height:50px;padding:6px 2px;box-sizing:border-box;border:0;border-radius:10px;background:transparent;color:#c3d1e3;font-size:11px;font-weight:500;line-height:15px}
#dn-nav.dn-reference-nav .dn-nav-rail>.dn-nav-primary .dn-nav-icon{display:flex;flex:0 0 20px;width:20px;height:20px;color:inherit}
#dn-nav.dn-reference-nav .dn-nav-rail .dn-nav-icon svg{width:20px;height:20px}
#dn-nav.dn-reference-nav .dn-nav-rail>.dn-nav-primary .dn-nav-text{display:block;max-width:56px;white-space:nowrap;font-size:11px;line-height:15px}
#dn-nav.dn-reference-nav .dn-nav-rail>.dn-nav-primary:hover{background:#243b58;color:#fff}
#dn-nav.dn-reference-nav .dn-nav-rail>.dn-nav-primary[aria-current]{background:#28476a;color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px #7199bd66}
#dn-nav.dn-reference-nav .dn-jinigram-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;gap:3px;width:56px;min-height:62px;margin:8px 0 0;padding:8px 0 0;border:0;border-radius:0;color:#c3d1e3;font-size:11px;line-height:15px;text-decoration:none;box-sizing:border-box}
#dn-nav.dn-reference-nav .dn-jinigram-link::before{position:absolute;top:0;left:50%;width:28px;border-top:1px solid #405471;content:"";transform:translateX(-50%)}
#dn-nav.dn-reference-nav .dn-jinigram-link>span:first-child{width:20px;height:20px;font-size:20px;line-height:20px;color:#dfa500}
#dn-nav.dn-reference-nav .dn-jinigram-link>span:last-child{margin:0;color:inherit;text-align:center;font-weight:500}
#dn-nav.dn-reference-nav .dn-jinigram-link:hover{background:#243b58;color:#fff}
.dn-nav-rail>.dipper{display:block;margin-top:auto;margin-bottom:22px;flex:none;width:44px;height:66px;opacity:1;pointer-events:none;filter:drop-shadow(0 0 3px #ffe7a080)}
.dn-nav-rail>.dipper line{stroke:#c8dafa;stroke-width:.9;stroke-dasharray:2 1.2}
.dn-nav-rail>.dipper circle{fill:#ffe48b;stroke:#fff2c4;stroke-width:.25}
#dn-nav.dn-reference-nav .dn-rail-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex:none;width:56px;min-height:48px;padding:4px;background:transparent;color:#c3d1e3;font-size:11px}
.dn-rail-more>span:first-child{font-size:18px;letter-spacing:1px;line-height:20px}

/* Navy Aurora stays behind the existing navigation and never receives pointer input. */
.dn-nav-rail::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.dn-nav-rail::before{background:radial-gradient(ellipse 150% 28% at 15% 24%,#305c9199,transparent 75%),radial-gradient(ellipse 160% 24% at 90% 65%,#235b7580,transparent 75%),radial-gradient(ellipse 140% 20% at 20% 94%,#33497770,transparent 75%);filter:blur(12px);transform-origin:center;animation:dn-rail-aurora 8s ease-in-out infinite}

.dn-nav-rail>*{position:relative;z-index:1}
#dn-nav.dn-reference-nav .dn-rail-more:hover{background:#243b58;color:#fff}
#dn-nav.dn-reference-nav .dn-nav-rail :is(button,a):focus-visible{outline:2px solid #b1d7f4;outline-offset:-2px}
@keyframes dn-rail-aurora{0%,100%{opacity:.55;transform:translateY(-2%) scaleY(1.04)}50%{opacity:.95;transform:translateY(2%) scaleY(1.1)}}
@media(prefers-reduced-motion:reduce){.dn-nav-rail::before{animation:none;opacity:.7;transform:none}}
#dn-nav-more{position:fixed;z-index:98;left:80px;bottom:82px;width:190px;padding:6px;border:1px solid #dce4ef;border-radius:9px;background:#fff;box-shadow:0 8px 28px #0d1b3d24}
#dn-nav-more[hidden]{display:none}
#dn-nav.dn-reference-nav #dn-nav-more .dn-nav-primary{display:flex;flex-direction:row;justify-content:flex-start;gap:9px;width:100%;min-height:38px;padding:8px;color:#233a57;font-size:13px}
#dn-nav.dn-reference-nav #dn-nav-more .dn-nav-primary:hover{background:#e8f3fb}
#dn-nav.dn-reference-nav #dn-nav-more .dn-nav-text{display:inline}
.dn-nav-panel{margin:0;padding:0;border:0;border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;min-height:0;background:#e8f3fb;color:#2b405b}
.dn-panel-heading{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:44px;padding:0 14px;gap:8px}
.dn-panel-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750}
#dn-panel-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
#dn-nav.dn-reference-nav #dn-nav-scroll{flex:1;min-height:0;margin:0;padding:0 8px 16px;background:#e8f3fb;overflow:auto}
#dn-nav.dn-reference-nav #dn-nav-scroll[hidden]{display:none}
#dn-nav.dn-reference-nav #dn-nav-scroll .dn-nav-heading{display:flex;margin:8px 0 2px}
#dn-nav.dn-reference-nav #dn-nav-scroll .dn-nav-heading button{display:flex;color:#7092b0;font-size:12px}
#dn-nav.dn-reference-nav #dn-nav-scroll .dn-nav-text{display:block}
#dn-nav.dn-reference-nav #dn-nav-scroll .dn-nav-item{justify-content:flex-start;min-height:33px;gap:8px;padding:6px 8px;color:#2b405b;font-size:13px;font-weight:500}
#dn-nav.dn-reference-nav #dn-nav-scroll .dn-project-icon{width:18px;height:18px;flex:0 0 18px}
#dn-nav.dn-reference-nav #dn-nav-scroll .dn-nav-empty{display:block;color:#7891ac;font-size:12px}
#dn-nav.dn-reference-nav #dn-nav-scroll .dn-favorite-toggle{display:block;color:#9aacc0!important}
.dn-panel-links{display:grid;align-content:start;gap:4px;padding:0 8px}
.dn-panel-links[hidden]{display:none}
#dn-nav.dn-reference-nav .dn-panel-links button{min-height:34px;padding:7px 8px;border-radius:7px;color:#2b405b;text-align:left;font-size:13px}
#dn-nav.dn-reference-nav .dn-panel-links button:hover{background:#d5e8f6}
#dn-customer-sidebar{padding:0 8px 16px}
.dn-panel-search{display:flex;align-items:center;height:32px;box-sizing:border-box;gap:6px;margin:0 1px 18px;padding:0 10px;border:1px solid #cfe2f5;border-radius:8px;background:#fff}
.dn-panel-search:focus-within{outline:2px solid #91b8e6;outline-offset:1px}
.dn-panel-search input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#2b405b;font:12px/20px var(--font-body,Arial,sans-serif)}
.dn-panel-search input::placeholder{color:#91a7c1}
.dn-panel-search kbd{padding:0 4px;border:1px solid #dce8f8;border-radius:3px;color:#91a7c1;font:11px/14px inherit}
.dn-sidebar-group{margin:0 0 17px}
#dn-nav.dn-reference-nav .dn-sidebar-group-heading{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:25px;padding:2px 8px;color:#7092b0;text-align:left;font-size:12px;font-weight:700}
.dn-sidebar-customer-row{display:flex;align-items:center;position:relative;min-width:0;border:1px solid transparent;border-radius:8px}
.dn-sidebar-customer-row:hover{background:#dcecf8}
.dn-sidebar-customer-row.is-selected{background:#fff;border-color:#cfe2f5}
#dn-nav.dn-reference-nav .dn-sidebar-customer{display:flex;align-items:center;flex:1;min-width:0;width:100%;min-height:32px;gap:9px;padding:5px 7px;color:#2b405b;text-align:left;font-size:13px;font-weight:400;line-height:20px}
#dn-nav.dn-reference-nav .dn-sidebar-customer .dn-nav-text{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dn-nav.dn-reference-nav .dn-sidebar-customer[aria-current]{background:transparent;color:#233a57;font-weight:650}
.dn-customer-initial{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:4px;background:#e0eaff;color:#4178c5;font-size:10px;font-weight:700}
.dn-customer-initial[data-color="1"]{background:#f9e3ed;color:#bd5b7d}.dn-customer-initial[data-color="2"]{background:#ddf2e8;color:#399d6c}.dn-customer-initial[data-color="3"]{background:#ffecd7;color:#cb8534}.dn-customer-initial[data-color="4"]{background:#ddf3f5;color:#4297a7}.dn-customer-initial[data-color="5"]{background:#ede5fe;color:#8a63cf}.dn-customer-initial[data-color="6"]{background:#eae8de;color:#9b8654}
#dn-nav.dn-reference-nav .dn-customer-pin{flex:none;width:24px;padding:3px;opacity:0;color:#8199b5;font-size:15px}
.dn-sidebar-customer-row:is(:hover,:focus-within) .dn-customer-pin{opacity:1!important}
#dn-nav.dn-reference-nav .dn-customer-pin[aria-pressed="true"]{color:#bc912e}
.dn-sidebar-owner summary{display:flex;justify-content:space-between;padding:7px 8px;color:#5d7c9d;font-size:12px;cursor:pointer}
.dn-sidebar-owner[open] summary{font-weight:700}
.dn-sidebar-empty,.dn-sidebar-error{padding:4px 8px;color:#7891ac;font-size:12px;line-height:1.6}
.dn-sidebar-error{color:#ad4149}
#dn-nav.dn-reference-nav .dn-sidebar-error button,#dn-nav.dn-reference-nav .dn-sidebar-load-more{display:block;padding:7px 8px;color:#416f9e;text-align:left;font-size:12px}
#dn-nav.dn-reference-nav .dn-profile-anchor{flex:none;margin:0;padding:0 12px;border-top:1px solid #dde5f0;background:#f3f6fb}
#dn-nav.dn-reference-nav .dn-profile-button{display:flex;justify-content:flex-start;gap:10px;min-height:72px;padding:10px 2px;background:transparent;color:#233a57}
#dn-nav.dn-reference-nav .dn-profile-button:hover,#dn-nav.dn-reference-nav .dn-profile-button[aria-expanded="true"]{background:#e6edf7}
#dn-nav.dn-reference-nav .dn-profile-avatar{flex:0 0 42px;width:42px;height:42px;border:1px solid #d5dfeb;background:#e4ebf5;color:#35557a}
#dn-nav.dn-reference-nav .dn-profile-button-info{display:grid;gap:2px;min-width:0}
#dn-nav.dn-reference-nav .dn-profile-button-name{display:block;color:#233a57;font-size:16px;line-height:20px}
#dn-nav.dn-reference-nav .dn-profile-button-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#62718a;font-size:12px!important;line-height:18px}
#dn-nav.dn-reference-nav .dn-profile-chevron{display:block;margin-left:auto;color:#8399b5}
#dn-nav.dn-reference-nav button:focus-visible,#dn-nav.dn-reference-nav a:focus-visible{outline:2px solid #5c91cc;outline-offset:-2px}

@media(min-width:1051px){#view-doitnow{--dn-sidebar-width:288px}}
@media(min-width:761px) and (max-width:1050px){.dn-shell{grid-template-columns:288px minmax(0,1fr)}.dn-shell:has(#dn-my-dashboard:not([hidden])):has(.dn-detail-empty){grid-template-columns:288px minmax(0,1fr)}.dn-detail:not(:has(.dn-detail-empty)){position:fixed;right:0;top:0;bottom:0;width:min(560px,calc(100vw - 288px));z-index:40}.dn-detail:has(.dn-detail-empty){display:none}}
@media(max-width:760px){#dn-nav.dn-reference-nav{position:relative;height:auto;min-height:56px;padding:0;overflow:visible}#dn-nav.dn-reference-nav .dn-nav-top{height:56px;min-height:56px;padding:0 14px}#dn-nav.dn-reference-nav #dn-mobile-menu{display:flex;color:#233a57}#dn-nav.dn-reference-nav #dn-mobile-menu:hover{background:#e4ebf6}#dn-nav.dn-reference-nav:not(.is-open) .dn-nav-body,#dn-nav.dn-reference-nav:not(.is-open) .dn-profile-anchor{display:none}#dn-nav.dn-reference-nav.is-open .dn-nav-body{display:grid;height:min(720px,calc(100dvh - 176px))}#dn-nav.dn-reference-nav .dn-profile-button{min-height:64px}#dn-nav.dn-reference-nav .dn-profile-avatar{width:38px;height:38px;flex-basis:38px}#dn-nav-more{left:76px;bottom:76px}}
@media(hover:none){#dn-nav.dn-reference-nav .dn-customer-pin{opacity:1}}

#dn-nav.dn-reference-nav [hidden]{display:none!important}
@media(max-width:760px){
 #dn-nav.dn-reference-nav.is-open{height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);overflow:hidden}
 #dn-nav.dn-reference-nav.is-open .dn-nav-body{height:auto;flex:1;min-height:0;overflow:hidden}
}
/* Per-menu index panels share the reference's compact spacing and hierarchy. */
.dn-section-search{flex:none;margin:0 9px 18px}
.dn-panel-links{display:block;padding:0 8px 16px}
.dn-panel-group-label{display:flex;align-items:center;justify-content:space-between;min-height:25px;padding:2px 8px;color:#7092b0;font-size:12px;font-weight:700}
#dn-nav.dn-reference-nav .dn-panel-links .dn-panel-item{display:flex;align-items:center;gap:8px;width:100%;min-height:33px;margin:0;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:transparent;line-height:19px;font-weight:500}
.dn-panel-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dn-panel-item-icon{display:flex;align-items:center;justify-content:center;flex:none;width:17px;height:17px;color:#7092b0}
.dn-panel-item-icon svg{width:16px;height:16px}
.dn-panel-item small,.dn-panel-collection-count{flex:none;margin-left:auto;color:#557ca4;font-size:12px;font-weight:500}
#dn-nav.dn-reference-nav .dn-panel-links .dn-panel-item.is-selected,#dn-nav.dn-reference-nav #dn-nav-scroll .dn-nav-project-row.is-selected{border:1px solid #cfe2f5;background:#fff;font-weight:700}
#dn-nav.dn-reference-nav .dn-panel-links .dn-panel-item:hover{background:#d9eaf7}
#dn-nav.dn-reference-nav .dn-panel-links .dn-panel-item.is-selected:hover{background:#fff}
#dn-nav.dn-reference-nav #dn-nav-scroll .dn-nav-project-row{border:1px solid transparent;border-radius:8px}
#dn-nav.dn-reference-nav #dn-nav-scroll .dn-nav-heading{margin:0 0 2px;min-height:25px}
#dn-nav.dn-reference-nav #dn-nav-scroll .dn-nav-heading [data-nav-toggle]{flex:1;gap:4px;text-align:left;font-weight:700}
.dn-panel-heading-count{margin-left:auto;font:inherit}
#dn-nav.dn-reference-nav #dn-nav-scroll .dn-nav-heading .dn-caret{display:none}
#dn-nav.dn-reference-nav #dn-favorites-list{margin-bottom:18px}
#dn-nav.dn-reference-nav .dn-portfolio-heading{margin-top:0}
#dn-nav.dn-reference-nav .dn-portfolio-heading[data-portfolio-group=shared]{margin-top:20px}
#dn-nav.dn-reference-nav #dn-nav-scroll.dn-panel-portfolios{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
#dn-nav.dn-reference-nav #dn-nav-scroll.dn-panel-portfolios>#dn-work-list,#dn-nav.dn-reference-nav #dn-nav-scroll.dn-panel-portfolios>.ws-custom-nav-section,#dn-nav.dn-reference-nav #dn-nav-scroll.dn-panel-portfolios .ws-custom-nav-section>.dn-nav-list{display:contents}
#dn-nav.dn-reference-nav #dn-nav-scroll.dn-panel-portfolios>.dn-nav-heading,#dn-nav.dn-reference-nav #dn-nav-scroll.dn-panel-portfolios>#dn-favorites-list,#dn-nav.dn-reference-nav #dn-nav-scroll.dn-panel-portfolios .ws-custom-nav-section>.dn-nav-heading,#dn-nav.dn-reference-nav #dn-nav-scroll.dn-panel-portfolios>.ws-sidebar-section-controls{display:none}
#dn-nav.dn-reference-nav #dn-nav-scroll:not(.dn-panel-portfolios) .dn-panel-section-empty{display:none}
#dn-nav.dn-reference-nav #dn-nav-scroll.dn-panel-portfolios .ws-custom-nav-section>.dn-nav-list[hidden]{display:contents!important}
.dn-sidebar-period{display:grid;gap:8px;padding:0 8px;color:#7092b0;font-size:12px}
.dn-sidebar-period input{box-sizing:border-box;width:100%;min-width:0;padding:7px;border:1px solid #cfe2f5;border-radius:8px;background:#fff;color:#2b405b;font:inherit}
#dn-my-dashboard [hidden]{display:none!important}
#dn-my-dashboard[data-sidebar-plan-view]:not([data-sidebar-plan-view=schedule]) .dn-plan-layout{display:block}

@media(min-width:761px){
 .dn-shell:has(#dn-nav[data-panel="closed"]){grid-template-columns:68px minmax(0,1fr) var(--dn-detail-width,560px)}
 .dn-shell:has(#dn-nav[data-panel="closed"]):has(.dn-detail-empty){grid-template-columns:68px minmax(0,1fr)}
 .dn-shell:has(#dn-nav[data-panel="closed"]) .dn-sidebar-resizer{display:none}
}
.dn-panel-search kbd{display:flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:18px;height:15px;min-height:0;padding:0;font-size:11px;line-height:13px}
#dn-my-dashboard[data-sidebar-plan-view]:not([data-sidebar-plan-view=schedule]) .dn-plan-layout{height:auto;min-height:0;overflow:visible}
#dn-my-dashboard[data-sidebar-plan-view=tasks] .dn-plan-days{height:auto;min-height:600px}
#dn-my-dashboard[data-sidebar-plan-view=tasks] #dn-plan-other-days{display:none}
#dn-my-dashboard[data-sidebar-plan-view=note] .dn-plan-side,#dn-my-dashboard[data-sidebar-plan-view=focus] .dn-plan-side{width:auto;max-height:none;min-height:600px;padding:24px;background:transparent;border:0}
#dn-my-dashboard[data-sidebar-plan-view=note] .dn-plan-side-tabs,#dn-my-dashboard[data-sidebar-plan-view=focus] .dn-plan-side-tabs,#dn-my-dashboard[data-sidebar-plan-view=focus] [role=tabpanel]{display:none}
#dn-my-dashboard[data-sidebar-plan-view=focus] .dn-plan-focus{max-width:560px;margin:0 auto}
.dn-panel-history summary{display:flex;align-items:center;gap:8px;min-height:33px;padding:6px 8px;box-sizing:border-box;color:#2b405b;font-size:13px;cursor:pointer;list-style:none}
.dn-panel-history summary::-webkit-details-marker{display:none}
.dn-panel-history summary svg{width:16px;height:16px;flex:none;color:#7092b0}
.dn-panel-history summary:hover{background:#d9eaf7;border-radius:8px}
.dn-panel-history .dn-panel-item{padding-left:22px!important}

/* Reuse account photos and each saved collection folder color. */
.dn-panel-member-avatar{width:24px;height:24px;border-radius:50%;background:#e5edf7;border:1px solid #d4e1ef}
#dn-nav.dn-reference-nav .dn-portfolio-folder svg{fill:var(--dn-project-color,#fa91be);stroke:#000}
#dn-nav.dn-reference-nav .dn-portfolio-folder{background:transparent}
#dn-portfolio .ws-pf-art>svg>path{stroke:#000;stroke-width:1.8;stroke-linejoin:round}

/* Light blue utility bar with readable controls and native focus/open states. */
.doitnow-view .dn-utility{background:#e8f4fc;color:#233a57;border-bottom:1px solid #cfe2f1}
.doitnow-view .dn-utility #dn-inbox-toggle.dn-inbox-docked{width:28px;height:32px;box-sizing:border-box;padding:0;margin:0 8px 0 0;border:0;background:transparent;color:#395d80}
.doitnow-view .dn-utility #dn-inbox-toggle svg{fill:none;stroke:currentColor}
.doitnow-view .dn-utility #dn-inbox-toggle:hover{background:#d8eaf8;color:#183f65}
.doitnow-view .dn-utility #dn-inbox-toggle:focus-visible{outline:2px solid #2f6fa6;outline-offset:2px}
.doitnow-view .dn-utility .dn-envelope-dot{right:0;top:3px;border-color:#e8f4fc;background:#ff7b85}
.doitnow-view .dn-utility-create{background:#fff;border-color:#b9d2e8;color:#233a57}
.doitnow-view .dn-utility-create>span{background:#2f6fa6;color:#fff}
.doitnow-view .dn-utility-icon{color:#395d80}
.doitnow-view .dn-global-search-button{background:#fff;border-color:#b9d2e8;color:#395d80}
.doitnow-view .dn-utility .mav-doitnow{background:#fff;border-color:#b9d2e8;color:#233a57}
.doitnow-view .dn-utility :is(.dn-utility-create,.dn-global-search-button,.dn-utility-icon,.mav-doitnow):hover:not(:disabled),.doitnow-view .dn-utility :is(.dn-utility-create,.dn-global-search-button,.dn-utility-icon)[aria-expanded="true"]{background:#d8eaf8;border-color:#8eb2d4;color:#183f65}
.doitnow-view .dn-utility :is(.dn-utility-create,.dn-global-search-button,.dn-utility-icon,.mav-doitnow):focus-visible{outline:2px solid #2f6fa6;outline-offset:2px}

/* Each star owns its phase, duration and irregular twinkle pattern. */
.dn-nav-rail>.dn-rail-stars{position:absolute;inset:0;z-index:0;pointer-events:none}
.dn-rail-star{position:absolute;left:var(--star-x);top:var(--star-y);width:var(--star-size);height:var(--star-size);transform:translate(-50%,-50%);background:radial-gradient(circle,rgb(218 235 255/var(--star-alpha)) 0 var(--star-core),transparent var(--star-edge));pointer-events:none}
.dn-rail-star,.dn-nav-rail>.dipper circle{opacity:var(--star-low,.08);animation:var(--star-pattern,dn-star-twinkle-a) var(--star-duration,9s) ease-in-out var(--star-delay,-3s) infinite}
@keyframes dn-star-twinkle-a{0%,19%,64%,100%{opacity:var(--star-low)}31%,42%{opacity:var(--star-peak)}50%{opacity:calc(var(--star-peak)*.4)}80%{opacity:calc(var(--star-peak)*.7)}}
@keyframes dn-star-twinkle-b{0%,33%,77%,100%{opacity:var(--star-low)}12%,56%{opacity:var(--star-peak)}21%{opacity:calc(var(--star-peak)*.3)}64%{opacity:calc(var(--star-peak)*.6)}}
@keyframes dn-star-twinkle-c{0%,46%,88%,100%{opacity:var(--star-low)}23%,70%{opacity:var(--star-peak)}34%{opacity:calc(var(--star-peak)*.5)}58%{opacity:calc(var(--star-peak)*.25)}}
@media(prefers-reduced-motion:reduce){.dn-rail-star{animation:none;opacity:.85}.dn-nav-rail>.dipper circle{animation:none;opacity:1}}

/* Panel motion: keep the established 68px rail / 220px panel and resize preference. */
.dn-shell{
 --sb-rail-w:68px;--sb-panel-w:220px;--sb-beam-top:56px;--sb-beam-bottom:73px;
 --sb-c1:#3F6BF0;--sb-c2:#6D5DFC;--sb-c1-rgb:63 107 240;--sb-c2-rgb:109 93 252;
 --sb-ease:linear(0, 0.0209, 0.0724, 0.1418, 0.22, 0.3009, 0.3804, 0.4559, 0.526, 0.5898, 0.6471, 0.698, 0.7428, 0.782, 0.8159, 0.8453, 0.8705, 0.892, 0.9104, 0.926, 0.9392, 0.9504, 0.9598, 0.9677, 0.9743, 0.9799, 0.9845, 0.9884, 0.9916, 0.9943, 0.9966, 0.9985, 1);
 --sb-out:cubic-bezier(.2,.8,.2,1);--sb-in:cubic-bezier(.4,0,1,1);
}
@supports not (transition-timing-function:linear(0,1)){.dn-shell{--sb-ease:cubic-bezier(.3,.1,.1,1)}}
#dn-nav.dn-reference-nav{overflow:visible;min-width:0}
.dn-nav-clip{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden}
#dn-nav.dn-reference-nav .dn-nav-body{grid-template-columns:var(--sb-rail-w) var(--sb-panel-w);width:calc(var(--sb-rail-w) + var(--sb-panel-w))}
#dn-nav.dn-reference-nav .dn-nav-panel{width:var(--sb-panel-w);flex:none;visibility:visible;transition:visibility 0s linear 0s}
#dn-nav.dn-reference-nav[data-panel="closed"] .dn-nav-panel{visibility:hidden;transition:visibility 0s linear 640ms;pointer-events:none}
.dn-panel-stagger{
 --d:0;opacity:1;transform:translateX(0);
 transition:opacity 340ms var(--sb-out) calc(110ms + var(--d)*12ms),transform 620ms var(--sb-ease) calc(70ms + var(--d)*12ms),background .15s ease;
}
#dn-nav[data-panel="closed"] .dn-panel-stagger{opacity:0;transform:translateX(-10px);transition:opacity 140ms var(--sb-in),transform 260ms var(--sb-in),background .15s ease}
.dn-logo-host{display:block;flex:none;width:96.55px;height:28px}
.dn-logo-motion{display:block;width:100%;overflow:visible}
@media(min-width:761px){
 /* Keep three grid tracks even when detail is absent, so width can interpolate. */
 .dn-shell:has(#dn-nav.dn-reference-nav){overflow-x:clip;--sb-layout-w:var(--dn-sidebar-width,288px);grid-template-columns:var(--sb-layout-w) minmax(0,1fr) var(--dn-detail-width,560px);transition:grid-template-columns 680ms var(--sb-ease)}
 .dn-shell:has(#dn-nav[data-panel="closed"]){--sb-layout-w:var(--sb-rail-w);transition:grid-template-columns 560ms var(--sb-ease) 40ms}
 .dn-shell:has(#dn-nav.dn-reference-nav):has(#dn-my-dashboard:not([hidden])):has(.dn-detail-empty),.dn-shell:has(#dn-nav[data-panel="closed"]):has(.dn-detail-empty){grid-template-columns:var(--sb-layout-w) minmax(0,1fr) 0px}
 .dn-shell{--sb-panel-w:calc(var(--dn-sidebar-width,288px) - var(--sb-rail-w))}
 #dn-nav.dn-reference-nav .dn-nav-top,#dn-nav.dn-reference-nav .dn-profile-anchor{width:calc(var(--sb-rail-w) + var(--sb-panel-w));flex-shrink:0;box-sizing:border-box}
 #dn-nav.dn-reference-nav .dn-brand-product,#dn-nav.dn-reference-nav #dn-inbox-toggle,#dn-nav.dn-reference-nav .dn-profile-button-info,#dn-nav.dn-reference-nav .dn-profile-chevron{opacity:1;transition:opacity 320ms var(--sb-out) 180ms}
 #dn-nav.dn-reference-nav[data-panel="closed"] .dn-brand-product,#dn-nav.dn-reference-nav[data-panel="closed"] #dn-inbox-toggle,#dn-nav.dn-reference-nav[data-panel="closed"] .dn-profile-button-info,#dn-nav.dn-reference-nav[data-panel="closed"] .dn-profile-chevron{opacity:0;transition:opacity 140ms var(--sb-in);pointer-events:none}
 #dn-nav.dn-reference-nav .dn-nav-top{position:relative}
 #dn-nav.dn-reference-nav .dn-logo-host{transform:translateX(0);transition:transform 680ms var(--sb-ease)}
 #dn-nav.dn-reference-nav[data-panel="closed"] .dn-logo-host{transform:translateX(calc((var(--sb-rail-w) - 20px)/2 - 18px));transition:transform 560ms var(--sb-ease) 40ms}
 .dn-resizing-sidebar .dn-shell{transition:none}
}
@media(min-width:761px) and (max-width:1050px){.dn-shell{--sb-panel-w:220px}.dn-shell:has(#dn-nav.dn-reference-nav){grid-template-columns:var(--sb-layout-w) minmax(0,1fr) 0px}}
@media(max-width:760px){
 .dn-shell{--sb-panel-w:calc(100vw - var(--sb-rail-w));--sb-beam-bottom:65px}
 #dn-nav.dn-reference-nav>.dn-nav-clip{display:flex}
 #dn-nav.dn-reference-nav:not(.is-open) .dn-sidebar-beam{display:none}
 #dn-nav.dn-reference-nav .dn-nav-body{width:100%}
 #dn-nav.dn-reference-nav .dn-profile-anchor{margin-top:0}
}
/* Edge beam lives outside the clip and never intercepts a menu or resize gesture. */
.dn-sidebar-beam{position:absolute;top:var(--sb-beam-top);bottom:var(--sb-beam-bottom);right:0;width:0;pointer-events:none;z-index:6}
.dn-beam-wash{position:absolute;top:0;bottom:0;left:-52px;width:52px;opacity:.7;background:linear-gradient(270deg,rgb(var(--sb-c1-rgb)/.08) 0%,rgb(var(--sb-c1-rgb)/.04) 35%,rgb(var(--sb-c1-rgb)/.015) 70%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);transition:opacity 300ms ease}
.dn-beam-spec{position:absolute;top:0;bottom:0;left:-1.5px;width:1px;background:linear-gradient(180deg,transparent,rgb(255 255 255/.95) 20%,rgb(255 255 255/.95) 80%,transparent);transition:opacity 300ms ease}
.dn-beam-line{position:absolute;top:0;bottom:0;left:-.5px;width:1px;opacity:.8;background:linear-gradient(180deg,transparent 0%,rgb(var(--sb-c1-rgb)/.22) 10%,rgb(var(--sb-c1-rgb)/.42) 22%,rgb(var(--sb-c1-rgb)/.42) 78%,rgb(var(--sb-c1-rgb)/.22) 90%,transparent 100%)}
#dn-nav[data-panel="closed"] .dn-sidebar-beam{--sb-c1:#7da4ff;--sb-c2:#a18aff;--sb-c1-rgb:125 164 255;--sb-c2-rgb:161 138 255}
#dn-nav[data-panel="closed"] .dn-beam-spec{opacity:.4}
#dn-nav[data-panel="closed"] .dn-beam-wash{opacity:.7}
#dn-nav[data-panel="closed"] .dn-beam-line{width:1.5px;background:linear-gradient(180deg,transparent 0%,rgb(var(--sb-c1-rgb)/.4) 10%,rgb(var(--sb-c1-rgb)/.75) 22%,rgb(var(--sb-c1-rgb)/.75) 78%,rgb(var(--sb-c1-rgb)/.4) 90%,transparent 100%)}
#dn-nav[data-panel="closed"] .dn-beam-hi{left:19px;width:2px;box-shadow:0 0 8px rgb(var(--sb-c1-rgb)/.65)}
#dn-nav[data-panel="closed"] .dn-beam-bloom{background:radial-gradient(closest-side,rgb(var(--sb-c1-rgb)/.3) 0%,rgb(var(--sb-c1-rgb)/.14) 45%,rgb(var(--sb-c1-rgb)/.04) 75%,transparent 100%)}
.dn-beam-lane{position:absolute;top:0;bottom:0;left:-20px;width:40px;overflow:hidden}
.dn-beam-idle{position:absolute;inset:0;opacity:.6}
.dn-beam-glide{position:absolute;left:0;right:0;top:20px;height:max(0px,calc(100% - 320px));animation:dnBeamGlide 18s cubic-bezier(.45,0,.55,1) infinite alternate}
.dn-beam-bloom{position:absolute;top:-20px;left:2px;width:36px;height:320px;background:radial-gradient(closest-side,rgb(var(--sb-c1-rgb)/.16) 0%,rgb(var(--sb-c1-rgb)/.07) 45%,rgb(var(--sb-c1-rgb)/.02) 75%,transparent 100%)}
.dn-beam-hi{position:absolute;top:0;left:19.25px;width:1.5px;height:280px;border-radius:2px;background:linear-gradient(180deg,transparent 0%,rgb(var(--sb-c1-rgb)/.28) 22%,var(--sb-c1) 44%,#A9BEFF 50%,var(--sb-c2) 56%,rgb(var(--sb-c2-rgb)/.28) 78%,transparent 100%)}
.dn-beam-sweep{position:absolute;left:0;right:0;top:0;height:100%;opacity:0}
.dn-beam-sw{position:absolute;top:0;left:19px;width:2px;height:240px;border-radius:2px;background:linear-gradient(180deg,transparent 0%,rgb(var(--sb-c1-rgb)/.22) 30%,#4F78F5 68%,#C9D6FF 92%,transparent 100%)}
.dn-beam-swg{position:absolute;top:0;left:4px;width:32px;height:260px;background:radial-gradient(closest-side,rgb(79 120 245/.28) 0%,rgb(79 120 245/.1) 55%,transparent 100%)}
#dn-nav[data-panel="open"] .dn-beam-sweep{animation:dnSweepOpen 1000ms var(--sb-ease) both}
#dn-nav[data-panel="closed"] .dn-beam-sweep{animation:dnSweepClose 800ms var(--sb-ease) 40ms both}
#dn-nav[data-panel="open"] .dn-beam-idle{animation:dnIdleDipOpen 1200ms ease both}
#dn-nav[data-panel="closed"] .dn-beam-idle{animation:dnIdleDipClose 1000ms ease both}
#dn-nav[data-panel="open"] .dn-beam-line{animation:dnChargeOpen 1000ms ease-out both}
#dn-nav[data-panel="closed"] .dn-beam-line{animation:dnChargeClose 800ms ease-out both}
@keyframes dnBeamGlide{0%{transform:translateY(0);opacity:0}18%{opacity:1}82%{opacity:1}100%{transform:translateY(100%);opacity:0}}
@keyframes dnSweepOpen{0%{transform:translateY(-260px);opacity:0}10%{opacity:1}65%{opacity:.85}100%{transform:translateY(calc(100% + 8px));opacity:0}}
@keyframes dnSweepClose{0%{transform:translateY(calc(100% + 8px));opacity:0}12%{opacity:.6}65%{opacity:.4}100%{transform:translateY(-260px);opacity:0}}
@keyframes dnIdleDipOpen{0%,55%{opacity:.1}100%{opacity:.6}}
@keyframes dnIdleDipClose{0%,55%{opacity:.1}100%{opacity:.6}}
@keyframes dnChargeOpen{0%{opacity:.8}25%{opacity:1}100%{opacity:.8}}
@keyframes dnChargeClose{0%{opacity:.8}25%{opacity:1}100%{opacity:.6}}
@media(prefers-reduced-motion:reduce){
 .dn-shell:has(#dn-nav.dn-reference-nav),#dn-nav.dn-reference-nav,#dn-nav.dn-reference-nav *{transition-duration:1ms!important;transition-delay:0s!important}
 .dn-sidebar-beam *{animation:none!important}
 #dn-nav[data-panel="closed"] .dn-beam-line{opacity:.6}
}