.work-order-page{display:grid;gap:16px}.work-order-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,248,250,.96))}.work-order-intro h2{margin:8px 0 5px;color:#173547;font-size:22px}.work-order-intro p{max-width:760px;margin:0;color:#688095;font-size:14px}.work-order-intro-stats{display:grid;min-width:180px;gap:4px;padding:12px 15px;border:1px solid rgba(15,118,110,.18);border-radius:7px;background:#f0f8f7}.work-order-intro-stats span,.work-order-intro-stats strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-order-intro-stats span{color:#64808a;font-size:12px;font-weight:800}.work-order-intro-stats strong{color:#0f5e59;font-size:14px}.work-order-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.work-order-metric{min-height:114px;padding:15px 16px;border:1px solid rgba(119,139,160,.28);border-top:3px solid #0f766e;border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 12px 28px rgba(20,35,55,.07);color:#26364d;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.work-order-metric:hover,.work-order-metric.active{transform:translateY(-2px);box-shadow:0 18px 34px rgba(20,35,55,.13)}.work-order-metric span{display:block;color:#63758a;font-size:13px;font-weight:800}.work-order-metric strong{display:block;margin-top:7px;font-size:30px;line-height:1.1}.work-order-metric small{display:block;margin-top:7px;color:#7a8d9c;font-size:12px}.work-order-metric.blue{border-top-color:#2563eb}.work-order-metric.amber{border-top-color:#d97706}.work-order-metric.purple{border-top-color:#7c3aed}.work-order-metric.green{border-top-color:#15803d}
.work-order-layout{display:grid;grid-template-columns:minmax(680px,1fr) 300px;gap:16px;align-items:start}.work-order-list-panel{padding:18px}.work-order-panel-head{align-items:flex-start}.work-order-panel-head h2{margin:0;font-size:20px}.work-order-panel-head p{margin:5px 0 0;color:#718396;font-size:13px}.work-order-toolbar{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}.work-order-filters{display:flex;gap:4px;padding:4px;border:1px solid #d7e2e9;border-radius:6px;background:#f0f5f8}.work-order-filters button{min-height:32px;padding:0 9px;border-radius:5px;background:transparent;color:#6b7d8f;font-size:12px;font-weight:800}.work-order-filters button.active{background:#fff;box-shadow:0 3px 10px rgba(20,35,55,.09);color:#0f766e}.work-order-search{display:grid;gap:4px;color:#708295;font-size:11px;font-weight:800}.work-order-search input{width:196px;min-height:34px;padding:0 10px;border:1px solid #cfdce5;border-radius:6px;background:#fff;color:#25384b}.work-order-info,.work-order-error{margin:0 0 13px;padding:10px 12px;border-radius:6px;background:#f1f8f7;color:#0f5e59;font-size:13px;font-weight:750}.work-order-error{border:1px solid #fecaca;background:#fff1f2;color:#b42318}.work-order-table{display:grid;gap:8px}.work-order-table-head,.work-order-row{display:grid;grid-template-columns:1.72fr .82fr 1.04fr .88fr 1.08fr .9fr;gap:12px;align-items:center}.work-order-table-head{padding:0 14px 8px;color:#718396;font-size:12px;font-weight:850}.work-order-row{width:100%;min-height:77px;padding:12px 14px;border:1px solid #e0e8ee;border-left:4px solid #0f766e;border-radius:7px;background:linear-gradient(135deg,#fff,#f8fbfd);color:#283d50;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.work-order-row:hover{transform:translateX(3px);border-color:rgba(15,118,110,.32);box-shadow:0 12px 25px rgba(20,35,55,.09)}.work-order-row[data-status="PENDING_ACCEPT"]{border-left-color:#d97706}.work-order-row[data-status="IN_PROGRESS"]{border-left-color:#2563eb}.work-order-row[data-status="PENDING_REVIEW"]{border-left-color:#7c3aed}.work-order-row[data-status="COMPLETED"]{border-left-color:#15803d}.work-order-title{display:grid;gap:4px;min-width:0}.work-order-title strong{overflow:hidden;font-size:14px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.work-order-title em,.work-order-muted,.work-order-progress{overflow:hidden;color:#718396;font-size:12px;font-style:normal;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.work-order-progress{line-height:1.55}.work-order-progress em{color:#a55c09;font-style:normal}.work-order-status,.work-order-source{display:inline-flex;width:max-content;max-width:100%;min-height:27px;align-items:center;justify-content:center;padding:0 8px;overflow:hidden;border-radius:999px;background:#e7f8f4;color:#0b625d;font-size:12px;font-style:normal;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.work-order-status.pending{background:#fff4df;color:#a55c09}.work-order-status.progress{background:#e9f1ff;color:#1d4f91}.work-order-status.review{background:#f3eaff;color:#6d28d9}.work-order-status.done{background:#dcfce7;color:#166534}.work-order-status.revoked{background:#eff4f7;color:#526174}.work-order-source{border-radius:6px;background:#eff6ff;color:#1d4f91}.work-order-empty{padding:42px 18px;border:1px dashed #c6d7e0;border-radius:7px;color:#76899a;font-size:14px;font-weight:750;text-align:center}.work-order-empty.compact{padding:25px 10px}.work-order-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;color:#6f8293;font-size:12px;font-weight:750}.work-order-pager div{display:flex;align-items:center;gap:8px}.work-order-pager strong{color:#486173}.btn.danger{border-color:#fecaca;background:#fff1f2;color:#b42318}
.work-order-rail{display:grid;gap:16px}.work-order-rail-panel{padding:16px}.work-order-priority-list{display:grid;gap:9px}.work-order-priority-list button{display:grid;gap:4px;width:100%;padding:11px;border:1px solid #e1e9ee;border-radius:7px;background:#f9fbfd;color:#34495b;text-align:left}.work-order-priority-list button:hover{border-color:#94c7c0;background:#f3fbf9}.work-order-priority-list strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.work-order-priority-list span{color:#718396;font-size:12px;font-weight:700}.work-order-priority-list em{color:#a55c09;font-size:12px;font-style:normal;font-weight:800}.work-order-flow{display:grid;gap:12px;margin:0;padding:0;list-style:none}.work-order-flow li{display:grid;grid-template-columns:29px 1fr;gap:9px}.work-order-flow b{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#e5f4f1;color:#0b625d;font-size:11px}.work-order-flow span{color:#718396;font-size:12px;line-height:1.55}.work-order-flow strong{display:block;color:#3c5365;font-size:13px}
.work-order-drawer-backdrop,.work-order-modal-backdrop{position:fixed;inset:0;z-index:120;background:rgba(21,40,53,.22);backdrop-filter:blur(3px)}.work-order-drawer{position:fixed;top:0;right:0;z-index:121;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(570px,48vw);height:100vh;border-left:1px solid #ccdbe3;background:linear-gradient(180deg,#fff,#f6fafc);box-shadow:-24px 0 64px rgba(20,35,55,.22);animation:workOrderSlide .2s ease both}.work-order-drawer header,.work-order-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 24px 16px;border-bottom:1px solid #e2eaf0}.work-order-drawer header span,.work-order-modal header span{color:#0f766e;font-size:12px;font-weight:850}.work-order-drawer h2,.work-order-modal h2{margin:5px 0 0;color:#263b4d;font-size:23px;line-height:1.3}.work-order-close{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:50%;background:#edf3f6;color:#4f6677;font-size:25px;line-height:1}.work-order-drawer-body{overflow:auto;padding:19px 24px}.work-order-detail-block{padding:14px;border:1px solid #e0e8ee;border-radius:7px;background:#fff}.work-order-detail-block+.work-order-detail-block{margin-top:12px}.work-order-detail-block h3{margin:0 0 8px;color:#0b625d;font-size:15px}.work-order-detail-block p{margin:0;color:#445a6b;font-size:14px;line-height:1.65;white-space:pre-wrap}.work-order-detail-block small{display:block;margin-top:8px;color:#6e8191;font-size:12px;font-weight:750}.work-order-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.work-order-detail-grid div{min-height:62px;padding:10px;border-radius:6px;background:#f4f9f8}.work-order-detail-grid span{display:block;color:#718396;font-size:12px;font-weight:800}.work-order-detail-grid strong{display:block;margin-top:4px;color:#304759;font-size:14px}.work-order-assignee-list,.work-order-timeline{display:grid;gap:8px}.work-order-assignee-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:6px;background:#f8fbfd}.work-order-assignee-list strong{font-size:14px}.work-order-assignee-list span{font-size:13px;font-weight:800}.work-order-assignee-list .pending_accept{color:#a55c09}.work-order-assignee-list .in_progress{color:#1d4f91}.work-order-assignee-list .reported{color:#166534}.work-order-report{padding:11px;border-radius:6px;background:#f1f7ff}.work-order-report+.work-order-report{margin-top:8px}.work-order-report strong{color:#1d4f91;font-size:13px}.work-order-report p{margin-top:4px;font-size:13px}.work-order-photo-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;color:#6f8293;font-size:12px}.work-order-photo-list a{padding:4px 7px;border-radius:5px;background:#e2f4f1;color:#0b625d;font-weight:800;text-decoration:none}.work-order-timeline div{position:relative;padding:0 0 12px 18px;border-left:2px solid #dbeae7}.work-order-timeline div:last-child{padding-bottom:0}.work-order-timeline div::before{position:absolute;top:2px;left:-6px;width:10px;height:10px;border-radius:50%;background:#0f766e;content:""}.work-order-timeline strong{display:block;color:#445a6b;font-size:13px;line-height:1.45}.work-order-timeline span{display:block;margin-top:3px;color:#718396;font-size:12px}.work-order-drawer footer{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding:14px 24px 20px;border-top:1px solid #e2eaf0}
.work-order-modal-backdrop{z-index:130;display:grid;place-items:center;padding:28px;backdrop-filter:blur(7px)}.work-order-modal{width:min(780px,100%);max-height:86vh;overflow:auto;border:1px solid #cad9e2;border-radius:9px;background:#fff;box-shadow:0 34px 86px rgba(20,35,55,.28);animation:workOrderModal .2s ease both}.work-order-modal header p{margin:5px 0 0;color:#718396;font-size:13px}.work-order-modal form{display:grid;gap:14px;padding:20px 24px 24px}.work-order-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.work-order-form-grid .wide{grid-column:1/-1}.work-order-modal label{display:grid;gap:7px;color:#3b5062;font-size:13px;font-weight:800}.work-order-modal input,.work-order-modal select,.work-order-modal textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid #ccdbe4;border-radius:6px;background:#fff;color:#2b4152}.work-order-modal textarea{min-height:86px;resize:vertical;line-height:1.55}.work-order-modal input:focus,.work-order-modal select:focus,.work-order-modal textarea:focus{border-color:#0f766e;outline:3px solid rgba(15,118,110,.11)}.work-order-modal fieldset{border:0;margin:0;padding:0}.work-order-modal legend{margin-bottom:8px;color:#3b5062;font-size:13px;font-weight:800}.work-order-assignee-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.work-order-assignee-choice label{display:flex;align-items:center;gap:8px;min-height:43px;padding:8px 10px;border:1px solid #dce7ed;border-radius:6px;background:#f8fbfd}.work-order-assignee-choice input{width:16px;min-height:16px;accent-color:#0f766e}.work-order-assignee-choice span{display:grid;min-width:0;gap:1px}.work-order-assignee-choice small,.work-order-modal fieldset>small{color:#718396;font-size:11px;font-weight:700}.work-order-check{display:flex!important;align-items:center;gap:8px;width:max-content}.work-order-check input{width:16px;min-height:16px;accent-color:#0f766e}.work-order-modal form>footer{display:flex;justify-content:flex-end;gap:9px;margin-top:2px}@keyframes workOrderSlide{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes workOrderModal{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.work-order-alert-modal{width:min(680px,100%)}.work-order-alert-list{display:grid;gap:10px;max-height:52vh;overflow:auto;padding:18px 24px}.work-order-alert-list button{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;width:100%;padding:13px;border:1px solid #dce7ed;border-radius:7px;background:#f8fbfd;color:#334b5d;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.work-order-alert-list button:hover{border-color:#4aa49a;background:#f2faf8;transform:translateY(-1px)}.work-order-alert-list strong{align-self:center;font-size:14px}.work-order-alert-list p{grid-column:1/-1;margin:1px 0 0;color:#61788a;font-size:13px;line-height:1.5}.work-order-alert-list small{grid-column:1/-1;color:#8092a0;font-size:11px;font-weight:750}.work-order-alert-level{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:22px;padding:0 6px;border-radius:5px;background:#fff4df;color:#a55c09;font-size:10px;font-weight:900}.work-order-alert-level.high{background:#fff0f0;color:#b42318}.work-order-alert-level.low{background:#edf8f4;color:#14745c}.work-order-alert-modal>footer{display:flex;justify-content:flex-end;padding:0 24px 22px}