.change-domain-section {
            margin-top: 0;
            padding-top: 0;
            border-top: none;
        }

        .change-domain-section h3 {
            color: var(--white);
            margin-bottom: 14px;
            font-size: 18px;
            font-weight: 600;
        }

        /* Layout: license details grid (mobile-first single column, desktop 2-col) */
        .details-grid {
            display: flex;
            flex-direction: column;
            gap: 16px;
            margin-top: 0;
        }

        .details-col-left,
        .details-col-right {
            min-width: 0;
        }

        .details-col-left .download-section,
        .details-col-left .change-domain-section,
        .details-col-left .history-section {
            padding: 0;
            border: none;
            margin: 0;
        }

        .details-col-right .change-domain-section {
            margin: 0;
            padding: 0;
            border: none;
        }

        /* Stack gap: consistent 24px between major sections inside licenseDetails */
        #licenseDetails > h2,
        #licenseDetails > .details-grid,
        #licenseDetails > .addons-section,
        #licenseDetails > .my-licenses-section,
        #licenseDetails > div[style*="text-align: center"] {
            margin-top: 0;
        }

        #licenseDetails > * + * {
            margin-top: 24px;
        }

        /* quickActionsCard at bottom — strip card chrome, inline button row */
        #licenseDetails #quickActionsCard {
            background: transparent;
            border: none;
            box-shadow: none;
            padding: 0;
            margin: 0 0 20px 0;
        }

        #licenseDetails #quickActionsCard .quick-actions {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 12px;
            margin: 0;
        }

        #licenseDetails #quickActionsCard .quick-action-btn {
            flex: 1 1 200px;
            min-width: 180px;
            max-width: 280px;
            padding: 14px 18px;
            font-size: 14px;
        }

        /* Mobile (default, <900px): single column stacked */
        #licenseDetails .container,
        #licenseDetails {
            padding: 16px;
        }

        /* Desktop (>=900px): 2-col grid, downloads wide, change-domain sidebar */
        @media (min-width: 900px) {
            .details-grid {
                display: grid;
                grid-template-columns: 1.5fr 1fr;
                gap: 24px;
                align-items: start;
            }

            #licenseDetails #changeDomainSection {
                position: sticky;
                top: 16px;
            }
            .details-grid + .details-grid {
                margin-top: 0;
            }
            #licenseDetails .card,
            #licenseDetails {
                padding: 32px;
            }
        }

        /* Tablet (>=600px <900px): single column but larger padding */
        @media (min-width: 600px) and (max-width: 899.98px) {
            #licenseDetails {
                padding: 24px;
            }
        }

        /* Addons section (separate panel) */
        .addons-section {
            margin-top: 0;
            padding-top: 0;
            border-top: none;
        }

        .addons-section h3 {
            color: var(--white);
            margin-bottom: 14px;
            font-size: 18px;
            font-weight: 600;
        }