/* Clear visual hierarchy and generous mobile controls. */
:root{--ink:#152d3b;--muted:#526974;--green:#087b65;--line:#d8e2e6;--bg:#eef3f6;--lime:#deefab}body{font-size:16px;background:var(--bg)}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #168aa0;outline-offset:4px}.ico{width:21px;height:21px;flex:none;display:inline-block;vertical-align:middle}.demo{background:#e5ecee;color:#425b66;min-height:31px;font-size:10px}.demo button{color:#345763;min-height:25px}.demo strong{letter-spacing:1.3px}header{height:103px;padding:0 32px;box-shadow:0 2px 10px #20354605;position:relative;z-index:2}.mark{height:44px;width:44px;line-height:37px;background:#087b65;box-shadow:0 4px 8px #087b6522}.brandnote{font-size:13px}.view-switch{gap:5px;background:#edf2f4;padding:5px;border:1px solid #e0e7ea}.view-switch button{padding:9px 24px;min-width:130px;display:flex;flex-direction:column;gap:4px;text-align:left}.view-switch button strong{font-size:14px}.view-switch button small{font-size:10px;font-weight:500;color:#586c78}.view-switch button.active{background:#163e4a;color:white;box-shadow:0 3px 7px #183b3422}.view-switch button.active small{color:#d2e4e8}.view-switch button[data-role=worker].active{background:#20518c}.view-switch button[data-role=customer].active{background:#087b65}.avatar{height:42px;width:42px;font-size:18px}.shell{grid-template-columns:230px 1fr;max-width:1680px;min-height:calc(100vh - 134px)}aside{background:#173644;color:#f1f7fa;border:0;padding:31px 17px}.account{padding:10px 12px 28px}.account strong{font-size:20px;color:#fff}.account .eyebrow{color:#adcad3}.account small{color:#b4c9d0}.nav{gap:10px}.nav button{color:#d2e0e5;display:flex;align-items:center;gap:13px;padding:15px 14px;font-size:14px;min-height:50px;text-align:left;border:1px solid transparent}.nav button:hover{background:#254958}.nav button.active{color:#123d38;background:#d8edcf;border-color:#e6f3df}.nav .ico{width:19px;height:19px}.side-foot{color:#acc3cc;border-color:#365361;line-height:1.8}.side-foot strong{color:#e2edf1;font-size:13px}main{padding:38px 36px 65px}.pagehead{margin-bottom:29px;gap:20px}.pagehead .sub{max-width:670px;line-height:1.6}.pagehead .actions{justify-content:flex-end}h1{font-size:32px;letter-spacing:-1.1px;margin-bottom:10px}h2{font-size:21px}h3{font-size:19px}.eyebrow{font-size:11px;color:#536e7d;letter-spacing:1.6px}.sub{font-size:14px;color:#526b77}.btn{padding:13px 19px;min-height:47px;font-size:14px;border-radius:10px;gap:10px;box-shadow:0 3px 6px #132f3912;transition:background .15s,box-shadow .15s,transform .15s}.btn:hover{background:#066553;box-shadow:0 4px 10px #123a3b20;transform:translateY(-1px)}.btn.light{border:1px solid #bdcdd5;background:#fff;color:#234655;box-shadow:none}.btn.light:hover{background:#f0f6f8;border-color:#6d98a9}.btn.small{min-height:42px;padding:10px 14px;font-size:13px}.btn.danger{border:1px solid #db9b91;color:#982d24;background:#fff1ee;box-shadow:none}.btn.danger:hover{background:#ffe4dd}.btn .ico{width:19px;height:19px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{border:1px solid #cddae0;border-top:4px solid #087b65;border-radius:12px;padding:19px 18px;box-shadow:0 4px 10px #18344605;text-align:left;min-width:0;color:var(--ink)}button.stat{width:100%;cursor:pointer;transition:box-shadow .2s}button.stat:hover{box-shadow:0 5px 20px #18344616}.stat.amber{border-top-color:#d78a12}.stat.blue{border-top-color:#497cb4}.stat.clay{border-top-color:#b56a4b}.metric-top{display:flex;gap:9px;align-items:center;min-height:35px;margin-bottom:13px}.metric-top label{margin:0;font-size:12px;font-weight:600;line-height:1.35;cursor:inherit}.metric-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;width:31px;height:31px;background:#e6f3ed;color:#07745b;flex:none}.amber .metric-icon{background:#fff1d3;color:#975c08}.blue .metric-icon{background:#e9f0fd;color:#30649e}.clay .metric-icon{background:#fae8df;color:#985432}.metric-icon .ico{width:17px;height:17px}.metric-top>.ico{width:15px;margin-left:auto;color:#6d828e}.stat strong{font-size:34px;line-height:1}.stat small{color:#536d78;font-size:11px;line-height:1.45;margin-top:11px}.attention{display:flex;align-items:center;gap:16px;border:1px solid #c6ddd3;border-radius:12px;background:#edf7f0;padding:20px 22px;margin-bottom:29px}.attention.has-items{border-color:#e6c786;background:#fff6e5}.attention-icon{display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;background:#e3f0e5;color:#277454;border-radius:13px;flex:none}.has-items .attention-icon,.customer-attention .attention-icon{background:#ffe5ac;color:#915811}.attention strong{font-size:17px}.attention p{margin:5px 0 0;font-size:13px;color:#576976;line-height:1.5}.attention>.btn{margin-left:auto;white-space:nowrap}.amber-btn{background:#945a07;color:white}.amber-btn:hover{background:#784807}.sectionbar{margin:28px 0 17px}.sectionbar h2{margin:0}.sectionbar>div{display:flex;align-items:center;gap:12px}.sectionbar .sub{font-size:12px;background:#dde7ec;border-radius:20px;padding:5px 10px;color:#486471}.job-toolbar{display:flex;gap:13px;margin-bottom:20px}.searchbox{display:flex;gap:10px;align-items:center;border:1px solid #c9d7df;border-radius:10px;background:white;padding:0 14px;flex:1;max-width:540px;color:#64828e}.searchbox input{border:0;background:none;min-width:0;width:100%;font-size:14px;padding:15px 0;color:var(--ink);outline-offset:0}.job-toolbar select{border:1px solid #c9d7df;border-radius:10px;padding:10px 34px 10px 13px;background:white;color:#294c5c;font-size:13px;min-height:49px}.jobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.card{border:1px solid #becfd8;border-radius:15px;box-shadow:0 7px 17px #1837460a}.job-card{--job-colour:#087b65;--job-tint:#e8f5ed;transition:box-shadow .2s,transform .2s}.job-card.blue{--job-colour:#306ea5;--job-tint:#eaf1fa}.job-card.clay{--job-colour:#a15a3c;--job-tint:#faf0e8}.job-card:hover{box-shadow:0 10px 25px #18374615;transform:translateY(-2px)}.job-art{height:168px;border-top:5px solid var(--job-colour);border-bottom:1px solid #cbd6d8}.job-art img{filter:saturate(.8);object-position:center}.job-art .tag{top:12px;left:12px;background:#fff;box-shadow:0 2px 9px #18374618;border:1px solid #dce8e3;font-size:10px;display:flex;align-items:center;gap:6px}.tag{padding:7px 10px;font-size:11px;letter-spacing:0;border:1px solid #bfdbc9;background:#e5f4ea;color:#146441;line-height:1.25;border-radius:6px}.tag i{width:6px;height:6px;display:inline-block;background:#148459;border-radius:50%}.tag.blue{background:#e8effa;border-color:#c8d7eb;color:#325c8c}.tag.blue i{background:#547daf}.tag.amber{background:#fff1d6;border-color:#eace96;color:#835104}.job-number{position:absolute;right:12px;bottom:12px;font-size:10px;letter-spacing:1px;font-weight:800;padding:6px 8px;border-radius:5px;background:#173644d9;color:white}.card-body{padding:20px}.card-body h3{font:800 19px Manrope,system-ui;letter-spacing:-.4px;line-height:1.3;margin-bottom:8px}.card-customer{font-size:13px;font-weight:700;color:#395b6a}.job-location{display:flex;gap:6px;color:#5c7580;font-size:11px;line-height:1.5;margin-top:6px}.job-location .ico{width:13px;height:16px}.job-meta{margin:19px 0 9px;font-size:12px;color:#526a78}.job-meta strong{color:var(--job-colour)}.progress{height:7px;background:#e7eef1}.progress i{background:var(--job-colour,var(--green))}.next-step{display:flex;align-items:center;gap:10px;background:var(--job-tint);border-radius:9px;padding:13px;margin:18px 0 8px;min-height:68px}.next-icon{color:var(--job-colour)}.next-icon .ico{width:19px}.next-step small{display:block;font-size:9px;letter-spacing:1.1px;color:#526f77;margin-bottom:4px;font-weight:700}.next-step strong{font-size:12px;line-height:1.5;display:block;color:var(--job-colour)}.card-info{display:flex;gap:6px;align-items:center;justify-content:space-between;min-height:55px;margin-bottom:12px}.workers{margin:7px 0;gap:4px;font-size:10px;line-height:1.35}.workers>span:last-child{margin-left:3px}.bubble{background:#e3ecef;border:2px solid white;color:#325766;width:30px;height:30px;font-size:10px;flex:none}.mini-alert{border:1px solid #e5c487;color:#8b5404;background:#fff1d7;border-radius:5px;padding:7px;font-size:10px;font-weight:700;white-space:nowrap;min-height:34px}.card-actions{display:flex;gap:8px}.card-actions>.btn{width:100%;justify-content:space-between;font-size:13px;min-height:46px}.role-worker .card-actions{flex-direction:column}.role-worker .card-actions>.btn{justify-content:center}.workerbanner{border:1px solid #c4d5e1;background:#fff;border-radius:13px;padding:20px;gap:20px;justify-content:space-between;box-shadow:0 4px 10px #18344605}.worker-identity{display:flex;align-items:center;gap:12px}.worker-identity>.bubble{width:47px;height:47px;background:#e6edf9;color:#2c609a;font-size:16px}.worker-identity strong{font-size:16px;display:block}.worker-identity small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.worker-choose label{display:block;color:#536b7b;font-size:11px;margin-bottom:7px}.workerbanner select{font-size:13px;border-color:#c0ced9;min-height:44px}.worker-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-strip{display:flex;align-items:center;justify-content:center;gap:19px;font-size:12px;color:#536c7d;margin-top:30px;padding:20px;background:#e4edf3;border-radius:12px}.workflow-strip span{display:flex;align-items:center;gap:7px}.workflow-strip b{display:inline-flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;background:white;color:#295d86}.workflow-strip i{font-style:normal;color:#8dabb9}.panel{border:1px solid #cad8df;box-shadow:0 5px 14px #17364407;border-radius:14px;padding:25px}.panel>h2{margin-bottom:12px}.feed-item{border:1px solid #dce5e8;border-left:4px solid #55a28b;border-radius:11px;padding:20px;margin-top:18px;background:#fff;box-shadow:0 2px 4px #22364404}.feed-item:last-child{border:1px solid #dce5e8;border-left:4px solid #55a28b}.feed-item.update-pending{border-left-color:#d4972c;background:#fffdf8}.feed-item.update-returned{border-left-color:#c37365;background:#fffafa}.feed-top{gap:10px;flex-wrap:wrap;margin-bottom:17px}.feed-top>.bubble{height:35px;width:35px;background:#e8f0f2}.feed-top strong{font-size:13px}.feed-top small{font-size:11px}.feed-top>.tag{font-size:10px;max-width:150px}.feed-item h3{font-size:18px;line-height:1.4}.feed-item>p{font-size:14px;color:#405d6a;line-height:1.75}.feed-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.feed-photos img{width:100%;height:160px;border:1px solid #d2dde1;border-radius:9px}.feed-photos img:only-child{grid-column:1/-1;height:210px}.review-panel{padding:0;overflow:hidden;max-width:970px}.review-job{display:flex;align-items:center;gap:10px;padding:17px 24px;background:#173e4b;color:white;font-size:15px;font-weight:700}.review-job span{margin-left:auto;font-weight:400;font-size:12px;color:#c6dce4}.review-panel .feed-item{border:0;box-shadow:none;margin:0;border-radius:0;padding:25px}.review-panel .feed-photos img:only-child{height:260px;object-fit:contain;background:#edf2f0}.review-warning{display:flex;align-items:center;gap:9px;color:#805008;background:#fff2d8;padding:12px 14px;margin-top:18px;border-radius:8px;font-size:12px;font-weight:600}.review-warning .ico{width:17px}.moderation{display:grid;grid-template-columns:1fr 1fr;gap:12px}.moderation .btn{min-height:52px;justify-content:center}.job-breadcrumb{display:flex;align-items:center;gap:11px;font-size:10px;color:#617f8f;font-weight:700;letter-spacing:1px;margin-bottom:18px}.job-breadcrumb button{background:white;border:1px solid #cad8df;color:#365e70;border-radius:6px;padding:9px 12px;font-size:12px;letter-spacing:0;min-height:38px}.job-overview{display:flex;align-items:center;gap:27px;background:#fff;border:1px solid #c9d9df;border-radius:14px;padding:25px 28px;margin-bottom:23px;border-top:4px solid #087b65;box-shadow:0 5px 14px #17364407}.job-overview.blue{border-top-color:#306ea5}.job-overview.clay{border-top-color:#a15a3c}.overview-progress{display:flex;align-items:center;gap:16px;border-right:1px solid #dce5e8;padding-right:28px;flex:none}.progress-ring{width:84px;height:84px;border-radius:50%;background:conic-gradient(#087b65 var(--progress),#e1ece9 0);display:flex;align-items:center;justify-content:center}.progress-ring strong{background:white;height:66px;width:66px;display:flex;align-items:center;justify-content:center;border-radius:50%;font:800 25px Manrope,system-ui}.progress-ring strong small{font-size:12px;margin-left:2px}.overview-progress p{font-size:12px;color:#5e7985;margin:8px 0 0}.overview-next{flex:1;min-width:0}.overview-next .eyebrow{font-size:10px}.overview-next h2{margin:6px 0 9px;font-size:22px}.overview-next .sub{font-size:12px}.job-overview>.btn{flex:none;font-size:12px}.customer-attention{display:flex;align-items:center;gap:15px;width:100%;border:1px solid #e3c37c;border-radius:12px;padding:17px 20px;background:#fff5dc;text-align:left;color:#6f4c16;margin-bottom:23px}.customer-attention strong{display:block;font-size:16px}.customer-attention div>span{display:block;font-size:12px;margin-top:5px;color:#7f6438}.customer-attention>.ico{margin-left:auto}.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;border:0;margin:0 0 25px;overflow:visible}.tabs button{position:relative;background:white;border:1px solid #c7d7df;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;color:#496575;padding:16px 9px;min-height:61px;font-size:13px;font-weight:600}.tabs button:hover{border-color:#6a9daa;background:#f8fcfc}.tabs button.active{background:#173e4b;border:1px solid #173e4b;color:white;box-shadow:0 4px 9px #173e4b1c}.tabs button.active:after{content:'';width:8px;height:8px;transform:rotate(45deg);background:#173e4b;position:absolute;bottom:-5px}.tabs .ico{width:21px;height:21px}.tab-count{border-radius:50%;height:19px;width:19px;display:flex;align-items:center;justify-content:center;background:#ffda90;color:#664814;font-size:10px}.role-worker .tabs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:430px}.two{gap:23px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.steps li{font-size:14px;padding:17px 0;border-bottom:1px solid #ebeff1}.steps li:last-child{border:0}.steps .dot{width:15px;height:15px}.notice{font-size:13px;border:1px solid #d7e7db;background:#eef7ee;color:#386353;padding:13px 15px}.notice.amber{border:1px solid #efdbb4;background:#fff7e8;color:#775624}.checks label{padding:18px 5px;line-height:1.6}.checks input{width:23px;height:23px;flex:none}.row{padding:18px 0}.row strong{font-size:14px}.amount{font-size:24px}.reference{background:#f6f9fb;border:1px solid #c8d8e2;padding:21px}.reference .btn{width:100%;margin-top:8px}.tip{padding:20px;border:1px solid #cadde5;background:#e5eef2;border-radius:11px;color:#456879;line-height:1.7}.document{padding:20px;background:#f3f7fa;border-color:#d0dce3}dialog{padding:34px;width:min(610px,94vw);border-radius:18px;border:1px solid #d7e0e5}dialog h2{font-size:24px}.close{height:39px;width:39px;border-radius:50%;background:#edf2f5;color:#415e6e;right:12px;top:12px}.field{margin:21px 0;font-size:14px}.field input,.field textarea,.field select{min-height:48px;padding:13px;border-color:#b7cbd4;border-radius:9px;font-size:16px}.field textarea{min-height:125px}.field input[type=checkbox]{min-height:0;width:19px;height:19px;vertical-align:middle}.photo-drop{background:#f2f7fb;border:2px dashed #98bacb;border-radius:12px;padding:22px;text-align:center;display:flex;flex-direction:column;gap:9px;align-items:center}.photo-drop>.ico{height:31px;width:31px;color:#327392}.photo-drop strong{font-size:15px}.photo-drop>span{font-size:11px;font-weight:400;color:#5c7683}.photo-drop input{font-size:12px;width:100%;max-width:370px;border:0;background:none;min-height:40px;padding:9px 0;margin:5px 0 0}.photo-drop input::file-selector-button{background:#245c77;color:white;border:0;border-radius:7px;padding:11px 15px;margin-right:10px;font-weight:600;cursor:pointer}.photo-drop small{color:#416b7f;font-weight:600;font-size:12px}.form-submit{width:100%;min-height:53px;font-size:15px}.mobile-action{display:none}#toast{box-shadow:0 8px 35px #152d3b35;font-size:14px;line-height:1.5;padding:16px 22px;background:#173e4b}
@media(min-width:1500px){.jobs{gap:24px}.job-art{height:185px}.card-body{padding:24px}}
@media(max-width:1200px){.brandnote{display:none}.shell{grid-template-columns:205px 1fr}main{padding:30px 26px 60px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.jobs{grid-template-columns:repeat(2,minmax(0,1fr))}.job-art{height:178px}.two{grid-template-columns:1fr}.tabs button{flex-direction:column;gap:7px}.tab-count{position:absolute;right:7px;top:5px}.worker-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.job-overview{gap:20px;padding:23px}.overview-progress{padding-right:20px}.overview-next h2{font-size:19px}.job-overview>.btn{align-self:flex-start}.workerbanner{flex-wrap:wrap}.review-panel .feed-photos img:only-child{height:250px}}
@media(max-width:900px){header{padding:0 22px}.view-switch button{min-width:110px;padding:9px 16px}.shell{grid-template-columns:170px 1fr}aside{padding:25px 10px}.account{padding:5px 9px 25px}.account strong{font-size:18px}.nav button{font-size:12px;gap:9px;padding:13px 10px}.side-foot{margin-left:9px;margin-right:9px}main{padding:27px 20px 50px}h1{font-size:28px}.jobs{gap:15px}.card-body{padding:16px}.card-body h3{font-size:18px}.job-art{height:146px}.attention{gap:13px;flex-wrap:wrap}.attention>div{flex:1}.attention>.btn{margin-left:60px}.overview-progress{padding-right:0;border-right:0}.job-overview{flex-wrap:wrap;gap:22px}.job-overview>.btn{margin-left:auto}.tabs{gap:7px}.tabs button{font-size:11px}.worker-stats{gap:9px}.worker-stats .stat{padding:15px 12px}.metric-top>.ico{display:none}.workflow-strip{gap:10px;flex-wrap:wrap}.pagehead{flex-wrap:wrap}.pagehead .actions{justify-content:flex-start}}
@media(max-width:700px){.demo{padding:4px 14px;min-height:28px;justify-content:space-between}.demo span{display:none}.demo button{font-size:10px}header{padding:16px 17px 12px;height:auto;gap:14px}.brand{font-size:26px}.mark{height:39px;width:39px;line-height:33px;font-size:31px}.view-switch{order:3;width:100%;gap:4px;border-radius:12px;padding:5px}.view-switch button{min-width:0;flex:1;align-items:center;text-align:center;padding:10px 4px;gap:4px}.view-switch button strong{font-size:13px}.view-switch button small{font-size:9px}.shell{display:block}.shell aside{padding:9px 12px;background:#173644}.nav{flex-direction:row;gap:7px;overflow:auto}.nav button{white-space:nowrap;min-height:42px;font-size:12px;padding:11px 12px;gap:7px;flex:none}.nav button>.ico{display:inline-block;width:16px;height:16px}.nav button:last-child{margin-left:auto}.nav button.active{background:#d8edcf}.role-customer aside{display:none}main{padding:25px 17px 45px}.pagehead{margin-bottom:23px;gap:16px}.pagehead>div:first-child{width:100%}h1{font-size:28px;line-height:1.18;letter-spacing:-.8px}.eyebrow{font-size:10px;margin-bottom:10px}.sub{font-size:13px;line-height:1.6}.pagehead .actions{width:100%;gap:9px}.pagehead .actions .btn{flex:1;font-size:12px}.btn{font-size:14px;min-height:48px;padding:13px 16px}.btn.small{min-height:44px}.stats{gap:12px;margin-bottom:18px}.stat{padding:17px 14px;border-radius:11px}.stat strong{font-size:31px}.stat small{font-size:10px;margin-top:9px}.metric-top{gap:7px;min-height:33px;margin-bottom:12px}.metric-top label{font-size:11px}.metric-icon{height:29px;width:29px}.attention{padding:18px 16px;gap:12px;margin-bottom:25px}.attention-icon{width:40px;height:40px;border-radius:10px}.attention>div{min-width:190px}.attention strong{font-size:15px}.attention p{font-size:12px}.attention>.btn{margin-left:0;width:100%;justify-content:space-between}.sectionbar{margin:23px 0 16px}.sectionbar h2{font-size:21px}.job-toolbar{gap:9px;flex-wrap:wrap}.searchbox{max-width:none;flex-basis:100%}.searchbox input{font-size:14px;padding:15px 0}.job-toolbar select{width:100%;min-height:44px}.jobs{grid-template-columns:1fr;gap:24px}.job-card{border-radius:15px;box-shadow:0 7px 18px #1635460d}.job-art{height:160px}.card-body{padding:20px}.card-body h3{font-size:23px;letter-spacing:-.6px}.card-customer{font-size:14px}.job-location{font-size:12px}.next-step{padding:14px;margin-top:18px}.next-step strong{font-size:14px}.next-step small{font-size:10px}.card-actions>.btn{font-size:14px;min-height:51px}.card-info{margin-bottom:13px}.workers{font-size:12px;gap:4px}.bubble{width:32px;height:32px}.mini-alert{font-size:11px;min-height:36px}.workerbanner{padding:18px;gap:16px;margin-bottom:18px;align-items:flex-end}.worker-identity{width:100%}.worker-choose{flex:1;min-width:140px}.worker-choose select{width:100%;font-size:14px}.workerbanner .btn{font-size:11px;padding:10px 12px}.worker-stats{grid-template-columns:1fr 1fr}.worker-stats .stat:first-child{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:16px}.worker-stats .stat:first-child .metric-top{margin:0;flex:1}.worker-stats .stat:first-child strong{font-size:29px}.worker-stats .stat:first-child small{display:none}.worker-stats .stat:not(:first-child){padding:15px 13px}.workflow-strip{flex-direction:column;align-items:flex-start;padding:18px;gap:11px;margin-top:23px}.workflow-strip i{display:none}.workflow-strip span{gap:12px}.job-breadcrumb{margin-bottom:17px}.job-overview{padding:20px;gap:20px;border-radius:13px;margin-bottom:20px}.overview-progress{width:100%;gap:18px;border-bottom:1px solid #dce5e8;padding:0 0 18px}.progress-ring{height:76px;width:76px}.progress-ring strong{width:60px;height:60px;font-size:25px}.overview-progress .tag{font-size:12px;padding:8px 11px}.overview-progress p{font-size:12px}.overview-next{flex:1}.overview-next h2{font-size:21px}.overview-next .sub{font-size:12px}.job-overview>.btn{min-height:42px;padding:10px;font-size:11px;align-self:flex-end}.tabs{gap:6px;margin-bottom:23px;grid-template-columns:repeat(5,minmax(0,1fr))}.tabs button{border-radius:9px;padding:11px 3px;min-height:77px;flex-direction:column;gap:8px;font-size:10px;line-height:1.2;white-space:normal;box-shadow:0 2px 5px #18374605}.tabs .ico{width:22px;height:22px}.tabs button>span{white-space:normal;text-align:center;min-height:23px;display:flex;align-items:center}.role-worker .tabs{max-width:none;grid-template-columns:1fr 1fr}.role-worker .tabs button{flex-direction:row;min-height:55px;font-size:13px}.role-worker .tabs button>span{min-height:0}.customer-attention{padding:16px 13px;gap:11px;margin-bottom:20px}.customer-attention strong{font-size:14px}.customer-attention div>span{font-size:11px;line-height:1.5}.customer-attention>.ico{width:16px}.customer-attention .attention-icon{width:34px;height:38px}.panel{padding:18px;border-radius:12px;margin-bottom:19px}.panel h2{font-size:20px}.two{gap:0}.feed-item{padding:16px;margin-top:17px;border-left-width:4px}.feed-item h3{font-size:18px}.feed-item>p{font-size:14px;line-height:1.7}.feed-top{gap:8px;margin-bottom:15px}.feed-top small{font-size:10px}.feed-top>.tag{margin-left:0!important;font-size:10px;padding:6px 8px}.feed-photos img{height:116px}.feed-photos img:only-child{height:170px}.notice{font-size:12px;padding:12px}.review-panel{padding:0}.review-job{padding:16px;font-size:14px;flex-wrap:wrap;gap:8px}.review-job span{width:100%;margin-left:30px;font-size:11px}.review-panel .feed-item{padding:18px}.review-panel .feed-photos img:only-child{height:200px}.moderation{grid-template-columns:1fr;gap:10px}.moderation .btn{min-height:51px;width:100%;font-size:14px}.review-warning{font-size:11px;padding:12px}.row{gap:11px;flex-wrap:wrap;padding:17px 0}.row .actions{max-width:100%}.row .btn{font-size:12px}.amount{font-size:23px}.reference{padding:17px}.checks label{font-size:13px;padding:16px 0;flex-wrap:wrap;gap:10px}.checks .sub{font-size:11px}.checks input{height:23px;width:23px}.tip{font-size:12px;margin-top:0}.role-worker main:has(.mobile-action){padding-bottom:125px}.mobile-action{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #c8d9e2;box-shadow:0 -5px 22px #193b4a12;z-index:5}.mobile-action>span{font-size:10px;font-weight:600;color:#4b6c7d}.mobile-action .btn{width:100%;min-height:49px;background:#205c8c}.mobile-action .btn:hover{background:#164e7a}#toast{bottom:120px;max-width:94vw;min-width:240px;font-size:13px}dialog{padding:27px 21px;max-height:91dvh;border-radius:16px;width:94vw}dialog h2{font-size:23px;line-height:1.35;margin-right:26px}dialog .close{width:33px;height:33px;top:9px;right:9px}.field{font-size:14px}.field input,.field textarea,.field select{font-size:16px}.photo-drop{padding:20px 15px}.photo-drop strong{font-size:14px}.form-submit{position:sticky;bottom:0;box-shadow:0 -4px 15px #fff}.empty{line-height:1.7}.view-switch button:focus-visible{outline-offset:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.job-card:hover,.btn:hover{transform:none}}
@media print{.mobile-action{display:none!important}dialog{border:0}dialog .btn{display:none}.feed-item{break-inside:avoid}header,aside,.demo{display:none!important}}
.assignment-label{display:block;font-size:8px;font-weight:800;letter-spacing:.6px;color:#607b89;margin-bottom:3px}.card-info .workers{gap:4px;align-items:center}.card-info{flex-wrap:wrap}.mini-alert{font-size:9px}.stats .stat:first-child small{line-height:1.6}
@media(max-width:700px){.assignment-label{font-size:9px}.mini-alert{font-size:11px}.metric-top label{line-height:1.45}}
.assignment-job{display:flex;flex:1;flex-direction:column;gap:3px}.assignment-job strong{font-size:14px}.assignment-job small{font-size:12px;color:#607885}.checks label>.tag{font-size:10px}.worker-job-summary{display:flex;flex-direction:column;gap:8px;margin-top:15px;padding:13px 16px;border-radius:9px;background:#edf3f7;font-size:12px;color:#49697a;line-height:1.6}.worker-job-summary b{color:#1c4659}.card-info .workers{flex:1}.card-info .workers>span:last-child{line-height:1.5}.worker-job-summary>span{display:block}
.extra-action{background:#205d8b;white-space:normal}.extra-action:hover{background:#174b72}.extra-actions{margin-top:18px}.extra-item .amount{font-size:20px}.extra-quote{background:#eef5fa;border:1px solid #cddce7;padding:15px;border-radius:9px;margin:13px 0}.extra-quote p{font-size:13px}.extra-quote strong{font-size:12px;color:#305b75}.request-source{display:flex;align-items:center;gap:7px;color:#30638a;font-size:12px;margin:9px 0}.request-source .ico{width:16px;height:16px}.request-alert{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:12px;border:1px solid #9bbad3;background:#eaf3fc;color:#225978;border-radius:8px;font-size:11px;font-weight:700;margin:0 0 12px}.request-alert .ico{width:16px;height:16px}.panel>.sectionbar:has(.extra-action){flex-wrap:wrap;gap:15px}.panel>.sectionbar .extra-action{font-size:12px}@media(max-width:700px){.extra-actions{flex-direction:column}.extra-actions>.btn{width:100%}.pagehead .actions>.extra-action{flex-basis:100%}.panel>.sectionbar .extra-action{width:100%;font-size:14px}.extra-item .amount{font-size:18px}}