.pf-unavailable {
    min-height: calc(100vh - 260px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.pf-unavailable-inner {
    width: 100%;
    max-width: 520px;
    text-align: center;
}

.pf-unavailable-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 7px 16px;
    border-radius: 999px;
    background: #fff4e0;
    color: #a86a12;
    margin-bottom: 26px;
}

.pf-unavailable.is-success .pf-unavailable-pill {
    background: #e4f6ed;
    color: #1a7a4c;
}

.pf-unavailable.is-closed .pf-unavailable-pill {
    background: #f0f1f4;
    color: #5c6472;
}

.pf-unavailable-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1b2333;
    line-height: 1.3;
    margin-bottom: 18px;
}

.pf-unavailable-lede {
    font-size: 1.05rem;
    line-height: 1.65;
    color: #6b7382;
    margin-bottom: 0;
}

.pf-unavailable-note {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #8a93a2;
    margin: 20px 0 0;
}

.pf-unavailable-actions {
    max-width: 380px;
    margin: 40px auto 0;
}

.pf-unavailable-btn {
    display: block;
    padding: 14px;
    border-radius: 10px;
    background: #243b7f;
    color: #fff !important;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
}

.pf-unavailable-btn:hover {
    background: #1b2e64;
    text-decoration: none;
}