/* Staff phone and owner checklist tools share only work-specific styles. */
.staff-work{box-sizing:border-box;max-width:880px;margin:0 auto;padding:26px 22px 38px;color:#173b33;font-family:inherit;line-height:1.55;background:#f8faf7;min-height:100dvh}.staff-work *,.staff-work-modal-root *{box-sizing:border-box}.staff-work .btn,.staff-work-modal-root .btn{min-height:44px;white-space:normal}.staff-work .field label,.staff-work-modal-root .field label{display:grid;gap:7px;font-weight:700}.staff-work input,.staff-work select,.staff-work textarea,.work-admin input,.work-admin select,.work-wide-modal input,.work-wide-modal textarea,.work-wide-modal select{max-width:100%;font:inherit}.staff-work input:not([type=checkbox]),.staff-work select,.staff-work textarea{width:100%;border:1px solid #d5e0d8;border-radius:12px;background:#fff;padding:12px;color:#173b33;min-width:0}.staff-work button:focus-visible,.staff-work input:focus-visible,.staff-work select:focus-visible,.staff-work textarea:focus-visible,.work-wide-modal input:focus-visible,.work-tabs button:focus-visible{outline:3px solid #67b89b;outline-offset:3px}.staff-work .field{margin:18px 0}.staff-auth-screen{display:flex;flex-direction:column;align-items:center;padding-top:48px}.staff-work-brand{font-size:20px;font-weight:900;letter-spacing:.16em;color:#2b6453;margin-bottom:32px}.staff-login-card{width:100%;max-width:440px;background:white;padding:30px;border:1px solid #dce6db;border-radius:22px;box-shadow:0 12px 40px #143d2d08}.staff-login-card h1{font-size:28px;margin:10px 0}.staff-login-card>p{color:#6a7b70;margin-bottom:24px}.staff-login-card .full,.staff-work .full{width:100%}.staff-work-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:25px}.staff-work-header span{font-size:12px;letter-spacing:.08em;font-weight:800;color:#648174}.staff-work-header h1{font-size:27px;line-height:1.3;margin:6px 0 8px;overflow-wrap:anywhere}.staff-work-header p{color:#688071;font-size:14px;margin:0}.staff-work-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.staff-work-actions .btn{flex:1;min-width:90px}.staff-work-alert{padding:13px 16px;background:#fff5da;border:1px solid #ecd8a0;border-radius:12px;font-size:14px;overflow-wrap:anywhere}.staff-work-footer{margin-top:32px;padding-top:20px;border-top:1px solid #dbe6db;text-align:center;color:#78867c;font-size:12px}.work-phone-attendance{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;background:#edf5ec;border:1px solid #d4e3d0;border-radius:16px}.work-phone-attendance p{margin:5px 0 0;font-size:13px;color:#627b68}.work-phone-attendance .btn{flex-shrink:0}.work-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 12px}.work-progress>div{border:1px solid #dce6db;border-radius:15px;background:#fff;padding:17px 18px;min-width:0}.work-progress span{display:block;color:#738372;font-size:13px;white-space:nowrap}.work-progress strong{font-size:28px;font-weight:850;display:block;margin-top:3px;color:#244d3f}.work-progress small{font-size:12px;margin-left:5px;font-weight:600}.work-progress .work-overdue-stat{background:#fff5ee;border-color:#f1cbb5}.work-progress .work-overdue-stat strong{color:#b44f23}.work-progress-track{height:7px;background:#e2eadf;border-radius:99px;overflow:hidden;margin-bottom:22px}.work-progress-track span{display:block;height:100%;background:#447d59;border-radius:99px;transition:width .2s}.work-scope{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.work-tabs{display:flex;gap:4px;padding:4px;background:#edf1e9;border-radius:12px;max-width:100%}.work-tabs button{border:none;background:transparent;color:#6b7c6c;font:inherit;font-size:13px;padding:9px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;min-height:38px}.work-tabs button.selected{color:#244f39;background:#fff;box-shadow:0 2px 8px #2140310d;font-weight:800}.work-slot{margin-bottom:26px}.work-slot h2{display:flex;align-items:center;gap:12px;font-size:20px;margin:0 0 12px}.work-slot h2 small{font-size:12px;font-weight:500;color:#7a8979}.work-card-list{display:grid;gap:13px}.work-task-card{border:1px solid #dce5d8;border-radius:17px;padding:20px;background:#fff;overflow:hidden}.work-task-card.is-done{border-color:#c8dfc5;background:#fcfefb}.work-task-card.is-overdue{border-color:#e8bda1;box-shadow:inset 4px 0 #cb764a}.work-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.work-card-title h3{font-size:18px;line-height:1.45;margin:10px 0 0;overflow-wrap:anywhere}.work-due{font-size:13px;color:#6a7d6c;white-space:nowrap;padding-top:4px}.work-tag{display:inline-flex;font-size:11px;border-radius:6px;padding:4px 7px;background:#eef1eb;color:#6c7d68;font-weight:800;line-height:1.3}.work-tag.done{color:#347043;background:#e7f3e4}.work-tag.late{color:#a44c27;background:#fff0e3}.work-description{color:#6e7c6c;font-size:14px;line-height:1.7;margin:14px 0 10px;overflow-wrap:anywhere}.work-assignment{font-size:12px;color:#83907e;margin:13px 0}.work-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.work-card-actions .btn{min-height:42px}.work-completion{display:flex;gap:8px 15px;flex-wrap:wrap;align-items:center;font-size:13px;background:#eef6e9;padding:12px 14px;border-radius:10px;margin-top:13px}.work-completion span{color:#65815e}.work-completion p{flex-basis:100%;margin:3px 0 0;overflow-wrap:anywhere}.work-empty{padding:28px 20px;text-align:center;background:#fbfcf9;border:1px dashed #d6e1cf;border-radius:15px;color:#6d7d66;margin:16px 0}.work-empty strong{font-size:16px;color:#4b6346}.work-empty p{font-size:14px;margin:8px 0 0}.work-notice{font-size:12px;line-height:1.75;color:#809078;margin:14px 0}.work-inbox{display:grid;gap:12px}.work-notification{border:1px solid #dce6d6;border-radius:12px;padding:16px;background:#fff}.work-notification.unread{border-left:4px solid #5a8b50}.work-notification.resolved{background:#f5f8f0}.work-notification p{font-size:14px;margin:10px 0;overflow-wrap:anywhere}.work-notification small{font-size:12px;color:#8c9884}.work-notification-button b{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background:#b86b38;color:#fff;font-size:11px}.work-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.work-admin-head h2{margin:8px 0 10px;font-size:28px}.work-admin-head p{color:#819078;font-size:14px}.work-admin-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.work-admin-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:15px;background:#f5f8f0;border:1px solid #e1e8d8;border-radius:13px}.work-admin-tools label{display:grid;gap:5px;font-size:12px;color:#839078}.work-admin-tools input{padding:10px;background:#fff;border:1px solid #d8e1cf;border-radius:8px}.work-attendance{margin:30px 0;padding:22px;border:1px solid #e0e8d6;border-radius:16px;background:#fbfcf7}.work-attendance h2{font-size:16px;margin:0 0 15px}.work-attendance-list{display:flex;gap:10px;flex-wrap:wrap}.work-attendance-list>span{padding:9px 12px;border-radius:10px;border:1px solid #dfe7d5;background:white;font-size:14px}.work-attendance-list small{display:block;color:#8a967f;font-size:11px;margin-top:3px}.work-template-list{padding:20px;border:1px solid #dce5d1;border-radius:15px}.work-template-list summary,.work-account-settings summary{cursor:pointer;font-size:14px;font-weight:700}.work-template-list article,.work-account-list article{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e8ede1;padding:15px 0}.work-template-list article>div,.work-account-list article>div{flex:1;min-width:0}.work-template-list strong,.work-account-list strong{display:block;font-size:14px;overflow-wrap:anywhere}.work-template-list small,.work-account-list small{display:block;margin-top:4px;font-size:12px;color:#86927a}.work-account-settings details{margin-top:20px;border-top:1px solid #e0e7d5;padding-top:18px}.work-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.work-form-grid .field{min-width:0}.work-form-grid small{font-size:11px;color:#87937b}.work-wide-modal{width:min(680px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important;overflow:auto}.work-wide-modal textarea{width:100%;resize:vertical;min-height:70px;border:1px solid #dbe3d0;border-radius:9px;padding:12px;color:#29492d;background:#fff;font:inherit}.work-weekdays,.work-assignees{border:1px solid #dde5d1;border-radius:10px;padding:12px;margin:16px 0;display:flex;flex-wrap:wrap;gap:12px}.work-weekdays legend,.work-assignees legend{font-size:12px;color:#75856a;padding:0 6px}.work-weekdays label,.work-assignees label{font-size:13px;display:flex;align-items:center;gap:5px;min-height:32px}.work-form-grid [hidden],.work-weekdays[hidden]{display:none}.work-complete-summary{background:#f5f8ef;padding:16px;border-radius:12px;margin-bottom:18px}.work-complete-summary h3{margin:10px 0;font-size:19px;overflow-wrap:anywhere}.work-complete-summary p{font-size:14px;color:#76846b;line-height:1.7;overflow-wrap:anywhere}.work-camera{position:relative;cursor:pointer;overflow:hidden;display:flex!important;width:100%;align-items:center;justify-content:center}.work-camera input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.work-upload-status{font-size:13px;color:#67845a;margin:12px 0}.work-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.work-photo-grid figure{margin:0;min-width:0}.work-photo-grid img{display:block;width:100%;height:140px;object-fit:cover;border-radius:10px;border:1px solid #d9e4cb;background:#eef3e7}.work-photo-grid figcaption{font-size:11px;color:#849179;text-align:center;margin:5px}.work-photo-grid a{display:block}.work-report-previews{display:grid;gap:16px;margin:15px 0}.work-report-previews img{display:block;width:100%;height:auto;border:1px solid #dbe4cc;border-radius:8px}.work-demo-label{display:block;color:#87601c;background:#fff4d8;border:1px solid #ead8a4;border-radius:9px;font-size:12px;font-weight:700;padding:9px 12px;margin:10px 0 18px}.staff-work-modal-root .modal-backdrop{position:fixed;inset:0;background:#122c26a8;z-index:1000;display:flex;align-items:center;justify-content:center;padding:14px}.staff-work-modal-root .modal{background:#fffefb;border-radius:20px;box-shadow:0 20px 80px #0f281f3d;display:block;padding:0;color:#183b30}.staff-work-modal-root .modal-head{padding:20px 22px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e4eadb}.staff-work-modal-root .modal-head h2{font-size:20px;margin:0}.staff-work-modal-root .modal-body{padding:20px 22px}.staff-work-modal-root .modal-actions{display:flex;gap:9px;flex-wrap:wrap;padding:16px 22px;border-top:1px solid #e4eadb;position:sticky;bottom:0;background:#fffefb}.staff-work-modal-root .modal-actions .btn{flex:1}.staff-work-modal-root .field{margin:15px 0}.staff-work-modal-root .checkbox-row{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.6}.staff-work-modal-root .checkbox-row input{width:18px;height:18px;flex-shrink:0}.staff-work-modal-root .form-error{color:#ad4b35;font-size:13px;overflow-wrap:anywhere}.staff-work-modal-root .muted{color:#84917a;font-size:13px}.work-phone-inbox h2{font-size:20px}.staff-work .btn:disabled,.staff-work-modal-root .btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.work-admin-head{flex-direction:column}.work-admin-head>div:last-child{justify-content:flex-start}.work-progress>div{padding:14px 12px}.work-progress strong{font-size:25px}.work-scope{gap:8px}.work-tabs button{padding:9px 10px}.work-account-list article{flex-wrap:wrap}.work-account-list article>div{flex-basis:100%}.work-attendance{padding:16px}.staff-work .work-tabs{width:100%}.staff-work .work-tabs button{flex:1}.work-admin .work-tabs{max-width:100%;overflow:auto}}
@media(max-width:460px){.staff-work{padding:22px 15px 30px}.staff-auth-screen{padding-top:34px}.staff-login-card{padding:25px 21px}.staff-work-header h1{font-size:23px}.staff-work-header{gap:8px}.staff-work-header>.btn{font-size:11px;padding:9px 10px}.work-progress{gap:6px}.work-progress>div{padding:12px 8px;border-radius:11px}.work-progress span{font-size:10px}.work-progress strong{font-size:25px}.work-progress small{font-size:10px;margin-left:3px}.work-task-card{padding:17px}.work-card-title h3{font-size:17px}.work-due{font-size:11px}.work-phone-attendance{padding:15px 13px;gap:10px}.work-phone-attendance strong{font-size:14px}.work-phone-attendance p{font-size:11px}.work-phone-attendance .btn{font-size:12px;padding:9px 11px}.work-form-grid{grid-template-columns:1fr;gap:0}.work-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-photo-grid img{height:130px}.work-wide-modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}.staff-work-modal-root .modal-backdrop{padding:10px}.staff-work-modal-root .modal-head{padding:17px 17px 13px}.staff-work-modal-root .modal-head h2{font-size:18px}.staff-work-modal-root .modal-body{padding:17px}.staff-work-modal-root .modal-actions{padding:13px 17px}.work-template-list{padding:15px}.work-template-list article{align-items:flex-start}.work-card-actions .btn{flex:1}.work-progress-track{margin-bottom:17px}}
.work-phone-date{display:flex;align-items:flex-end;gap:10px;margin:18px 0 0}.work-phone-date label{font-size:12px;color:#6f806a;display:grid;gap:5px}.work-phone-date input{max-width:210px}