/* «Підтвердження компанії» — the claim page. Same card/form language as the
   auth and profile screens (no Figma mock exists for it either). */
#claim .container {
    padding-top: 50px;
    padding-bottom: 100px;
}
#claim .claim-head {
    max-width: 640px;
}
#claim .claim-head .title {
    margin-top: 16px;
    font-size: 42px;
    font-weight: 800;
    line-height: 50px;
}
#claim .claim-head .hint {
    margin-top: 16px;
    color: var(--color-text-alt);
    font-size: 16px;
    line-height: 24px;
}
#claim .claim-card {
    max-width: 640px;
    margin-top: 30px;
    padding: 40px;
    background: var(--color-bg-alt);
    border-radius: 24px;
}
#claim .claim-card .card-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
}
#claim .claim-card .hint {
    margin-top: 10px;
    color: var(--color-text-alt);
    font-size: 14px;
    line-height: 22px;
}
#claim .claim-card form {
    margin-top: 24px;
}
#claim .claim-card .form-control {
    width: 100%;
}
#claim .claim-card .btn {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
    background: var(--color-btn);
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 8px;
}
/* The token to publish — read-only, self-selecting, the same shape the review
   invite link uses in the cabinet. */
#claim .claim-card .proof-value {
    width: 100%;
    margin-top: 20px;
    font-size: 13px;
}
#claim .claim-card .proof-note {
    margin-top: 8px;
    color: var(--color-text-link);
    font-size: 13px;
    line-height: 20px;
}
#claim .claim-card .proof-value + .proof-note + form .btn {
    margin-top: 16px;
}

/* A claim already waiting on a moderator. */
#claim .claim-card .state {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
#claim .claim-card .state .icon {
    display: flex;
    flex-shrink: 0;
    font-size: 28px;
    color: var(--color-text-third);
}
#claim .claim-card .state .hint {
    margin-top: 6px;
}

@media (max-width: 768px) {
    #claim .container {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    #claim .claim-head .title {
        font-size: 28px;
        line-height: 34px;
    }
    #claim .claim-card {
        padding: 24px;
    }
}