.work-navigation{border-top:1px solid #ffffff30;margin-top:14px;padding-top:12px}.work-navigation button{width:100%;text-align:left;margin:3px 0}.work-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.work-toolbar label{flex:1;min-width:145px}.work-toolbar input,.work-toolbar select{width:100%}.work-kpis{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.work-kpis>div{background:white;border:1px solid #d7e2ed;padding:16px 24px;flex:1}.work-kpis b{display:block;font-size:30px;color:#084780}.work-item{border:1px solid #d7e2ed;background:white;margin:12px 0;padding:20px;border-left:4px solid #084780}.work-item.late{border-left-color:#cf2035}.work-item h3{margin:6px 0}.work-item p{margin:7px 0}.work-item .badge{margin-right:8px}.work-dialog{border:1px solid #c4d3e3;border-radius:8px;padding:26px;width:min(760px,90vw);max-height:90vh;color:#0d2b50}.work-dialog::backdrop{background:#071a35aa}.work-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.work-form-grid label{margin:0}.work-form-grid input,.work-form-grid select,.work-form-grid textarea{width:100%;box-sizing:border-box}.work-form-grid .wide{grid-column:1/-1}.work-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.work-timeline{padding:0;list-style:none}.work-timeline li{border-left:2px solid #bbcddd;padding:0 0 20px 16px}.work-photo{max-width:100%;max-height:400px;object-fit:contain}.work-rules{font-size:13px;padding:12px 16px;background:#eaf1f8}.work-detail-fields{display:grid;grid-template-columns:160px 1fr;gap:8px}.work-detail-fields dd{margin:0;overflow-wrap:anywhere}.work-unread{color:#b51c32;font-weight:bold}@media(max-width:650px){.work-form-grid{grid-template-columns:1fr}.work-detail-fields{grid-template-columns:1fr}.work-dialog{padding:16px}.work-toolbar{display:block}}

.work-notice-banner{background:#e8f0fc;border-left:4px solid #0055c8;padding:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.work-notice-banner[hidden]{display:none}.work-notice-banner button{padding:8px 12px;font-size:13px}

.work-priority,.work-state{font-weight:700;border-radius:4px;padding:5px 10px;display:inline-block;margin:0 8px 8px 0}
.priority-normal{background:#e8f1ff!important;color:#144b87!important;border:1px solid #b2cbea!important}
.priority-high{background:#fff1cc!important;color:#754500!important;border:1px solid #d6a438!important}
.priority-urgent{background:#ffe0e4!important;color:#a01027!important;border:1px solid #d46978!important}
.work-state.done,.work-timing.done,.work-notice-done{color:#16623b!important;background:#e5f5eb!important}
.work-state.late,.work-state.pending{color:#a01027;background:#ffe9ec;border:1px solid #e8acb5}
.work-timing.late{color:#a01027;font-weight:750}.work-item.late{border-left:5px solid #c32741;background:#fff9fa}
.work-item.done{border-left:5px solid #208050}.work-item.cancelled{opacity:.8;border-left-color:#7b8795}
.work-complete{background:#197347!important;color:white!important;border:1px solid #197347!important;font-weight:750;padding:12px 20px!important}
.work-complete:hover{background:#115333!important}.work-complete:disabled{opacity:.6}
.work-event-done{border-left-color:#208050!important;background:#f0faf4;padding:12px 16px!important;margin:8px 0;color:#16623b}
.work-event-late{border-left-color:#c32741!important;background:#fff1f3;padding:12px 16px!important;margin:8px 0;color:#a01027}
.work-priority-picker{border:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}.work-priority-picker legend{font-weight:650;margin-bottom:8px}
.work-priority-picker label{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:4px;cursor:pointer}
.work-priority-picker input{width:auto!important;accent-color:#073c72}.work-priority-picker label:has(input:checked){outline:2px solid #0b3b6a;outline-offset:2px}
.work-form-grid details>summary{cursor:pointer;color:#134e8b;padding:12px 0;font-weight:650}
.work-timing{padding:8px 10px;border-radius:4px}.work-dialog .work-actions{position:sticky;bottom:-26px;background:white;padding:12px 0}

.work-proposal{border-left:3px solid #125394;background:#f1f6fc;padding:14px 18px;margin:16px 0}.work-proposal p{white-space:pre-wrap}.work-reject{background:#b42338;color:white;border-color:#b42338}
