.work-area-location {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.work-area-location__field {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:7px;
    min-width:0;
}
.work-area-location__field > span {
    color:#0b1f3a;
    font-size:.78rem;
    font-weight:850;
    white-space:nowrap;
}
.work-area-location select {
    width:100%;
    min-width:0;
    min-height:40px;
    padding:0 9px;
    border:1px solid #cfd7e3;
    border-radius:10px;
    background:#fff;
    color:#0b1f3a;
    font:inherit;
    font-size:.82rem;
}
.work-area-location select:focus-visible {
    outline:3px solid rgba(242,123,34,.28);
    border-color:var(--orange);
}
.work-area-location select:disabled {
    cursor:not-allowed;
    opacity:.58;
}
.work-area-location[data-invalid='true']
.work-area-location__field:first-child select {
    border-color:#c9372c;
    box-shadow:0 0 0 3px rgba(201,55,44,.12);
}
.work-area-location__status {
    grid-column:1/-1;
    min-height:1em;
    margin:0;
    color:#a52a22;
    font-size:.78rem;
    font-weight:700;
}
@media (max-width:760px) {
    .work-area-location { grid-template-columns:1fr; gap:7px; }
    .work-area-location__field { grid-template-columns:38px minmax(0,1fr); }
}