.trona-app-navigation{display:flex!important;flex-wrap:wrap;gap:10px;margin:0 0 18px!important;padding:8px 0;position:relative;z-index:2}
.trona-app-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid #bdc9c1;border-radius:12px;background:#fffaf0;color:#174d3e;font:600 16px/1.3 system-ui;text-decoration:none;box-sizing:border-box}
.trona-app-navigation a:focus-visible{outline:3px solid #a62d3f;outline-offset:3px}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top,0px)}}
@media print{.trona-app-navigation{display:none!important}}

/* Keep mobile return navigation reachable, including standalone task pages. */
@media screen and (max-width:719px){
 body.trona-return-page,body.tenant-mode:has(.trona-app-navigation){padding-top:calc(64px + env(safe-area-inset-top,0px))!important}
 .trona-return-page .trona-app-navigation,.tenant-mode .trona-app-navigation{position:fixed;inset:0 0 auto;z-index:95;box-sizing:border-box;height:calc(64px + env(safe-area-inset-top,0px));margin:0!important;padding:calc(10px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 10px max(12px,env(safe-area-inset-left,0px));flex-wrap:nowrap;background:#fffaf0;border-bottom:1px solid #ced8d1;box-shadow:0 2px 8px #143e3314}
 .trona-app-navigation a{flex-shrink:0;min-height:44px}
 .trona-return-page .trona-app-navigation>span{display:none}
 .tenant-mode .tenant-topbar{position:relative;top:auto}
 .tenant-mode .tenant-topbar .tenant-primary-buttons{display:none}
}

.trona-app-navigation .trona-open-tasks{background:#174d3e;color:#fff;border-color:#174d3e}
@media(max-width:719px){.trona-app-navigation{gap:6px}.trona-app-navigation a{padding:8px 9px;font-size:14px}}