@import url("./variables.css");
@import url("./layout.css");
@import url("./sidebar.css");
@import url("./header.css");
@import url("./dashboard.css");
@import url("./forms.css");
@import url("./tables.css");
@import url("./buttons.css");
@import url("./cards.css");
@import url("./responsive.css");
@import url("./utilities.css");

/* Admin + Reseller Dashboard Premium Shell */
.filament-header {
    padding: 8px 0 18px;
    border-bottom-color: var(--rr-border) !important;
}

.filament-header h2 {
    font-size: clamp(1.55rem, 2vw, 2.2rem);
    line-height: 1.1;
    letter-spacing: 0;
    color: var(--rr-text) !important;
}

.filament-card,
.card.filament-card,
.dashboard-card,
.analytics-panel,
.workspace-panel {
    position: relative;
    background: linear-gradient(180deg, #ffffff 0%, #fafdff 100%) !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(30, 41, 59, 0.06) !important;
    color: var(--rr-text) !important;
    overflow: hidden;
    border-top: 4px solid var(--rr-primary) !important;
}

/* Catalog card layout helpers used across storefront pages */
.catalog-product-card .card-pricing-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    padding-top: 12px !important;
    margin-top: 12px !important;
    border-top: 1px solid rgba(226, 232, 240, 0.85) !important;
}

.catalog-product-card .card-pricing-row > div:first-child {
    min-width: 0 !important;
}

.catalog-product-card .catalog-price-label {
    display: block !important;
    font-size: .7rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: var(--rr-muted) !important;
    line-height: 1.2 !important;
}

.catalog-product-card .catalog-price {
    display: block !important;
    white-space: nowrap !important;
    font-size: 1.15rem !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    color: var(--rr-text) !important;
}

.catalog-product-card .catalog-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
}

.catalog-product-card .catalog-actions .btn {
    min-width: 88px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

@media (max-width: 575.98px) {
    .catalog-product-card .card-pricing-row {
        flex-wrap: wrap !important;
    }

    .catalog-product-card .catalog-actions {
        width: 100% !important;
        justify-content: stretch !important;
    }

    .catalog-product-card .catalog-actions .btn {
        width: 100% !important;
    }
}

.filament-card::before,
.dashboard-card::before,
.workspace-panel::before,
.analytics-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--rr-primary), var(--rr-secondary));
    z-index: 1;
}

.stat-icon-bg {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 1.05rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

.filament-card h2,
.filament-card h3,
.filament-card h4,
.filament-card h5,
.filament-card h6 {
    color: var(--rr-text) !important;
}

.filament-card p,
.filament-card span,
.filament-card small,
.filament-card td,
.filament-card th {
    color: inherit;
}

.quick-action-saas-card {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 104px;
    padding: 18px 20px;
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 12px 26px rgba(30, 41, 59, 0.05);
    color: var(--rr-text);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}

.quick-action-saas-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 34px rgba(79, 110, 247, 0.12);
    border-color: rgba(79, 110, 247, 0.22);
    background: linear-gradient(180deg, #ffffff 0%, #f4f7ff 100%);
}

.quick-action-icon-wrapper {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(79, 110, 247, 0.12), rgba(108, 99, 255, 0.08));
    color: var(--rr-primary);
    flex: 0 0 auto;
}

.quick-action-saas-card strong {
    font-size: 1rem;
    line-height: 1.2;
    color: var(--rr-text);
}

.quick-action-saas-card span {
    color: var(--rr-muted);
    font-size: .84rem;
}

.filament-card .progress {
    background: rgba(226, 232, 240, 0.95) !important;
}

.filament-card .progress-bar {
    background: linear-gradient(90deg, var(--rr-primary), var(--rr-secondary)) !important;
}

.filament-card .badge {
    border-radius: 999px;
}

.filament-card .table {
    color: var(--rr-text);
}

.filament-card .table td,
.filament-card .table th {
    border-color: rgba(226, 232, 240, 0.85) !important;
}

.timeline {
    border-color: rgba(226, 232, 240, 0.95) !important;
}

.timeline-item p,
.timeline-item h6,
.timeline-item span {
    color: var(--rr-text) !important;
}

.theme-dark .filament-card,
.theme-dark .card.filament-card,
.theme-dark .dashboard-card,
.theme-dark .analytics-panel,
.theme-dark .workspace-panel,
body.theme-dark .filament-card,
body.theme-dark .card.filament-card,
body.theme-dark .dashboard-card,
body.theme-dark .analytics-panel,
body.theme-dark .workspace-panel {
    background: linear-gradient(180deg, rgba(24,34,53,.98), rgba(17,24,39,.95)) !important;
    border-color: rgba(38,51,74,.95) !important;
    color: var(--rr-text) !important;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24) !important;
}

.theme-dark .filament-header h2,
.theme-dark .filament-header p,
.theme-dark .filament-card h2,
.theme-dark .filament-card h3,
.theme-dark .filament-card h4,
.theme-dark .filament-card h5,
.theme-dark .filament-card h6,
.theme-dark .filament-card p,
.theme-dark .filament-card span,
.theme-dark .filament-card small,
.theme-dark .quick-action-saas-card strong,
.theme-dark .quick-action-saas-card span,
body.theme-dark .filament-header h2,
body.theme-dark .filament-header p,
body.theme-dark .filament-card h2,
body.theme-dark .filament-card h3,
body.theme-dark .filament-card h4,
body.theme-dark .filament-card h5,
body.theme-dark .filament-card h6,
body.theme-dark .filament-card p,
body.theme-dark .filament-card span,
body.theme-dark .filament-card small,
body.theme-dark .quick-action-saas-card strong,
body.theme-dark .quick-action-saas-card span {
    color: var(--rr-text) !important;
}

.theme-dark .quick-action-saas-card,
body.theme-dark .quick-action-saas-card {
    background: linear-gradient(180deg, rgba(24,34,53,.98), rgba(17,24,39,.95)) !important;
    border-color: rgba(38,51,74,.95) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24) !important;
}

.theme-dark .quick-action-saas-card:hover,
body.theme-dark .quick-action-saas-card:hover {
    border-color: rgba(79,110,247,.32) !important;
}

.theme-dark .stat-icon-bg {
    background: rgba(79,110,247,.12) !important;
}

.theme-dark .filament-card .progress,
body.theme-dark .filament-card .progress {
    background: rgba(38,51,74,.9) !important;
}