.hire-management { margin: 0 0 1.5rem; padding: clamp(1rem, 2vw, 1.5rem); border: 1px solid var(--line, #6666); border-radius: 12px; background: var(--panel, transparent); }
.hire-management[hidden] { display: none; }
.hire-management__head { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.hire-management__head h2 { font-size: 1.35rem; margin: 0 auto 0 0; }
.hire-management__badge, .hire-request--pending .hire-request__state { background: #ffe3a5; color: #5d3700; border-radius: 5px; padding: .25rem .6rem; font-weight: 700; }
.hire-management__status { white-space: pre-line; }
.hire-management__list { display: grid; gap: .8rem; }
.hire-request { border: 1px solid var(--line, #6666); border-radius: 9px; padding: 1rem; min-width: 0; }
.hire-request--pending { border: 2px solid #b97a17; }
.hire-request h3 { font-size: 1.1rem; margin: 0 0 .6rem; overflow-wrap: anywhere; }
.hire-request p { margin: .5rem 0; overflow-wrap: anywhere; }
.hire-request__state { display: inline-block; font-weight: 700; }
.hire-request__contact, .hire-request__terms, .hire-request__delivery { font-size: .9rem; }
.hire-request__alert { font-weight: 700; }
.hire-request__actions, .hire-request__confirm { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.hire-request__actions { margin-top: 1rem; }
.hire-management details { margin-top: 1rem; }
.hire-management summary { cursor: pointer; padding: .5rem 0; font-weight: 700; }
.hire-management__date-form { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; margin: 1rem 0; }
.hire-management__date-form label { display: grid; gap: .35rem; flex: 1 1 180px; }
.hire-management__date-form input, .hire-management__date-form select { padding: .7rem; width: 100%; min-width: 0; color: inherit; background: var(--bg, transparent); border: 1px solid var(--line, #6668); border-radius: 5px; }
.hire-management__dates { padding-left: 1.2rem; max-height: 20rem; overflow: auto; }
.hire-management__date-rule { background: transparent; border: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; padding: .5rem .2rem; text-decoration: underline; }
@media (max-width: 600px) { .hire-request__actions > button { flex: 1 1 auto; } .hire-request__confirm { align-items: stretch; flex-direction: column; width: 100%; } }