.dashboard-header {
    position: sticky;
    top: 0;
    z-index: 50;
    flex: 0 0 auto;
    background: #edf5fc;
    box-shadow: 0 3px 12px #18324a12;
}

@media (min-width: 761px) {
    body.pos-mode .cart {
        top: 151px;
        max-height: calc(100dvh - 151px);
    }

    body.pos-mode #app:has(.offline-banner) .cart {
        top: 191px;
        max-height: calc(100dvh - 191px);
    }
}

@media (orientation: landscape) and (max-height: 900px) and (min-width: 761px) {
    body.pos-mode .cart,
    body.pos-mode #app:has(.offline-banner) .cart {
        top: auto;
        max-height: none;
    }
}

@media print {
    .dashboard-header {
        position: static;
        box-shadow: none;
    }
}

/* Keep all dashboard actions visible on landscape tablets. */
@media (min-width: 761px) and (max-width: 1400px) {
    .topbar {
        padding-left: 12px;
        padding-right: 12px;
        gap: 10px;
        overflow: hidden;
    }

    .brand {
        flex: 0 0 auto;
        gap: 7px;
        font-size: 20px;
    }

    .brand-mark {
        width: 35px;
        height: 35px;
        font-size: 24px;
    }

    .nav {
        min-width: 0;
        gap: 1px;
    }

    .nav button {
        min-width: 0;
        padding-left: 7px;
        padding-right: 7px;
        gap: 4px;
        font-size: 13px;
    }

    .nav button .lucide {
        display: block;
        width: 16px;
        height: 16px;
    }

    .account {
        flex: 0 0 auto;
        gap: 5px;
    }

    .account-text {
        display: none;
    }

    .account .avatar {
        width: 34px;
        height: 34px;
    }

    .account .icon-button {
        min-width: 40px;
        padding: 8px;
    }
}