.portal-role-admin .sidebar-logo,
.portal-role-merchant .sidebar-logo {
    min-height: 132px;
    padding: 8px 0 12px;
}

.portal-role-admin .sidebar-logo img,
.portal-role-merchant .sidebar-logo img {
    width: 200px;
    height: 116px;
    object-fit: contain;
    transform: none;
}

/* Keep the compact desktop sidebar compact while retaining proper centring. */
@media (min-width: 981px) {
    .portal-role-admin .app-shell.sidebar-collapsed .sidebar-logo,
    .portal-role-merchant .app-shell.sidebar-collapsed .sidebar-logo {
        min-height: 60px;
        padding: 6px 0;
    }

    .portal-role-admin .app-shell.sidebar-collapsed .sidebar-logo img,
    .portal-role-merchant .app-shell.sidebar-collapsed .sidebar-logo img {
        width: 48px;
        height: 48px;
        transform: none;
    }
}

.required-mark {
    margin-left: 3px;
    color: var(--dream-red);
    font-weight: 900;
}

.admin-order-checkbox-cell {
    width: 46px;
    padding-right: 8px;
    padding-left: 14px;
    text-align: center;
    vertical-align: middle;
}

.admin-order-checkbox {
    display: inline-block;
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    accent-color: var(--dream-red);
    box-shadow: none;
    cursor: pointer;
}

.admin-orders-selection-status {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 2px;
    color: #667085;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.admin-orders-selection-status.has-selection {
    color: var(--dream-red-dark);
}

@media (max-width: 980px) {
    .portal-role-admin .sidebar-logo,
    .portal-role-admin .app-shell.sidebar-collapsed .sidebar-logo,
    .portal-role-merchant .sidebar-logo,
    .portal-role-merchant .app-shell.sidebar-collapsed .sidebar-logo {
        min-height: 132px;
        padding: 8px 0 12px;
    }

    .portal-role-admin .sidebar-logo img,
    .portal-role-admin .app-shell.sidebar-collapsed .sidebar-logo img,
    .portal-role-merchant .sidebar-logo img,
    .portal-role-merchant .app-shell.sidebar-collapsed .sidebar-logo img {
        width: 200px;
        height: 116px;
        transform: none;
    }
}

@media (max-width: 720px) {
    .portal-role-admin .sidebar-logo img,
    .portal-role-admin .app-shell.sidebar-collapsed .sidebar-logo img,
    .portal-role-merchant .sidebar-logo img,
    .portal-role-merchant .app-shell.sidebar-collapsed .sidebar-logo img {
        width: min(200px, calc(100vw - 48px));
        height: 112px;
        transform: none;
    }

    .admin-orders-selection-status {
        width: 100%;
    }
}