/* Shared top navigation bar — one source of truth for every page.
   Self-contained (explicit colors) so it renders identically regardless of
   each page's own stylesheet. Markup + behaviour live in js/nav.js. */
.app-nav{height:60px;background:#FFFFFF;border-bottom:1px solid #ECE8E1;display:flex;align-items:center;padding:0 24px;gap:20px;position:sticky;top:0;z-index:100;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;box-sizing:border-box;}
.app-nav *,.app-nav *::before,.app-nav *::after{box-sizing:border-box;}
.app-nav .nav-brand{display:flex;align-items:center;gap:10px;}
.app-nav .nav-brand-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#1F8A78 0%,#2BA38E 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;}
.app-nav .nav-brand-text{font-size:15px;font-weight:800;color:#262320;letter-spacing:-0.01em;}
.app-nav .nav-brand-sub{font-size:10px;color:#9C968B;letter-spacing:0.02em;}
.app-nav .nav-tabs{display:flex;gap:4px;margin-left:24px;}
.app-nav .nav-tab{padding:7px 14px;border-radius:8px;font-size:13px;font-weight:500;color:#6F6A60;transition:background .12s,color .12s;display:inline-flex;align-items:center;gap:6px;border:none;background:none;cursor:pointer;font-family:inherit;text-decoration:none;white-space:nowrap;}
.app-nav .nav-tab:hover{background:#F7F5F1;color:#262320;}
.app-nav .nav-tab.active{background:#E7F2EF;color:#1F8A78;font-weight:600;}
.app-nav .nav-tab .soon{font-size:9px;font-weight:700;padding:2px 6px;background:#ECE8E1;color:#9C968B;border-radius:20px;text-transform:uppercase;letter-spacing:0.05em;}
.app-nav .nav-tab[data-soon]{cursor:default;}
.app-nav .nav-tab[data-soon]:hover{background:none;color:#6F6A60;}
.app-nav .nav-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.app-nav .nav-user{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;background:#F7F5F1;border:1px solid #ECE8E1;border-radius:24px;cursor:pointer;transition:background .12s;}
.app-nav .nav-user:hover{background:#F3F0EA;}
.app-nav .nav-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#1F8A78 0%,#2BA38E 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;}
.app-nav .nav-user-info{line-height:1.2;}
.app-nav .nav-user-name{font-size:12px;font-weight:600;color:#262320;}
.app-nav .nav-user-role{font-size:10px;color:#9C968B;text-transform:capitalize;}
@media (max-width:900px){.app-nav .nav-tabs{display:none;}.app-nav .nav-brand-sub{display:none;}}