/* ============================================================
   DPC ↔ Digital Form AI — Premium Wall Modal
   ============================================================ */

/* ── Overlay ───────────────────────────────────────────────── */
.dpc-dfai-premium-overlay {
    position:   fixed;
    top:        0;
    left:       0;
    width:      100%;
    height:     100%;
    background: rgba(0, 0, 0, 0.55);
    z-index:    999999;
    display:    flex;
    align-items: center;
    justify-content: center;
    opacity:    0;
    transition: opacity 0.25s ease;
}
.dpc-dfai-premium-overlay.active {
    opacity: 1;
}

/* ── Modal ─────────────────────────────────────────────────── */
.dpc-dfai-premium-modal {
    background:    #fff;
    border-radius: 16px;
    padding:       40px 36px 32px;
    max-width:     440px;
    width:         90%;
    text-align:    center;
    position:      relative;
    box-shadow:    0 20px 60px rgba(0, 0, 0, 0.2);
    transform:     translateY(30px) scale(0.95);
    transition:    transform 0.3s ease;
}
.dpc-dfai-premium-overlay.active .dpc-dfai-premium-modal {
    transform: translateY(0) scale(1);
}

/* ── Close Button ──────────────────────────────────────────── */
.dpc-dfai-premium-close {
    position:    absolute;
    top:         12px;
    right:       16px;
    background:  none;
    border:      none;
    font-size:   28px;
    color:       #999;
    cursor:      pointer;
    line-height: 1;
    padding:     4px;
    transition:  color 0.2s;
}
.dpc-dfai-premium-close:hover {
    color: #333;
}

/* ── Icon ──────────────────────────────────────────────────── */
.dpc-dfai-premium-icon {
    font-size:     48px;
    margin-bottom: 12px;
    line-height:   1;
}

/* ── Title ─────────────────────────────────────────────────── */
.dpc-dfai-premium-title {
    font-size:     22px;
    font-weight:   700;
    color:         #1a1a1a;
    margin:        0 0 12px;
}

/* ── Message ───────────────────────────────────────────────── */
.dpc-dfai-premium-message {
    color:       #555;
    font-size:   14px;
    line-height: 1.7;
    margin:      0 0 20px;
}

/* ── Quota Info ────────────────────────────────────────────── */
.dpc-dfai-quota-info {
    background:    #fef3c7;
    border:        1px solid #fbbf24;
    border-radius: 8px;
    padding:       10px 16px;
    font-size:     13px;
    color:         #92400e;
    margin-bottom: 20px;
    display:       inline-block;
}
.dpc-dfai-quota-label {
    font-weight: 600;
}
.dpc-dfai-quota-value {
    font-weight: 700;
    color:       #dc2626;
}
.dpc-dfai-quota-cost {
    font-size:  12px;
    color:      #b45309;
}

/* ── Actions ───────────────────────────────────────────────── */
.dpc-dfai-premium-actions {
    margin-bottom: 12px;
}

/* ── Buttons ───────────────────────────────────────────────── */
.dpc-dfai-btn {
    display:         inline-block;
    padding:         11px 28px;
    border-radius:   8px;
    font-size:       14px;
    font-weight:     600;
    text-decoration: none;
    cursor:          pointer;
    transition:      background 0.2s, transform 0.1s;
    border:          none;
    line-height:     1.4;
}
.dpc-dfai-btn:active {
    transform: scale(0.97);
}

.dpc-dfai-btn-primary {
    background: #4285f4;
    color:      #fff;
}
.dpc-dfai-btn-primary:hover {
    background:      #357ae8;
    color:           #fff;
    text-decoration: none;
}

.dpc-dfai-btn-secondary {
    background: transparent;
    color:      #666;
    border:     1px solid #ddd;
    margin-top: 8px;
}
.dpc-dfai-btn-secondary:hover {
    background: #f5f5f5;
    color:      #333;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 480px) {
    .dpc-dfai-premium-modal {
        padding:       28px 20px 24px;
        border-radius: 12px;
    }
    .dpc-dfai-premium-icon {
        font-size: 36px;
    }
    .dpc-dfai-premium-title {
        font-size: 18px;
    }
}