/* ==========================================================================
   HaizVpn Custom Referral Styles — Exact Theme Match (2x2 Grid)
   Accent: #F97316 | Bg: #230B05 | Surface: #311007 | Text: #FFF7ED | SecText: #FDBA74
   ========================================================================== */

/* 1. Верхний ряд карточек: делаем две равные половинки (50% / 50%) */
.haiz-force-col-span-1 {
    grid-column: span 1 !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 2. Карточка "Дни PRO подписки" (Скриншот 3 — правая верхняя половинка) */
.haiz-pro-days-card {
    background-color: #311007 !important;
    border: 1px solid rgba(249, 115, 22, 0.2) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 8px !important;
    grid-column: span 1 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.haiz-pro-days-header {
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    color: #FDBA74 !important;
    line-height: 1.2 !important;
}

.haiz-pro-days-body {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.haiz-pro-days-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 12px !important;
    background: rgba(249, 115, 22, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.3rem !important;
}

.haiz-pro-days-value-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}

.haiz-pro-days-val {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #FFF7ED !important;
    line-height: 1.15 !important;
}

.haiz-pro-days-sub {
    font-size: 0.72rem !important;
    color: #FDBA74 !important;
    opacity: 0.85 !important;
    line-height: 1.15 !important;
}

/* 3. Объединенная единая карточка условий (Скриншот 4) */
.haiz-unified-terms-card {
    background-color: #311007 !important;
    border: 1px solid rgba(249, 115, 22, 0.2) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    margin-top: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    box-sizing: border-box !important;
}

.haiz-unified-terms-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.haiz-terms-pill {
    padding: 4px 10px !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.haiz-terms-pill.free {
    background: rgba(249, 115, 22, 0.15) !important;
    color: #F97316 !important;
    border: 1px solid rgba(249, 115, 22, 0.3) !important;
}

.haiz-terms-pill.pro {
    background: rgba(255, 126, 5, 0.2) !important;
    color: #FF7E05 !important;
    border: 1px solid rgba(255, 126, 5, 0.4) !important;
}

.haiz-terms-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.haiz-terms-title {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #FFF7ED !important;
}

.haiz-terms-desc {
    font-size: 0.8rem !important;
    color: #FDBA74 !important;
    line-height: 1.35 !important;
}

.haiz-terms-divider {
    height: 1px !important;
    background: rgba(249, 115, 22, 0.12) !important;
    width: 100% !important;
}

.haiz-terms-hint {
    font-size: 0.75rem !important;
    color: #FDBA74 !important;
    opacity: 0.8 !important;
    line-height: 1.35 !important;
}