:root{font-family:"Microsoft JhengHei",system-ui,sans-serif;color:#173d42;background:#f3f6f7;font-size:16px;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,.button{border:0;border-radius:9px;padding:10px 17px;background:#12383d;color:white;cursor:pointer;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:wait}button.secondary,.button.secondary{color:#173d42;background:#e9eff0}button.danger{background:#fff0ee;color:#ae392b}button.small{font-size:14px;padding:6px 11px}a{color:#126d70}aside{position:fixed;inset:0 auto 0 0;width:220px;background:#12383d;color:white;padding:30px 20px;display:flex;flex-direction:column}.brand{font-size:29px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:3px}.brand span{display:block;font-size:12px;letter-spacing:3px;color:#c5dabd}.eyebrow{font-size:13px;letter-spacing:2px;color:#a4bfc0;margin-top:48px}.navlink{font-size:15px;text-decoration:none;color:#d8e5e4;padding:12px;border-radius:8px;margin:4px 0}.navlink.active{background:#d8edaf;color:#173d42;font-weight:750}.asidefoot{margin-top:auto;color:#c2d2d2;font-size:13px}.workspace{margin-left:220px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;padding:20px 34px;background:white;border-bottom:1px solid #dce5e6;font-size:14px}#account{display:flex;align-items:center;flex-wrap:wrap;gap:10px}main{padding:28px 34px;max-width:1700px;margin:auto}h1{font-size:29px;margin:0 0 6px;line-height:1.4}h2{font-size:21px;margin:0 0 14px}h3{font-size:17px;margin:0 0 12px}p{margin:6px 0 16px}.muted,.help{color:#5b7479}.help{font-size:14px;line-height:1.7}.topline,.row,.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.row{justify-content:flex-start}.topline{margin-bottom:23px}.topline select{min-width:200px}.card{background:white;border:1px solid #dbe4e5;border-radius:14px;padding:25px;margin-bottom:20px}.tabs{display:flex;gap:7px;margin-bottom:22px;border-bottom:1px solid #d6e2e2;overflow:auto}.tabs button{white-space:nowrap;background:none;color:#577176;border-radius:0;padding:12px 17px;border-bottom:3px solid transparent}.tabs button.active{color:#12383d;border-bottom-color:#12383d;font-weight:800}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.stat{padding:18px 22px;background:white;border:1px solid #dbe4e5;border-radius:12px;font-size:14px}.stat strong{display:block;font-size:29px;line-height:1.4}.stat.good{background:#e7f1dc}.stat.warn{background:#fff3df}.toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}label{font-size:14px;font-weight:650}input,select,textarea{width:100%;border:1px solid #bdced0;border-radius:7px;background:#fff;color:#173d42;padding:9px 10px;min-height:42px}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:#126d70}textarea{min-height:76px;resize:vertical}.check{display:flex;align-items:center;gap:8px;font-weight:400;margin:8px 0}.tablewrap{overflow:auto;max-width:100%;border:1px solid #dbe4e5;border-radius:9px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px 10px;border-bottom:1px solid #e3ebeb;text-align:left;vertical-align:middle}th{background:#f2f6f6;white-space:nowrap;font-weight:700}table.roster{table-layout:fixed;min-width:760px}.roster th:first-child{width:135px}.roster th{text-align:center;font-size:14px}.roster td{text-align:center;padding:8px 5px}.roster td:first-child{text-align:left}.roster .weekend{background:#eef3e7}.shift{display:block;padding:7px 4px;border-radius:6px;min-height:39px;background:#dceeed;color:#174e54;font-weight:650;font-size:14px;width:100%;border:1px solid transparent}.shift.O,.shift.R{background:#f0f3f4;color:#67787a}.shift.L,.shift.P{background:#fff0d6;color:#866024}.shift.H{background:#ece9f8;color:#65518b}.shift.P{border:1px dashed #b58233}.badge{display:inline-block;border-radius:5px;padding:3px 8px;background:#e8f0f1;color:#426369;font-size:13px}.badge.orange{background:#fff0da;color:#895218}.issues{margin-top:15px;max-height:320px;overflow:auto}.issue{padding:10px 13px;border-left:3px solid #c68c3e;background:#fff8ee;margin:8px 0;font-size:14px}.empty{padding:45px 20px;text-align:center;color:#577176}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.chip{font-size:14px;padding:5px 9px;background:#eef3f3;border-radius:6px}.chip button{padding:0 4px;margin-left:8px;background:none;color:#52777a}.note{padding:14px 17px;border-left:3px solid #588d8f;background:#eef5f5;font-size:14px;line-height:1.8;margin:16px 0}.login{max-width:760px;margin:5vh auto;padding:38px}.login h1{font-size:31px}.login .steps{padding:20px 0}.steps div{padding:12px 0;border-bottom:1px solid #e2e9e9}.sectionhead{margin-bottom:18px}.entry{padding:18px;border:1px solid #dbe4e5;border-radius:9px;margin:14px 0}.entry .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.needs{display:grid;grid-template-columns:repeat(7,minmax(60px,1fr));gap:9px;margin-top:15px;overflow:auto}.needs input{min-width:58px}.needfield{font-size:14px;text-align:center}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.sticky{position:sticky;bottom:0;padding:16px;background:#f3f6f7ee;border-top:1px solid #dce5e6;backdrop-filter:blur(10px);z-index:2}.risk{color:#a05124}details{margin-top:14px}summary{cursor:pointer;font-weight:650}footer{font-size:13px;color:#688086;padding:10px 34px 30px}#notice{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173d42;color:#fff;box-shadow:0 8px 30px #12383d25;max-width:min(90vw,650px);padding:15px 22px;border-radius:10px;z-index:20}#notice.show{display:block}dialog{border:0;border-radius:14px;padding:28px;width:min(92vw,580px);color:#173d42;box-shadow:0 20px 70px #0004}dialog::backdrop{background:#15383d66}.signin-note{margin-top:18px;font-size:14px;color:#587075}.inline-error{background:#fff0e8;color:#9a4828;padding:16px;border-radius:8px}.history select{min-width:82px}.legal li{margin:10px 0}.newteam{max-width:540px;margin:35px auto}.saving{opacity:.6;pointer-events:none}
@media(max-width:950px){aside{width:180px;padding:24px 15px}.workspace{margin-left:180px}main{padding:23px 20px}header{padding:18px 20px}.grid{grid-template-columns:1fr}.entry .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){aside{position:relative;width:auto;padding:14px 20px;display:flex;flex-direction:row;align-items:center;gap:20px}.brand{font-size:22px}.brand span,.eyebrow,.asidefoot,aside .active{display:none}.navlink{margin-left:auto;padding:5px;font-size:13px}.workspace{margin-left:0}header{padding:14px 18px;align-items:start;gap:12px;flex-direction:column}main{padding:20px 14px}h1{font-size:25px}.card{padding:18px}.topline{align-items:start}.topline select{min-width:180px}.stats{gap:8px}.stat{padding:13px 9px;font-size:13px}.stat strong{font-size:23px}.tabs button{padding:10px 12px;font-size:14px}.login{padding:25px;margin:15px 0}.entry{padding:12px}.entry .grid{gap:10px}.toolbar button{flex-grow:1}.needs{grid-template-columns:repeat(7,62px)}footer{padding:10px 18px 20px}.sticky{padding:12px 0}table.roster{min-width:730px}}
@media print{aside,header,.tabs,.toolbar,.actions,.sticky,footer,#notice,.noprint{display:none!important}.workspace{margin:0}main{padding:0}.card{border:0;padding:0}.tablewrap{overflow:visible}.roster{min-width:0}.shift{print-color-adjust:exact}.stats{display:none}}
.ops-dialog{width:min(96vw,1050px);max-height:92vh;overflow:auto}.ops-form{display:grid;gap:18px}.ops-form .grid{gap:18px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px;margin:18px 0}.photo-grid figure{margin:0;border:1px solid #dce6e5;border-radius:10px;overflow:hidden;background:#f6f8f8}.photo-grid img{width:100%;height:160px;object-fit:contain;background:#eef2f2}.photo-grid figcaption{padding:10px;font-size:13px;overflow-wrap:anywhere}.sop-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none}.sop-flow li{padding:18px;background:#edf4f3;border:1px solid #cddeda;border-radius:10px}.sop-flow b,.sop-flow strong{display:block;color:#16838b;font-size:22px}.check-row{padding:15px;border:1px solid #dae4e5;border-radius:10px;margin:12px 0}.calendar-scroll,.chart-scroll{overflow:auto;max-width:100%}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));min-width:800px;border-top:1px solid #dce5e5;border-left:1px solid #dce5e5}.weekday{padding:10px;text-align:center;background:#f3f6f6;font-size:14px}.calendar-day{min-height:130px;border-right:1px solid #dce5e5;border-bottom:1px solid #dce5e5;padding:6px}.calendar-day.outside{background:#f8fafa;color:#8ca3a4}.calendar-day.is-today{background:#f0f8ee}.day-number{border-radius:50%;padding:3px;width:28px;height:28px;min-height:0;background:transparent;color:#365e61;font-size:13px}.is-today .day-number{background:#12383d;color:white}.calendar-event{display:block;width:100%;font-size:12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 6px;margin:3px 0;border-radius:4px;font-weight:500}.calendar-event.roster{background:#e2f0ed;color:#245c53}.calendar-event.order{background:#fff0d9;color:#885817}.calendar-event.inspection{background:#e7eafb;color:#49588b}.calendar-event.event{background:#e9f1f5;color:#35687e}.layer-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#478a79}.layer-dot.order{background:#dd9a3c}.layer-dot.inspection{background:#7887c7}.layer-dot.event{background:#6193ad}.more-events{font-size:12px;padding:3px;background:transparent;color:#4a686f}.year-chart{width:100%;min-width:600px;display:block}.code-sample{background:#f2f6f6;padding:18px;border-radius:10px;overflow:auto;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.period-bar{display:flex;height:16px;border-radius:10px;overflow:hidden}.period-bar span{display:block;min-width:0}.ops-dialog h3{margin-top:22px}#reportPaper td{white-space:pre-wrap;overflow-wrap:anywhere;max-width:360px}#reportPaper{min-width:0}.ops-dialog p{overflow-wrap:anywhere}
@media(max-width:700px){.sop-flow{grid-template-columns:1fr}.ops-dialog{padding:20px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid img{height:130px}.stats{grid-template-columns:1fr 1fr}aside{overflow:auto}.calendar-layers{gap:10px}.ops-form .grid{grid-template-columns:1fr}.toolbar>*{max-width:100%}}
@media print{body.printing-report aside,body.printing-report header,body.printing-report footer,body.printing-report #notice,body.printing-report .topline,body.printing-report .tabs,body.printing-report #content>section:not(#reportPaper){display:none!important}body.printing-report .workspace{margin:0}body.printing-report main,body.printing-report #reportPaper{padding:0;margin:0;border:0;max-width:none}body.printing-report .tablewrap{overflow:visible;border:0}body.printing-report table{font-size:9px;table-layout:fixed;width:100%}body.printing-report th{white-space:normal}body.printing-report td,body.printing-report th{padding:5px;word-break:break-word}body.printing-report tr,body.printing-report figure{break-inside:avoid}body.printing-report .photo-grid{grid-template-columns:repeat(3,1fr)}body.printing-report button{display:none!important}@page{size:A4 landscape;margin:12mm}}
.sop-flow li>span{display:block;font-size:24px;font-weight:750;color:#25858a;margin-bottom:10px}.period-bars>div{display:grid;grid-template-columns:130px 1fr 230px;gap:15px;align-items:center;margin:14px 0;font-size:14px}.period-bars>div>div{background:#edf2f3;height:14px;border-radius:8px;overflow:hidden}.period-bars i{display:block;height:100%}.pre{white-space:pre-wrap}@media(max-width:700px){.period-bars>div{grid-template-columns:1fr}.period-bars b{font-size:13px}}

@media(max-width:650px){aside{flex-wrap:wrap;gap:5px 14px;padding:15px 18px}.brand{flex-basis:100%;margin-bottom:5px}.navlink{margin:0;flex:0 0 auto;white-space:nowrap;font-size:13px}.calendar-layers .check{white-space:nowrap}.layer-dot{flex:0 0 10px}.calendar-day{min-width:0}}
.brand{display:flex;align-items:center;gap:11px;letter-spacing:1px}.sitecare-logo{width:46px;height:46px;flex:0 0 46px;display:block;border-radius:9px}.brand .brand-name{display:block;font-size:26px;line-height:1.3;color:white;letter-spacing:1px}.brand-name small{display:block;font-size:10px;letter-spacing:3px;color:#22c8d1;margin-top:5px}@media(max-width:950px){.brand{gap:8px}.brand .brand-name{font-size:22px}.sitecare-logo{width:38px;height:38px;flex-basis:38px}}
aside{padding:24px 18px;gap:0}.brand{flex-shrink:0;margin-bottom:14px}#workspaceNav{overflow-y:auto;min-height:0;flex:1;width:100%;padding-right:4px}.nav-group{margin:10px 0 16px}.nav-heading{font-size:11px;letter-spacing:2px;color:#8fb0b8;margin:10px 12px 5px}.navlink{display:block;padding:8px 12px;margin:3px 0;font-size:14px}.navlink.active{background:#dff4f5;color:#17324d;border-left:3px solid #22c8d1;padding-left:9px}.asidefoot{padding-top:14px;flex-shrink:0;font-size:11px}.home-date{font-size:14px;color:#5b7479;margin:0 0 14px}.home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-task{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e3ecee}.home-task>div{min-width:0}.home-task b{overflow-wrap:anywhere}.home-task p{margin:5px 0 0}.home-task button{flex-shrink:0}@media(max-width:1000px){.home-metrics{grid-template-columns:1fr 1fr}.home-columns{grid-template-columns:1fr}}@media(max-width:650px){aside{padding:14px 18px;display:block}.brand{margin-bottom:12px}#workspaceNav{display:flex;overflow:auto;gap:16px;padding-bottom:6px}.nav-group{margin:0;flex:0 0 auto}.nav-heading{margin:0 8px 4px;font-size:10px}.nav-group .navlink{display:inline-block;white-space:nowrap;font-size:13px;padding:7px 9px}.nav-group .navlink.active{display:inline-block!important;padding-left:6px}.asidefoot{display:none}.home-metrics{gap:9px}.home-columns{gap:0}}
.nav-toggle{display:none}@media(max-width:650px){aside{position:relative}.nav-toggle{display:block;position:absolute;right:18px;top:20px;background:#254d58;color:white;padding:8px 12px;font-size:13px}.brand{margin-bottom:0}#workspaceNav{display:none}.menu-open #workspaceNav{display:block;max-height:65vh;overflow-y:auto;margin-top:15px}.nav-group{margin:12px 0}.nav-group .navlink{display:inline-block;margin:3px;font-size:14px}.nav-heading{margin-top:8px}}
.preview-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.preview-controls label{font-size:13px;white-space:nowrap}.preview-controls select{width:210px;font-size:13px;min-height:36px;padding:6px 9px}.preview-banner{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:13px 34px;background:#fff4dc;border-bottom:1px solid #e8d6af;color:#684c21;font-size:13px}.preview-banner span{flex:1;min-width:200px}.preview-banner a{font-weight:700;color:#684c21;white-space:nowrap}header{flex-wrap:wrap}@media(max-width:650px){.preview-controls{width:100%}.preview-controls select{flex:1}.preview-banner{padding:14px 18px}}

.finance-metrics .stat strong{font-size:24px;overflow-wrap:anywhere}.finance-metrics .stat span{font-size:14px}.finance-balance{display:flex;align-items:center;justify-content:space-between;gap:24px}.finance-balance strong{font-size:30px;display:block;margin-top:12px}.finance-balance .negative{color:#ae3545}.finance-description{max-width:440px;white-space:pre-wrap;overflow-wrap:anywhere}#financeForm textarea{min-height:110px}#finReview textarea{min-height:70px}@media(max-width:650px){.finance-balance{display:block}.finance-metrics .stat strong{font-size:20px}}

.finance-switch{margin-bottom:20px}.finance-metrics small{display:block;margin-top:8px;color:#607886;font-size:13px}[hidden]{display:none!important}
/* Workspace v11: restrained surfaces and consistent hierarchy. */
:root{--ink:#172d43;--muted:#63758a;--line:#e2e9f0;--brand:#176f91}body{background:#f4f7fb;color:var(--ink)}aside{background:#fff;border-right:1px solid var(--line)}.brand-name{color:#173b59}.navlink{color:#53667b;border-radius:9px;margin:7px 0;padding:14px 16px;display:flex;gap:13px;align-items:center;font-weight:600}.navlink.active{background:#e8f4fb;color:#12698b;box-shadow:inset 3px 0 #47b7e0}.nav-mark{font-size:20px;width:22px;text-align:center}.asidefoot{color:#789}.workspace header{background:#ffffffed;border-bottom:1px solid var(--line)}h1{font-size:28px;letter-spacing:-.7px}h2{letter-spacing:-.3px}.card{border:1px solid var(--line);box-shadow:none;border-radius:14px}.topline{padding-bottom:8px}.page-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 26px;padding:0 0 12px}.page-tabs a{padding:9px 14px;color:#586a80;text-decoration:none;border-radius:7px;font-size:14px}.page-tabs a[aria-current=page]{background:#e7f3fa;color:#156b8c;font-weight:700}button,.button{border-radius:8px;background:#176f91}button.secondary{background:#fff;color:#35526c;border:1px solid #d8e3ec}button:hover,.button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #58b8dc;outline-offset:3px}.work-welcome{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:12px 0 25px}.work-welcome h2{font-size:28px;margin:10px 0}.work-welcome p{color:#63758a}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1px;color:#537791}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.work-link.secondary{padding:22px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;white-space:normal;width:100%;box-shadow:none}.work-link b{display:block;font-size:18px}.work-link small{display:block;color:#63758a;margin-top:8px;line-height:1.5}.home-metrics .work-link{min-height:115px}.home-metrics{gap:16px;margin-bottom:20px}.work-stepper{display:flex;list-style:none;padding:20px 0;gap:8px;border-bottom:1px solid var(--line)}.work-stepper li{flex:1;display:flex;gap:6px;align-items:center;color:#8190a0;font-size:13px}.work-stepper span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf1f5}.work-stepper .current{color:#12698b;font-weight:700}.work-stepper .current span{background:#176f91;color:white}.work-stepper .done span{background:#e0f2ee;color:#24745d}.order-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.status-review,.badge.orange{background:#fff2dc;color:#8b5a17}.status-closed,.status-completed{background:#e5f4ef;color:#276e59}.status-inProgress{background:#e5f1fb;color:#20668f}th{background:#f7f9fc;color:#63758a;font-size:12px}td{padding-top:17px;padding-bottom:17px}dialog{border:1px solid var(--line);border-radius:16px}dialog::backdrop{background:#10253c70}.preview-controls label{font-size:12px}.preview-banner{background:#edf6fc;color:#42667e;border-bottom:1px solid #d8eaf5}.mobile-work{display:none}@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-welcome{align-items:flex-start;flex-direction:column}.work-welcome h2{font-size:24px}}@media(max-width:600px){.work-grid{grid-template-columns:1fr}.page-tabs{flex-wrap:nowrap;overflow:auto}.page-tabs a{white-space:nowrap}.mobile-work{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);z-index:30;justify-content:space-around;padding:14px 8px max(14px,env(safe-area-inset-bottom))}.mobile-work a{color:#63758a;text-decoration:none;font-size:14px;padding:8px}.mobile-work a[aria-current]{color:#12698b;font-weight:700}body[data-work-role=employee]{padding-bottom:80px}.work-stepper{gap:3px}.work-stepper li{flex-direction:column}.work-link.secondary{padding:18px}}@media print{.page-tabs,.mobile-work,.work-welcome{display:none!important}}
.metric-link{color:inherit;text-decoration:none;display:block}.metric-link:hover{border-color:#47b7e0}.preview-controls details{position:relative;font-size:14px}.preview-controls summary{cursor:pointer;padding:8px 12px;border:1px solid #dae5ed;border-radius:8px}.preview-controls details[open]{display:flex;gap:8px}.preview-controls label{display:none}th{font-size:14px}.work-stepper li{font-size:14px}
.brand .brand-name{color:#173b59}
.drop-upload{border:2px dashed #80b6cd;border-radius:12px;padding:22px;text-align:center;cursor:pointer;margin:14px 0;min-width:0}.drop-upload strong,.drop-upload span{display:block}.drop-upload.dragover{background:#e3f3fb;border-color:#176f91}.drop-upload:focus-visible{outline:3px solid #58b8dc;outline-offset:3px}.photo-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.photo-comparison>section{min-width:0}.photo-comparison .photo-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.photo-comparison .photo-grid img{height:220px}.photo-open{display:block;width:100%;padding:0;background:transparent;border-radius:0}.photo-viewer{width:min(95vw,1200px);max-height:95vh;overflow:auto}.photo-viewer>img{display:block;width:100%;max-height:75vh;object-fit:contain}.upload-preview:empty{display:none}@media(max-width:650px){.photo-comparison{grid-template-columns:1fr}.photo-comparison .photo-grid img{height:240px}.mobile-work a{font-size:13px;padding:6px}.drop-upload{padding:18px}}@media print{.drop-upload,.upload-preview{display:none!important}.photo-open{display:block!important}.photo-comparison{grid-template-columns:repeat(2,1fr)}}

#meterCanvas{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#e9eff3;border-radius:8px}.receipt-inline{margin:18px 0}.receipt-inline img{display:block;max-width:100%;max-height:650px;object-fit:contain;margin:auto}.receipt-pdf{display:block;width:100%;height:600px;border:1px solid var(--line);margin:12px 0}.upload-preview:has(.receipt-pdf){grid-template-columns:1fr}.photo-comparison .photo-comparison{display:block}.photo-comparison .photo-comparison .photo-grid{grid-template-columns:1fr}@media(max-width:650px){.receipt-pdf{height:480px}}

.preview-controls label.service-preview:not([hidden]){display:flex;align-items:center;gap:8px;font-size:14px}.preview-controls details[open]{flex-wrap:wrap}.calendar-event.cleaning{background:#e3f4f1;color:#175d54}.calendar-event.activity{background:#eee9fa;color:#534183}.layer-dot.cleaning{background:#268777}.layer-dot.activity{background:#8567ba}aside{overflow-y:auto}
html[data-theme=dark] .calendar-event.cleaning{background:#193f3d;color:#a3e3d6}html[data-theme=dark] .calendar-event.activity{background:#352d4e;color:#d5c3f8}