.hire-me-rate {
    margin-bottom: 1rem;
}
.hire-me-rate__value {
    display: block;
    font-size: 1.25rem;
}
.profile-actions--hire {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}
.profile-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}
.js-profile-follow.is-following {
    background: var(--color-primary, #2563eb);
    color: #fff;
    border-color: var(--color-primary, #2563eb);
}
.hire-me-unavailable {
    color: var(--color-muted, #6b7280);
    font-size: 0.95rem;
}

/* Legacy classes used by the (separate) hire-requests list/detail pages
   (views/hire/buyer_requests.php, worker_requests.php, request_detail.php). The
   request FORM itself now lives on its own standalone page/stylesheet — see
   /hire-me/{workerId} and public/css/hire-request-form.css — this file no longer
   contains any dialog/overlay rules. */
.hire-me-total__row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: baseline;
    font-size: 1.1rem;
}
.hire-me-detail-list {
    display: grid;
    gap: 0.75rem;
}
.hire-me-detail-list dt {
    color: var(--color-muted, #6b7280);
    font-size: 0.85rem;
}
.hire-me-table td,
.hire-me-table th {
    vertical-align: middle;
}
.hire-me-timeline {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.hire-me-timeline__item {
    padding: 0.5rem 0;
    border-left: 3px solid var(--color-border, #e5e7eb);
    padding-left: 0.75rem;
}
.hire-me-timeline__item.is-done {
    border-left-color: var(--color-success, #16a34a);
}
.hire-me-timeline__item.is-current {
    border-left-color: var(--color-primary, #2563eb);
    font-weight: 600;
}