.app-header {
    position: sticky; top: 0; z-index: 1000;
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    padding: 14px 20px;
    border-bottom: 1px solid var(--glass-border);
padding-top: max(14px, var(--sat));
height: calc(50px + max(14px, var(--sat)));
    transition: background 0.3s ease, border-color 0.3s ease;
}
.header-actions { display: flex; align-items: center; gap: 10px; flex-direction: row-reverse; }

.db-status {
    display: flex; align-items: center; gap: 6px;
    background: rgba(30, 107, 71, 0.1);
    padding: 6px 12px; border-radius: var(--radius-full);
    color: var(--success-ink); font-size: 11px; font-weight: 700;
}
.db-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--success); }

.ai-scan-btn { padding: 8px 16px; font-size: var(--text-sm); }
.search-trigger { padding: 8px 16px; font-size: var(--text-sm); border-radius: var(--radius-full); background: var(--bg-surface); color: var(--text-primary); min-height: 44px; }

.notif-bell {
    position: relative; padding: 8px; border-radius: 50%;
    background: var(--bg-surface); color: var(--text-primary);
    display: inline-flex; align-items: center; justify-content: center;
}
.notif-bell-badge {
    position: absolute; top: -2px; inset-inline-end: -2px;
    min-width: 17px; height: 17px; padding: 0 4px;
    border-radius: var(--radius-full); background: var(--danger, #e5484d); color: #fff;
    font-size: 10px; font-weight: 800; line-height: 17px; text-align: center;
}
.notif-bell-badge[hidden] { display: none; }

.brand-squircle {
    width: 36px; height: 36px; border-radius: 22%;
    background: transparent;
    display: inline-flex; align-items: center; justify-content: center;
    overflow: hidden;
}
.brand-squircle img { width: 100%; height: 100%; object-fit: contain; }

@media (max-width: 768px) {
    .desktop-only { display: none !important; }
    .search-trigger { padding: 8px; border-radius: 50%; min-width: 44px; min-height: 44px; }
    .search-trigger span { display: none; }
}
