/* AMS navigation bar (bottom of the screen, on the side of the reading direction) */
.ams-nav { position: fixed; bottom: 18px; inset-inline-start: 18px; z-index: 1030; display: flex; gap: 6px; padding: 6px; background: #fff; border: 1px solid #E2E8F0; border-radius: 14px; box-shadow: 0 10px 30px rgba(15,23,42,.16); }
html[dir="rtl"] .ams-nav { right: 18px; left: auto; } html[dir="ltr"] .ams-nav { left: 18px; right: auto; }
.ams-nav-btn { display: flex; align-items: center; gap: 6px; border: 0; background: #F1F5F9; color: #0F172A; font-weight: 600; font-size: 14px; padding: 8px 12px; border-radius: 10px; cursor: pointer; font-family: inherit; }
.ams-nav-btn:hover { background: #CCFBF1; color: #0F766E; }
.ams-nav-btn.ams-nav-home, .ams-nav-btn.ams-nav-menu { background: #0D9488; color: #fff; }
.ams-nav-btn.ams-nav-home:hover, .ams-nav-btn.ams-nav-menu:hover { background: #0F766E; color: #fff; }
.ams-nav-ico { font-size: 16px; line-height: 1; }
.ams-nav-panel { position: fixed; z-index: 1040; width: 320px; max-height: 70vh; display: flex; flex-direction: column; background: #fff; border: 1px solid #E2E8F0; border-radius: 14px; box-shadow: 0 18px 40px rgba(15,23,42,.2); padding: 8px; }
.ams-nav-list { overflow-y: auto; }
.ams-nav-item { padding: 9px 12px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 600; color: #0F172A; }
.ams-nav-item.ams-nav-sub { padding-inline-start: 28px; font-weight: 500; color: #334155; }
.ams-nav-item:hover { background: #CCFBF1; color: #0F766E; }
.ams-nav-find { border-top: 1px solid #E2E8F0; margin-top: 4px; color: #0F766E; }
@media (max-width: 640px) { .ams-nav-lbl { display: none; } .ams-nav { bottom: 12px; } }
@media print { .ams-nav, .ams-nav-panel { display: none !important; } }

/* in the top bar */
.ams-nav.ams-nav-top { position: static; box-shadow: none; border: 0; background: transparent; padding: 0; margin-inline: 12px; gap: 4px; }
.ams-nav.ams-nav-top .ams-nav-btn { padding: 5px 10px; font-size: 13px; border-radius: 8px; }
[data-theme="dark"] .ams-nav-btn { background: #1E293B; color: #E5EDF5; }
[data-theme="dark"] .ams-nav-panel { background: #0F172A; border-color: #334155; }
[data-theme="dark"] .ams-nav-item { color: #E5EDF5; }
@media (max-width: 991px) { .ams-nav.ams-nav-top .ams-nav-lbl { display: none; } }

/* account pill in the top bar */
.navbar .dropdown-navbar-user > a { padding: 0 !important; }
.ams-user-pill { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 3px 16px; border-radius: 999px;
	background: linear-gradient(135deg, #0F2A3D, #0D9488); color: #fff; font-weight: 700; font-size: 13px; max-width: 190px; box-shadow: 0 2px 6px rgba(15,23,42,.18); }

.ams-user-pill-av { width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,.25); display: grid; place-items: center; font-size: 14px; overflow: hidden; flex: none; }
.ams-user-pill-av img { width: 100%; height: 100%; object-fit: cover; }
.ams-user-pill-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ams-user-pill:hover { filter: brightness(1.08); }
@media (max-width: 576px) { .ams-user-pill { max-width: 110px; padding: 3px 10px; } }