.subscription-conversion {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid var(--card-border-color, var(--border-color, #e5e7eb));
    border-radius: 10px;
    background: rgba(var(--theme-color-rgb, 53, 92, 194), .04);
    color: var(--text-color, #333);
}

.dashboard-container,
.dashboard-container * {
    box-sizing: border-box;
}

.dashboard-container {
    max-width: 100%;
    overflow-x: clip;
}

/* Domain changes close the QR dialog immediately before regenerating it. */
.fade-leave-active,
.modal-fade-leave-active {
    transition-duration: 0s !important;
}

.subscription-conversion__warning,
.subscription-conversion__error {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.subscription-conversion__warning { color: #d4380d; font-weight: 600; }

.subscription-conversion__error { color: var(--danger-color, #d33); }
.subscription-conversion-invalid > .import-action,
.subscription-conversion-invalid > .platform-selector,
.subscription-conversion-invalid > .platform-section { display: none; }