/* Pop-out inbox button styling */
.sd-popout-inbox-btn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    color: var(--sd-muted);
    transition: all 0.2s ease;
    text-decoration: none;
}
.sd-popout-inbox-btn:hover {
    color: var(--sd-primary) !important;
    background-color: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.15);
}

/* Visual cue when holding Alt over the inbox panel */
.sd-popout-alt [data-sd-popout-panel],
.sd-popout-alt [data-sd-popout-panel] * {
    cursor: pointer !important;
}

/* Hide outer navigation bar and make tablet-container full screen in popped out window */
body:has([data-sd-popup="true"]) .glass-sidebar {
    display: none !important;
}
body:has([data-sd-popup="true"]) .tablet-container {
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
}