.mobile-drawer {
    display: none;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 10001;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    max-height: 80vh;
    overflow-y: auto;
    width: 100%;
    padding: 0;
}
.mobile-drawer:not([hidden]) { display: block; }
.mobile-drawer[hidden],
.notification-panel[hidden] { display: none !important; }
.mobile-drawer.open {
    display: block !important;
}
.mobile-drawer-body { padding: 8px 0; }
.mobile-drawer-link {
    display: block;
    padding: 14px 20px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #1f2937;
    text-decoration: none;
    transition: background 0.2s ease;
    border-bottom: 1px solid #f3f4f6;
}
.mobile-drawer-link:last-child { border-bottom: none; }
.mobile-drawer-link:hover { background: #f9fafb; color: #0464d7; }
.mobile-drawer-divider {
    height: 8px;
    background: #f3f4f6;
    margin: 4px 0;
}
.mobile-drawer-overlay { display: none; }

.notification-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 10002;
    width: min(280px, calc(100vw - 24px));
    padding: 14px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    color: #1f2937;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}
.notification-panel strong,
.notification-panel span { display: block; }
.notification-panel span { margin-top: 6px; color: #6b7280; font-size: .85rem; }

@media (max-width: 1351px) {
    .header-container { min-width: 0; padding: 0 1rem; }
    .logo { min-width: 0; flex-shrink: 1; }
    .logo img { width: 140px !important; max-width: 100%; height: auto !important; }
    .mobile-toggle,
    .mobile-header-icons { flex-shrink: 0; }
}

@media (min-width: 1351px) {
    .header-container { min-width: 0; }
    .nav-menu { min-width: 0; flex: 1 1 auto; justify-content: center; }
    .nav-link { white-space: nowrap; }
    .header-buttons { flex: 0 1 auto; min-width: 0; }
}

@media (min-width: 1351px) {
    .mobile-drawer { display: none !important; }
}