.workhours-toolbar{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;margin:24px 0}
.workhours-toolbar>label{display:grid;gap:7px;min-width:280px;font-size:13px;font-weight:600}
.workhours-toolbar select{width:100%;font-size:16px;min-height:42px}
.workhours-toolbar .workhours-hint{margin:0 0 11px}
.workhours-person{padding:24px;margin-bottom:16px}
.workhours-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line,#dce2e7)}
.workhours-head h2{margin:0 0 5px;font-size:21px}
.workhours-meta,.workhours-hint{font-size:13px;color:var(--muted,#667586);line-height:1.5}
.workhours-meta{margin:0}
.workhours-summary{display:grid;gap:4px;text-align:right}
.workhours-summary strong{font-size:18px}
.workhours-summary span{font-size:12px;color:var(--muted,#667586)}
.workhours-availability-head{display:flex;align-items:center;gap:16px;margin:23px 0 20px}
.workhours-availability-head h3{margin:0;font-size:16px}
.workhours-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:28px;align-items:end}
.workhours-builder fieldset{border:0;padding:0;margin:0;min-width:0}
.workhours-builder legend{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px;padding:0;color:var(--muted,#667586)}
.workhours-shift-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}
.workhours-shift-fields label{display:grid;gap:7px;font-size:13px;font-weight:600}
.workhours-shift-fields input[type=time],.workhours-shift-fields select{box-sizing:border-box;width:100%;min-width:0;font-size:16px;min-height:42px}
.workhours-shift-fields .workhours-midnight{display:flex;align-items:center;gap:7px;font-weight:400;min-height:42px}
.workhours-midnight input{width:auto;margin:0}
.workhours-builder>.b{min-height:42px;min-width:106px}
.workhours-table-wrap{overflow-x:auto;margin-top:24px}
.workhours-table{border-collapse:collapse;width:100%;min-width:0;font-size:14px}
.workhours-table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted,#667586);border-bottom:2px solid var(--line,#dce2e7);padding:10px 12px}
.workhours-table td{border-bottom:1px solid var(--line,#dce2e7);padding:9px 12px;white-space:nowrap}
.workhours-table th:first-child,.workhours-table td:first-child{padding-left:0}
.workhours-table td:last-child{padding-right:0;width:1%}
.workhours-row-actions{display:flex;align-items:center;gap:20px}
.workhours-text-button{background:none;border:0;padding:6px 0;color:var(--brand,#1478ba);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.workhours-remove{background:#c91851;color:white;border:0;border-radius:50%;padding:0;width:22px;height:22px;line-height:20px;display:inline-flex;justify-content:center;align-items:center;font-size:20px;cursor:pointer}
.workhours-text-button:hover{text-decoration:underline}
.workhours-text-button:disabled,.workhours-remove:disabled{opacity:.45;cursor:default}
.workhours-table .workhours-empty{padding:24px 0;color:var(--muted,#667586);white-space:normal}
.workhours-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.workhours-status{font-size:13px;margin:12px 0 0;min-height:20px}
.workhours-status[role=alert]{color:var(--danger,#b42318)}
@media(max-width:850px){.workhours-builder{grid-template-columns:1fr;gap:18px}.workhours-builder>.b{justify-self:start}.workhours-builder legend{margin-bottom:10px}}
@media(max-width:500px){.workhours-person{padding:16px}.workhours-toolbar>label{min-width:0;width:100%}.workhours-toolbar{gap:8px}.workhours-summary{text-align:left}.workhours-row-actions{gap:14px}.workhours-table th,.workhours-table td{padding:9px 8px}}