/* Compass Star — shared top bar and footer for signed-in pages (Session 29)
   Same on Dashboard, DVIR, DVIR History and Maintenance. On phones the top bar
   shows the logo only; the bottom tab bar (app.js) does the navigating. */
.app-nav{position:sticky;top:0;z-index:200;height:64px;background:#0b1634;display:flex;align-items:center;justify-content:space-between;padding:0 32px;box-shadow:0 2px 12px rgba(11,22,52,0.18);font-family:"Source Sans 3",-apple-system,"Segoe UI",sans-serif;}
.app-nav .an-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.app-nav .an-logo img{width:36px;height:36px;border-radius:50%;background:#fff;display:block;}
.app-nav .an-logo span{font-family:"Merriweather",Georgia,serif;font-weight:900;font-size:17px;color:#fff;letter-spacing:.2px;white-space:nowrap;}
.app-nav .an-logo em{font-style:italic;color:#4f95d0;}
.app-nav .an-links{display:flex;align-items:center;gap:26px;}
.app-nav .an-links>a,.app-nav .an-acct>summary{color:#c3cddd;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;}
.app-nav .an-links>a:hover,.app-nav .an-acct>summary:hover{color:#fff;}
.app-nav .an-links>a.on{color:#fff;box-shadow:inset 0 -2px 0 #4f95d0;padding-bottom:4px;}
.app-nav .an-cta{background:#4f95d0;color:#fff !important;padding:9px 16px;font-weight:700;}
.app-nav .an-cta:hover{background:#3d7fb8;}
.app-nav .an-acct{position:relative;}
.app-nav .an-acct>summary{list-style:none;display:flex;align-items:center;gap:6px;}
.app-nav .an-acct>summary::-webkit-details-marker{display:none;}
.app-nav .an-acct>summary:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;}
.app-nav .an-pop{position:absolute;right:0;top:34px;background:#fff;min-width:190px;box-shadow:0 10px 30px rgba(11,22,52,0.22);border:1px solid #dde2ec;padding:6px 0;}
.app-nav .an-pop a{display:block;padding:10px 16px;color:#0b1634;text-decoration:none;font-size:14px;font-weight:600;}
.app-nav .an-pop a:hover{background:#f2f4f8;}
.app-nav .an-pop a.an-out{color:#c0392b;border-top:1px solid #eef1f6;margin-top:4px;}
@media(max-width:900px){.app-nav{padding:0 16px;height:56px;}.app-nav .an-links{display:none;}}

.app-foot{background:#0b1634;color:#8a94a8;font-family:"Source Sans 3",-apple-system,"Segoe UI",sans-serif;font-size:13px;text-align:center;padding:22px 16px;line-height:1.8;}
.app-foot a{color:#c3cddd;text-decoration:none;}
.app-foot a:hover{color:#fff;}
.app-foot .af-six{font-family:"Merriweather",Georgia,serif;font-style:italic;color:#fff;margin-right:6px;}