@import "./loading.css";

@import "./ui-system.css";
@import "./app-shell.css";
@import "./header-menu.css";
@import "./modals.css";
@import "./settings-v2.css";
@import "./components.css";
@import "./responsive.css";

/* ─── Upsell stubs (shared) ─────────────────────────────────────────────── */

.ds-upsell-stub {
    position: relative;
    margin-top: var(--qh-space-3);
    padding: var(--qh-space-4);
    border-radius: var(--qh-radius-md);
    border: 1px dashed var(--qh-border, #2a2825);
    overflow: hidden;
}
.ds-upsell-blur {
    position: absolute;
    inset: 0;
    background: var(--qh-surface, #11100f);
    opacity: 0.7;
    backdrop-filter: blur(4px);
}
.ds-upsell-content {
    position: relative;
    z-index: 1;
    text-align: center;
}
.ds-upsell-teaser {
    font-size: var(--qh-text-sm);
    color: var(--qh-text-secondary);
    margin: 0 0 var(--qh-space-1);
}
.ds-upsell-hidden {
    font-size: var(--qh-text-sm);
    color: var(--qh-text-tertiary, #888);
    margin: 0 0 var(--qh-space-3);
}
.ds-upsell-cta {
    display: inline-flex;
    align-items: center;
    gap: var(--qh-space-2);
    padding: var(--qh-space-2) var(--qh-space-6);
    border-radius: var(--qh-radius-sm);
    border: 1px solid var(--qh-accent, #c9a227);
    background: transparent;
    color: var(--qh-accent, #c9a227);
    font-size: var(--qh-text-sm);
    font-weight: var(--qh-font-weight-medium);
    cursor: pointer;
    transition: background var(--qh-duration-base) var(--qh-ease-default), color var(--qh-duration-base) var(--qh-ease-default);
}
.ds-upsell-cta:hover {
    background: var(--qh-accent, #c9a227);
    color: #fff;
}