/* ==========================================================================
   Top navigation bar (templates/includes/_nav.html). The bar itself
   (.navbar, .nav-brand, .nav-links, .nav-user) is in style.css.
   Moved here from the inline <style> in base.html.
   ========================================================================== */

/* Plain links: current page */
.nav-links a.nav-link.is-active{background:rgba(255,255,255,.14);color:#fff}

/* Dropdowns */
.nav-dd{position:relative;display:inline-flex;align-items:center}
.nav-dd>summary{list-style:none;cursor:pointer;color:rgba(255,255,255,.75);font-weight:500;font-size:.85rem;
  padding:.4rem .75rem;border-radius:6px;white-space:nowrap;transition:all .15s}
.nav-dd>summary::-webkit-details-marker{display:none}
.nav-dd>summary:hover,.nav-dd[open]>summary{background:rgba(255,255,255,.1);color:#fff}
.nav-dd.is-active>summary{background:rgba(255,255,255,.14);color:#fff}
.burger-menu{position:absolute;top:calc(100% + 10px);left:0;background:#fff;border:1px solid #e2e6ee;
  border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.18);min-width:230px;max-height:75vh;overflow-y:auto;
  padding:.4rem;z-index:60}
.burger-menu--right{left:auto;right:0}
.nav-links .burger-menu a,.nav-user .burger-menu a{display:block;padding:.5rem .65rem;border-radius:6px;
  color:#1f2a4d;font-size:.85rem;font-weight:400;text-decoration:none;white-space:nowrap}
.nav-links .burger-menu a:hover,.nav-user .burger-menu a:hover{background:#f1f4fa;color:#1f2a4d}
.burger-menu a.is-active{background:var(--color-primary-light);font-weight:600}
.burger-sec{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#9aa3b6;
  font-weight:700;padding:.5rem .65rem .25rem}
.burger-div{height:1px;background:#eef1f6;margin:.35rem .25rem}
.nav-dd--user>summary{font-size:.8rem;color:rgba(255,255,255,.75)}

/* Notification bell */
.nav-bell{position:relative;display:inline-block;margin-right:.4rem}
.nav-bell>summary{list-style:none;cursor:pointer;position:relative;font-size:1.1rem}
.nav-bell>summary::-webkit-details-marker{display:none}
.bell-badge{position:absolute;top:-6px;right:-8px;background:#e8593c;color:#fff;font-size:.65rem;
  font-weight:700;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:9px;padding:0 4px}
.bell-menu{position:absolute;top:150%;right:0;background:#fff;border:1px solid #e2e6ee;border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.18);width:320px;max-height:420px;overflow:auto;z-index:50;padding:.4rem}
.bell-head{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;border-bottom:1px solid #eef1f6}
.bell-head strong{color:#1f2a4d}
.bell-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.5rem;
  border-radius:6px;border-left:3px solid #2f3e6e;margin:.3rem 0;background:#fafbfe}
.bell-item.bell-system{border-left-color:#c0392b;background:#fff8f7}
.bell-item-title{color:#1f2a4d;font-size:.86rem;text-decoration:none;line-height:1.3}
a.bell-item-title:hover{text-decoration:underline}
.bell-empty{padding:.9rem .5rem;color:#8a93a6;font-size:.85rem;text-align:center}
.bell-all{display:block;text-align:center;padding:.5rem;color:#2f3e6e;font-weight:600;text-decoration:none;border-top:1px solid #eef1f6}
.bell-dismiss{font-size:1rem;color:#8a93a6}