/* New local frontend only. The locked desktop Home lives in office-layout.css. */
/* The approved paper/green menu palette also applies to native narrow layouts. */
body.toza-new-site:not(.office-shell) #nav{background:#fff;color:#173332;border-color:#d7e3df}
@media(max-width:700px){body.toza-new-site.navigation-open #nav{position:fixed;top:var(--toza-navigation-top,72px);left:0;right:0;bottom:0;max-height:none;box-sizing:border-box;z-index:39;overflow-y:auto;overscroll-behavior:contain}}
body.toza-new-site:not(.office-shell) #nav a,body.toza-new-site:not(.office-shell) #nav summary{color:#173332}
body.toza-new-site:not(.office-shell) #nav a:hover,body.toza-new-site:not(.office-shell) #nav a.active,body.toza-new-site:not(.office-shell) #nav .nav-menu>summary:hover,body.toza-new-site:not(.office-shell) #nav .nav-menu[open]>summary{background:#e7f3ef;color:#076f68}
body.toza-new-site:not(.office-shell) #nav a.active{box-shadow:inset 3px 0 #076f68}
body.toza-new-site:not(.office-shell) #nav .nav-submenu{background:#f3f6f5;border-color:#d7e3df}
body.toza-new-site:not(.office-shell) #nav .nav-foot,body.toza-new-site:not(.office-shell) #nav .nav-label,body.toza-new-site:not(.office-shell) #nav .workspace-company b{color:#526866}
body.toza-new-site:not(.office-shell) #nav .workspace-company{border-color:#d7e3df}
body.toza-new-site:not(.office-shell) #nav [data-activity-kind].has-unread{background:#fff1e9;color:#173332;box-shadow:inset 3px 0 #bf4f24}
body.toza-new-site:not(.office-shell) #nav [data-activity-kind].active{background:#e7f3ef;color:#076f68}
body.toza-new-site.ns-office-shell #nav .new-site-primary{display:grid;gap:4px;margin:7px 0 12px}
body.toza-new-site.ns-office-shell #nav .new-site-primary>a{display:flex;align-items:center;gap:10px;min-height:41px;padding:10px 12px;border:0;font-size:14px;font-weight:400}
body.toza-new-site.ns-office-shell #nav .new-site-primary>a.active{background:#e7f3ef;color:#076f68;font-weight:600}
body.toza-new-site.ns-office-shell #nav .new-site-primary svg{width:18px;height:18px;flex:none}
body.toza-new-site.ns-office-shell #nav .new-site-page-directory{border-top:1px solid #d7e3df;padding-top:7px;font-size:13px}
body.toza-new-site.ns-office-shell #nav .new-site-page-directory>summary{cursor:pointer;display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;list-style:none}
body.toza-new-site.ns-office-shell #nav .new-site-page-directory>summary>svg{width:18px;height:18px}
body.toza-new-site.ns-office-shell #nav .new-site-page-directory>summary>span:last-child{margin-left:auto}
body.toza-new-site.ns-office-shell #nav .new-site-page-directory>summary::-webkit-details-marker{display:none}
body.toza-new-site.ns-office-shell #nav .new-site-all-pages{border-top:1px solid #e5eeea;margin-top:5px;padding-top:7px}
body.toza-new-site.ns-office-shell #nav .new-site-all-pages .nav-menu>summary{font-size:12px}
body.toza-new-site.ns-office-shell #nav .nav-foot{font-size:11px;border-top:1px solid #d7e3df;margin-top:14px;padding:12px}
body.toza-new-site .workspace-loading #main{background:#eeeeef}
body.toza-new-site.public-mode{background:#f1f5f3;font-family:Arial,Helvetica,sans-serif}
body.toza-new-site.public-mode .public-hero{box-shadow:none}

/* Local Office shell: an explicit identity layout prevents native profile-grid
   rows and image intrinsic sizes from changing the locked shared header. */
@media(min-width:1001px){
 body.toza-new-site.office-shell>header{box-sizing:border-box;height:53px;min-height:53px;max-height:53px;position:sticky;top:0;flex-wrap:nowrap}
 body.toza-new-site.office-shell>header .account-identity{display:flex;align-items:center;gap:8px;min-width:124px;width:124px;flex:0 0 124px;margin-left:auto;height:40px;padding:0 6px;overflow:hidden;box-sizing:border-box}
 body.toza-new-site.office-shell>header .account-identity>.account-avatar{display:flex!important;position:relative;width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;flex:0 0 36px;align-self:center;margin:0;overflow:hidden;box-sizing:border-box}
 body.toza-new-site.office-shell>header .account-avatar img{display:block;width:100%;height:100%;object-fit:cover}
 body.toza-new-site.office-shell>header .account-identity>div{display:flex;flex-direction:column;justify-content:center;gap:0;min-width:0;flex:1}
 body.toza-new-site.office-shell>header .account-identity b{display:block;max-width:100%;margin:0;line-height:16px}
 body.toza-new-site.office-shell>header .account-identity [data-office-role]{font-size:11px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.toza-new-site.office-shell #nav .workspace-company{display:none}
 body.toza-new-site.office-shell #nav .new-site-primary>a>span:not(.activity-count){flex:1;min-width:0;overflow-wrap:anywhere}
 body.toza-new-site.office-shell :is(#nav,.ns-business-navigation) .activity-count{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font:600 11px/16px Arial,Helvetica,sans-serif;min-width:20px;height:20px;min-height:20px;max-height:20px;padding:2px 6px;border-radius:10px;letter-spacing:0;box-sizing:border-box;margin-left:auto;background:#a12d16;color:#fff}
 body.toza-new-site.office-shell :is(#nav,.ns-business-navigation) .activity-count[hidden]{display:none}
 body.toza-new-site.office-shell #nav [data-activity-kind].has-unread{background:#fff1e9;color:#173332;box-shadow:inset 3px 0 #bf4f24}
 body.toza-new-site.office-shell #nav .new-site-primary>a[data-nav="todos"] .activity-count{display:none}
 body.toza-new-site.office-shell #nav [data-activity-kind].active{background:#e7f3ef;color:#076f68}
}

/* The local Office profile remains pinned when the native desktop shell gives
   way to its narrow-screen layout. Engineer/customer layouts are untouched. */
@media(max-width:1000px){
 body.toza-new-site.ns-office-shell:not(.public-mode)>header{position:sticky;top:0;z-index:40;display:flex;align-items:center;flex-wrap:nowrap;box-sizing:border-box;height:53px;min-height:53px;max-height:53px;padding:4px 8px;gap:8px;background:#fff;border-bottom:1px solid #d7e3df}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header>.brand{order:1;flex:0 0 auto;padding:0;gap:0}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header>.brand .system-logo{width:96px;height:34px;max-height:34px;object-fit:contain}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header>.brand small{display:none}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header #menu-toggle:not([hidden]){order:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:4px;font-size:12px}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header #account{order:2;display:flex;flex:0 1 auto;align-items:center;justify-content:flex-end;gap:4px;margin-left:auto;min-width:0;max-width:none}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header .account-identity{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:44px;height:44px;min-height:44px;padding:4px;overflow:hidden;box-sizing:border-box}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header .account-identity>.account-avatar{display:flex!important;position:relative;flex:0 0 36px;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;margin:0;overflow:hidden;box-sizing:border-box}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header .account-avatar img{display:block;width:100%;height:100%;object-fit:cover}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header .account-identity>div{display:flex;flex-direction:column;min-width:0}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header .account-identity b{font-size:12px;line-height:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:160px;margin:0}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header .account-identity :is([data-account-company],.account-photo-link){display:none}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header #account .signout-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:8px;margin:0}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header #account .signout-button span{display:none}
 body.toza-new-site.ns-office-shell:not(.public-mode)>header #account .signout-button .workspace-icon{display:block;width:20px;height:20px}
}
@media(max-width:600px){
 body.toza-new-site.ns-office-shell:not(.public-mode)>header .account-identity>div{display:none}
}
body.toza-new-site.ns-office-shell #main .todo-outstanding{gap:8px}
body.toza-new-site.ns-office-shell #main .todo-outstanding strong{font-size:24px;line-height:1.2}
body.toza-new-site.ns-office-shell #main .todo-outstanding span{font-size:13px;line-height:1.4}

body.toza-new-site.ns-office-shell :is(#nav,.ns-business-navigation) .activity-count{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font:600 11px/16px Arial,Helvetica,sans-serif;min-width:20px;height:20px;min-height:20px;max-height:20px;padding:2px 6px;border-radius:10px;letter-spacing:0;box-sizing:border-box;margin-left:auto;background:#a12d16;color:#fff}
body.toza-new-site.ns-office-shell :is(#nav,.ns-business-navigation) .activity-count[hidden],body.toza-new-site.ns-office-shell #nav .new-site-primary>a[data-nav="todos"] .activity-count{display:none}