:root{--blue:#075cae;--navy:#06477c;--navy-dark:#073458;--ink:#122b45;--muted:#62768a;--line:#e1e8ef;--canvas:#f3f6fa;--green:#008650;--radius:14px;--shadow:0 4px 24px rgba(17,49,80,.045)}
*{box-sizing:border-box}html{min-width:0}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{text-decoration:none;color:var(--blue)}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:30px;font-weight:700;letter-spacing:-.8px;line-height:1.2}h2{font-size:21px;font-weight:700;letter-spacing:-.3px}h3{font-size:16px;font-weight:700}p{color:var(--muted)}[hidden]{display:none!important}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;top:-60px;left:12px;z-index:2000;background:#fff;padding:12px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.photo-button:focus-visible{outline:3px solid #53a9fb;outline-offset:3px}
.app-body{background:var(--canvas);min-height:100vh}.topbar{background:var(--navy);color:#fff}.topbar-inner{max-width:1200px;margin:auto;padding:21px 32px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:13px;color:#fff;font-size:25px;font-weight:700;line-height:1.2;flex-shrink:0}.brand small{display:block;font-size:11px;font-weight:400;margin-top:5px;letter-spacing:.15px}.brand-icon{display:flex;align-items:center}.brand-icon .icon{width:37px;height:37px}.brand:hover{color:#fff}.desktop-nav{display:flex;gap:24px;margin-left:auto}.desktop-nav a{color:#cddded;font-size:14px;position:relative;padding:12px 0}.desktop-nav a[aria-current]{color:#fff;font-weight:700}.desktop-nav a[aria-current]:after{content:"";height:3px;border-radius:3px;background:#fff;position:absolute;bottom:1px;left:0;right:0}.user-chip{display:flex;gap:11px;align-items:center;color:#fff;flex-shrink:0}.user-chip-name{font-size:13px;font-weight:700;max-width:130px;overflow-wrap:anywhere}.user-chip small{display:block;color:#bed0e1;font-size:11px;font-weight:400}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eaf2fa;color:var(--navy);font-size:12px;font-weight:700}.avatar-large{width:64px;height:64px;font-size:21px}.preview-strip{background:#e8f0f8;border-bottom:1px solid #d8e4ef}.preview-inner{max-width:1200px;margin:auto;padding:8px 32px;display:flex;align-items:center;gap:14px;font-size:12px;color:#536b82}.preview-inner select{border:1px solid #c4d5e5;border-radius:6px;background:#fff;padding:7px 28px 7px 10px;color:var(--navy);font-size:12px;margin-left:auto;min-height:36px}.preview-inner strong{color:var(--navy)}.exit-preview{display:flex;align-items:center;gap:5px;color:#536b82}.exit-preview .icon{width:17px;height:17px}.page-content{max-width:1200px;padding:36px 32px 0;margin:0 auto;min-height:calc(100vh - 205px)}.site-footer{max-width:1200px;margin:32px auto 0;padding:20px 32px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.bottom-nav{display:none}.page-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.page-heading h1{margin:0 0 6px}.page-heading p{font-size:14px;margin:0}.heading-action{margin-left:auto;flex-shrink:0}.back-button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e6edf5;color:var(--navy);flex-shrink:0}.surface{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.narrow-page{max-width:580px;margin:0 auto}.form-surface{padding:28px}.btn-main{min-height:50px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:700;border-radius:8px;line-height:1.3}.btn-primary{--bs-btn-bg:var(--blue);--bs-btn-border-color:var(--blue);--bs-btn-hover-bg:#004b95;--bs-btn-hover-border-color:#004b95}.btn-success{--bs-btn-bg:var(--green);--bs-btn-border-color:var(--green);--bs-btn-hover-bg:#007245;--bs-btn-hover-border-color:#007245}.btn-light{--bs-btn-bg:#edf2f7;--bs-btn-border-color:#edf2f7;--bs-btn-color:var(--navy);--bs-btn-hover-bg:#e1eaf2}.btn-main:disabled{opacity:.55;cursor:not-allowed}.form-group{margin-bottom:22px}.form-label,.field-label{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:9px}.required{color:#c74752}.optional{font-weight:400;color:var(--muted)}.form-control,.form-select{min-height:49px;padding:11px 13px;border:1px solid #cbd7e2;border-radius:7px;font-size:16px;color:var(--ink);background-color:#fff}.form-control[readonly]{background:#eef3f8}.form-control::placeholder{color:#8b9aac}.form-control:focus,.form-select:focus{border-color:#4b96d9;box-shadow:0 0 0 3px #e3effa}.input-group-text{background:#f7f9fc;border-color:#cbd7e2;color:var(--muted);font-size:14px}.field-help{font-size:12px;margin:8px 0 0;line-height:1.5}.field-error{color:#b53340;font-size:13px;margin-top:8px}.identity-field{display:flex;align-items:flex-start;gap:13px;padding-bottom:23px;border-bottom:1px solid var(--line);margin-bottom:23px}.identity-field>.icon{color:#59728a;width:25px;height:25px;margin-top:5px}.identity-field .field-label{display:block;margin-bottom:2px}.identity-field strong{display:block;font-size:18px}.identity-field small{font-size:12px;color:var(--muted)}.asset-info{display:flex;gap:22px;background:#eef3f8;border-radius:7px;margin-top:8px;padding:12px 14px;font-size:12px;color:var(--muted)}.asset-info strong{display:block;color:var(--ink);font-size:13px;font-weight:400}.previous-reading{background:#edf3f8;border-radius:7px;padding:10px 13px;margin:8px 0 0;font-size:12px}.previous-reading strong{display:block;font-size:14px;color:#567087;font-weight:400}.previous-reading span{font-size:11px}.step-counter{font-size:14px;color:var(--muted);margin-left:auto;white-space:nowrap}.step-track{display:flex;gap:22px;padding:0 7px 20px;color:#8b9aaa;font-size:13px;font-weight:700}.step-track span{display:flex;gap:7px;align-items:center}.step-track b{width:23px;height:23px;border-radius:50%;background:#e4ebf1;font-size:11px;display:grid;place-items:center}.step-track .active{color:var(--navy)}.step-track .active b{background:var(--blue);color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.photo-field{position:relative;margin-bottom:22px}.photo-button{background:var(--blue);color:#fff;border-radius:8px;min-height:50px;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:700;cursor:pointer}.photo-button:hover{background:#004b95}.photo-file{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;left:20px;top:24px}.photo-field:focus-within .photo-button{outline:3px solid #7cbbf3;outline-offset:3px}.photo-preview{position:relative;margin-top:10px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#14202b}.photo-preview img{width:100%;height:200px;object-fit:contain;cursor:zoom-in}.photo-remove{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink)}.photo-remove .icon{width:18px;height:18px}.photo-caption{display:block;padding:7px 10px;background:#edf3f8;color:#51697f;font-size:11px}.automatic-time{font-size:12px;display:flex;gap:8px;align-items:flex-start;margin:0 0 22px}.automatic-time .icon{width:17px;height:17px}.pending-note,.record-evidence-note{display:flex;gap:12px;background:#f0f5fa;border-radius:8px;padding:16px;font-size:13px;margin:8px 0 24px}.pending-note .icon,.record-evidence-note .icon{color:var(--blue);margin-top:2px}.pending-note strong,.record-evidence-note strong{font-size:14px}.pending-note p,.record-evidence-note p{font-size:12px;margin:5px 0 0}.review-heading{text-align:center;margin-bottom:22px}.review-symbol{display:grid;place-items:center;width:60px;height:60px;background:#e6f5ed;color:var(--green);border-radius:50%;margin:0 auto 14px}.review-heading h2{font-size:25px}.review-heading p{font-size:13px}.review-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.review-photos img{width:100%;height:150px;object-fit:contain;background:#182b3c;border-radius:7px;cursor:zoom-in}.detail-list{margin:0 0 22px}.detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:14px}.detail-row:last-child{border-bottom:0}.detail-row dt{font-weight:400;color:var(--muted);display:flex;align-items:center;gap:9px}.detail-row dt .icon{width:18px;height:18px}.detail-row dd{margin:0;text-align:right;color:var(--ink);overflow-wrap:anywhere;max-width:60%}.locked-banner{display:flex;gap:13px;padding:17px;background:#e8f6ef;color:#126948;border:1px solid #cbe8d9;border-radius:9px;margin-bottom:20px}.locked-banner>.icon{width:28px;height:28px;margin-top:3px}.locked-banner strong{font-size:15px;color:#194b3a}.locked-banner p{color:#436759;font-size:12px;line-height:1.6;margin:5px 0 0}.correction-preview{padding-top:18px;border-top:1px solid var(--line)}.correction-preview h2{font-size:16px}.correction-preview p{font-size:13px}.profile-header{display:flex;align-items:center;gap:18px;margin-bottom:24px}.profile-header h2{margin-bottom:5px}.profile-header p{margin:0;font-size:14px}.modal-body img{width:100%;max-height:75vh;object-fit:contain}
.login-body{background:#fff}.login-layout{display:grid;grid-template-columns:56% 44%;min-height:100vh}.login-scene{position:relative;min-height:100vh;background:#093961 url('../images/mine-background.png') center center/cover no-repeat;color:#fff;display:flex;flex-direction:column;padding:47px 9%}.login-brand{font-size:29px}.login-brand small{font-size:12px}.login-brand .brand-icon .icon{width:44px;height:44px}.login-scene-copy{margin-top:110px}.login-scene-copy h1{font-size:clamp(40px,4.2vw,64px);letter-spacing:-2px;line-height:1.12;margin-bottom:24px}.login-scene-copy p{color:#d2e1ef;font-size:16px;line-height:1.7}.login-scene-footer{margin-top:auto;padding-top:40px;color:#dbe7f0;font-size:13px}.login-panel{display:flex;align-items:center;justify-content:center;padding:48px 36px}.login-panel-inner{width:100%;max-width:365px}.login-lock{display:grid;place-items:center;width:50px;height:50px;background:#eaf2fa;color:var(--blue);border-radius:14px;margin-bottom:25px}.login-lock .icon{width:25px;height:25px}.login-panel h1{font-size:29px;letter-spacing:-.8px;margin-bottom:10px}.lead-copy{font-size:14px;margin-bottom:28px}.pin-input{letter-spacing:13px;font-size:24px;min-height:60px;padding-left:20px}.pin-input::placeholder{letter-spacing:13px;color:#b1bfcc}.login-panel .field-help{margin-bottom:23px}.setup-note{display:flex;gap:10px;background:#f4f7fa;border:1px solid var(--line);padding:14px;border-radius:8px;margin-top:23px;font-size:12px}.status-dot{width:7px;height:7px;background:#c68d30;border-radius:50%;margin-top:6px;flex-shrink:0}.setup-note strong{color:#526a80}.setup-note p{font-size:12px;line-height:1.6;margin:5px 0 0}.preview-access{margin-top:29px;padding-top:24px;border-top:1px solid var(--line)}.preview-access h3{font-size:14px;margin-bottom:7px}.preview-access>p{font-size:12px;margin-bottom:14px}.preview-role-links{display:flex;gap:8px}.preview-role-links a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:45px;border:1px solid #d2dfeb;border-radius:7px;font-size:12px;color:var(--navy);background:#fff}.preview-role-links a:hover{background:#edf5fb;border-color:#97bfdf}.preview-role-links .icon{width:17px;height:17px}.login-time{display:flex;align-items:center;gap:6px;font-size:11px;margin:27px 0 0;color:#8696a5}.login-time .icon{width:13px;height:13px}
.home-body{background:#0a365c}.home-body .page-content{max-width:none;padding:0;min-height:calc(100vh - 200px)}.home-scene{max-width:1136px;min-height:640px;margin:0 auto;position:relative;background:#093b66 url('../images/mine-background.png') center 60%/cover no-repeat;border-radius:0 0 16px 16px;padding:48px 44px 24px}.home-intro{max-width:700px}.greeting{font-size:14px;color:#c5daed;margin-bottom:12px}.home-intro h1{font-size:43px;color:#fff;letter-spacing:-1.2px}.home-intro>p:not(.greeting){color:#d3e2ef;font-size:16px}.shift-line{display:flex;align-items:center;gap:9px;font-size:12px;color:#c7d9ea;margin-top:25px}.shift-line .icon{width:17px;height:17px}.shift-line span{color:#8facc5}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:95px;max-width:900px}.action-card{display:flex;align-items:center;gap:18px;padding:23px 22px;background:#f8fbff;border:1px solid #d9e5ef;border-radius:12px;color:var(--ink);box-shadow:0 4px 14px #031a2a12;min-width:0}.action-card:hover{background:#fff;color:var(--navy);border-color:#81b7e6;transform:translateY(-2px);box-shadow:0 8px 20px #00142e18}.action-card strong{display:block;font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.4px}.action-card small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.action-symbol{width:57px;height:57px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;flex-shrink:0}.action-symbol .icon{width:28px;height:28px}.action-chevron{width:21px;height:21px;color:var(--blue);margin-left:auto;flex-shrink:0}.home-tagline{font-size:12px;color:#d2e1ed;text-align:center;margin:31px 0 0}.home-body .site-footer{color:#b0c6d9;margin-top:0}.home-body[data-role="operator"] .home-actions{grid-template-columns:repeat(3,1fr);max-width:none}.home-body[data-role="operator"] .action-card{flex-direction:column;text-align:center;position:relative;padding:28px 16px}.home-body[data-role="operator"] .action-chevron{display:none}
.history-surface{overflow:hidden}.history-toolbar{display:flex;gap:12px;align-items:center;padding:22px 24px}.search-field{display:flex;align-items:center;gap:11px;flex:1;border:1px solid #d4dfe9;background:#f7f9fc;border-radius:8px;padding:0 14px;min-height:48px;min-width:0}.search-field>.icon{color:#8295a6;width:20px;height:20px}.search-field input{width:100%;min-width:0;background:none;border:0;outline:none;padding:12px 0;font-size:14px;color:var(--ink)}.search-field:focus-within{outline:3px solid #d6e8f8;border-color:#4c91cc}.search-field input:focus-visible{outline:none}.filter-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#f3f7fb;min-height:48px;font-size:13px;color:var(--navy);padding:10px 15px}.filter-button .icon{width:19px;height:19px}.history-filters{padding:0 24px 23px;display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap}.history-filters>div{flex:1;min-width:170px}.history-filters .form-label{font-size:12px}.history-filters .form-control,.history-filters .form-select{font-size:14px}.history-filters .btn{font-size:13px}.record-table-heading{display:grid;grid-template-columns:2fr 1.35fr 1fr 1.3fr .8fr;padding:12px 24px;background:#f7f9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;font-weight:700;color:#6b8093;letter-spacing:.1px}.record-row{display:grid;grid-template-columns:2fr 1.35fr 1fr 1.3fr .8fr;align-items:center;padding:21px 24px;gap:0;border-bottom:1px solid #eaf0f5;color:var(--ink);font-size:14px}.record-row:hover{background:#f3f8fd;color:var(--ink)}.record-equipment{display:flex;align-items:center;gap:12px;min-width:0}.record-equipment>.icon{color:#6d8499;width:25px;height:25px}.record-equipment strong{font-size:14px;overflow-wrap:anywhere}.record-equipment small{display:block;color:#8595a4;font-size:10px;margin-top:3px;overflow-wrap:anywhere}.record-row time{color:#596f83;font-size:13px}.record-row time small{display:block;font-size:11px;margin-top:2px;color:#8799a8}.record-litres{color:var(--green);font-size:15px;white-space:nowrap}.record-reading{font-size:13px;color:#596f83}.lock-status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--green)}.lock-status .icon{width:15px;height:15px}.row-chevron{display:none}.list-count{font-size:11px;color:#8193a3;padding:16px 24px;margin:0}.empty-state{text-align:center;padding:40px 22px;color:var(--muted)}.empty-state>.icon{width:32px;height:32px;color:#9aaec0;margin-bottom:15px}.empty-state h2{font-size:18px}.empty-state p{font-size:13px}
.dashboard-note{font-size:12px;color:#667d91;margin:-7px 0 24px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:12px;padding:23px;box-shadow:var(--shadow)}.stat-card>.icon{width:23px;height:23px;color:#8ca4b9;margin-bottom:17px}.stat-card p{font-size:12px;margin-bottom:9px;color:#627a90}.stat-card>strong{font-size:34px;letter-spacing:-1.5px;line-height:1.2}.stat-card strong span{font-size:18px;font-weight:400;letter-spacing:0}.stat-card small{display:block;font-size:11px;margin-top:10px;color:#8194a5}.stat-primary{background:var(--navy);border-color:var(--navy);color:#fff}.stat-primary .icon,.stat-primary p,.stat-primary small{color:#b9d5eb}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:23px;margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:24px}.section-heading h2{font-size:17px;margin:0}.section-heading a{font-size:12px;white-space:nowrap}.section-heading .icon{width:15px;height:15px}.compact-record{display:flex;align-items:center;gap:12px;padding:18px 24px;border-top:1px solid #e9eff5;color:var(--ink)}.compact-record>span:nth-child(2){flex:1}.compact-record strong{font-size:14px}.compact-record small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.compact-record>.icon{width:16px;height:16px;color:#92a8bb}.equipment-symbol{width:41px;height:41px;border-radius:9px;background:#edf4fa;color:#547899;display:grid;place-items:center;flex-shrink:0}.equipment-symbol .icon{width:23px;height:23px}.quick-actions{padding:24px}.quick-actions h2{font-size:17px;margin-bottom:17px}.quick-actions .action-card{padding:15px 0;border:0;border-radius:0;background:none;box-shadow:none;border-top:1px solid #e9eff5;gap:12px}.quick-actions .action-card strong{font-size:14px;letter-spacing:0}.quick-actions .action-card small{font-size:11px}.quick-actions .action-symbol{width:37px;height:37px;background:#edf4fa;color:var(--blue);border-radius:8px}.quick-actions .action-symbol .icon{width:21px;height:21px}.quick-actions .action-chevron{width:16px;height:16px}.equipment-grid{padding:0 24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.equipment-card{display:flex;gap:14px;padding:20px;border:1px solid var(--line);border-radius:9px;min-width:0}.equipment-card>div{flex:1;min-width:0}.equipment-card h2{font-size:17px;margin-bottom:4px}.equipment-card p{font-size:12px;margin-bottom:12px}.equipment-card dl{margin:0}.equipment-card .detail-row{font-size:12px;padding:7px 0}
@media(min-width:1400px){.login-scene{padding-left:max(65px,calc((100vw - 1240px)/2))}.login-scene-copy{margin-top:140px}}
@media(max-width:1050px){.topbar-inner{gap:24px;padding-left:24px;padding-right:24px}.desktop-nav{gap:18px}.brand{font-size:22px}.user-chip-name{display:none}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.login-layout{grid-template-columns:50% 50%}.login-scene{padding:40px 8%}.login-scene-copy h1{font-size:46px}.record-table-heading,.record-row{grid-template-columns:1.8fr 1.2fr 1fr 1.2fr .6fr}.lock-status span{display:none}.home-body[data-role="operator"] .home-actions{gap:12px}}
@media(max-width:767px){.topbar-inner{padding:17px 20px;gap:12px}.brand{font-size:24px;gap:11px}.brand small{font-size:10px}.brand-icon .icon{width:34px;height:34px}.desktop-nav{display:none}.user-chip{margin-left:auto}.avatar{width:34px;height:34px;font-size:11px}.preview-inner{padding:6px 20px;gap:10px;font-size:11px}.preview-inner select{font-size:11px;padding:5px 22px 5px 8px;min-height:32px}.preview-desktop-text{display:none}.exit-preview span{display:none}.exit-preview{padding:5px}.page-content{padding:25px 18px 0;min-height:calc(100vh - 245px)}.page-heading{margin-bottom:21px;gap:10px;align-items:flex-start}.page-heading h1{font-size:25px;letter-spacing:-.65px}.page-heading p{font-size:12px;line-height:1.5}.back-button{width:32px;height:32px;margin-top:1px}.back-button .icon{width:20px;height:20px}.step-counter{font-size:12px;padding-top:5px}.step-track{font-size:12px;padding:0 3px 18px;gap:18px}.form-surface{padding:22px 18px}.site-footer{margin-top:22px;padding:18px 20px calc(88px + env(safe-area-inset-bottom));font-size:10px;gap:10px;flex-wrap:wrap}.bottom-nav{position:fixed;z-index:1030;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #dae3ec;padding:8px 14px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -3px 12px #0a32590a}.bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;min-width:70px;color:#7c8d9d;font-size:10px}.bottom-nav .icon{width:22px;height:22px}.bottom-nav a[aria-current]{color:var(--blue);font-weight:700}.bottom-nav a[aria-current]:after{content:"";position:absolute;bottom:-5px;left:18px;right:18px;height:3px;background:var(--blue);border-radius:2px}.form-row{gap:12px}.detail-row{font-size:13px;gap:10px}.detail-row dt{gap:7px}.identity-field strong{font-size:17px}.identity-field small{font-size:11px}.photo-button{font-size:14px}.automatic-time{font-size:11px}.home-body .page-content{min-height:0}.home-scene{border-radius:0;min-height:0;padding:33px 20px 22px;background-position:63% center}.home-intro h1{font-size:31px;letter-spacing:-.6px}.home-intro>p:not(.greeting){font-size:13px;max-width:260px}.greeting{font-size:12px;margin-bottom:9px}.shift-line{font-size:10px;gap:6px;flex-wrap:wrap;margin-top:20px}.shift-line .icon{width:14px;height:14px}.home-actions,.home-body[data-role="operator"] .home-actions{display:grid;grid-template-columns:1fr;gap:13px;margin-top:43px}.action-card,.home-body[data-role="operator"] .action-card{padding:21px 17px;flex-direction:row;gap:16px;text-align:left;min-height:101px}.action-symbol{width:52px;height:52px}.action-card strong{font-size:19px;letter-spacing:-.5px}.action-card small{font-size:11px}.home-body[data-role="operator"] .action-chevron{display:block;margin-left:auto}.home-tagline{font-size:11px;margin:28px 0 0}.home-body .site-footer{padding-top:14px}.history-toolbar{padding:17px 16px;gap:8px}.filter-button{padding:10px 12px}.filter-button span{display:none}.search-field{padding:0 10px;gap:7px}.search-field input{font-size:13px}.search-field>.icon{width:18px;height:18px}.heading-action{padding:10px 12px;min-height:44px;font-size:12px;gap:5px}.heading-action .icon{width:17px;height:17px}.history-filters{padding:0 16px 19px;gap:10px}.history-filters>div{min-width:140px}.record-table-heading{display:none}.record-row{grid-template-columns:1fr auto 15px;gap:4px 10px;padding:19px 17px}.record-equipment{grid-column:1;grid-row:1;gap:10px}.record-equipment>.icon{width:25px;height:25px}.record-equipment strong{font-size:15px}.record-equipment small{display:none}.record-row time{grid-column:1;grid-row:2;padding-left:35px;font-size:11px;margin-bottom:4px}.record-row time small{display:inline;font-size:11px;margin-left:5px}.record-litres{grid-column:1;grid-row:3;padding-left:35px;font-size:13px}.record-reading{grid-column:1;grid-row:3;margin-left:91px;padding-left:9px;border-left:1px solid #d6e0e9;font-size:12px;max-width:calc(100% - 90px)}.lock-status{grid-column:2;grid-row:1/4}.lock-status .icon{width:18px;height:18px}.row-chevron{display:block;grid-column:3;grid-row:1/4;width:14px;height:14px;color:#a4b5c4}.list-count{padding:14px 16px}.dashboard-stats{gap:12px}.stat-card{padding:19px 16px}.stat-card>strong{font-size:29px;letter-spacing:-1px}.stat-card p{font-size:11px;min-height:32px;margin-bottom:7px}.stat-card small{font-size:10px}.stat-card>.icon{margin-bottom:12px}.dashboard-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.dashboard-note{font-size:11px}.section-heading{padding:19px 17px}.section-heading h2{font-size:16px}.compact-record{padding:16px 17px}.quick-actions{padding:21px 18px}.quick-actions .action-card{min-height:0}.equipment-grid{grid-template-columns:1fr;padding:0 16px 18px;gap:12px}.equipment-card{padding:18px 15px}.login-layout{display:block}.login-scene{min-height:0;height:205px;padding:27px 25px;background-position:center 58%}.login-brand{font-size:25px}.login-brand .brand-icon .icon{width:36px;height:36px}.login-brand small{font-size:10px}.login-scene-copy{margin-top:28px}.login-scene-copy h1{font-size:29px;letter-spacing:-.8px;line-height:1.12;margin:0}.login-scene-copy h1 br{display:none}.login-scene-copy p{font-size:11px;margin:8px 0 0;color:#d4e2ee}.login-scene-copy p br{display:none}.login-scene-footer{display:none}.login-panel{padding:30px 25px 35px}.login-panel-inner{max-width:390px}.login-lock{display:none}.login-panel h1{font-size:26px}.lead-copy{font-size:13px;margin-bottom:25px}.setup-note{margin-top:20px}.preview-access{margin-top:24px;padding-top:20px}.login-time{margin-top:23px}.login-panel .field-help{font-size:11px;margin-bottom:20px}.pin-input{min-height:57px}.profile-header{gap:14px}}
@media(max-width:359px){.topbar-inner{padding-left:15px;padding-right:15px}.brand{font-size:22px}.preview-inner{padding-left:15px;padding-right:15px}.page-content{padding-left:12px;padding-right:12px}.home-scene{padding-left:15px;padding-right:15px}.action-card,.home-body[data-role="operator"] .action-card{padding:18px 13px;gap:12px}.action-card strong{font-size:17px}.action-card small{font-size:10px}.action-symbol{width:46px;height:46px}.form-surface{padding-left:15px;padding-right:15px}.form-row{grid-template-columns:1fr;gap:0}.login-panel{padding-left:21px;padding-right:21px}.preview-role-links{gap:6px}.preview-role-links a{gap:4px;font-size:11px}.asset-info{gap:14px}.stat-card>strong{font-size:25px}.heading-action{padding-left:9px;padding-right:9px}.page-heading h1{font-size:23px}}
@media(prefers-reduced-motion:no-preference){.action-card{transition:transform .16s,box-shadow .16s,background .16s}.btn{transition:background .15s}}
.photo-open{display:block;width:100%;border:0;padding:0;background:#14202b;cursor:zoom-in;border-radius:7px;overflow:hidden}.photo-open:focus-visible{outline:3px solid #53a9fb;outline-offset:-4px}.photo-open img{display:block}
@media(max-width:767px){.form-row{grid-template-columns:1fr;gap:0}}
@media print{.topbar,.preview-strip,.bottom-nav,.site-footer,.heading-action{display:none}.page-content{padding:0}.surface{border:0;box-shadow:none}}
/* Manager forms keep the same touch targets as the field workflows. */
.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.management-grid .form-surface{max-width:none}.person-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #e8edf3}.person-row:last-child{border:0}.person-row p{margin:5px 0 0;color:#5c7084}.person-row>div{min-width:0;overflow-wrap:anywhere}.equipment-card>div{min-width:0;overflow-wrap:anywhere}.person-row .btn{flex-shrink:0}.form-surface h2{font-size:1.2rem;margin-bottom:20px}.search-field input,.history-filters .form-control,.history-filters .form-select{font-size:16px}
@media(max-width:767px){.management-grid{grid-template-columns:minmax(0,1fr);gap:18px}.person-row{gap:10px}.management-grid .form-row{grid-template-columns:minmax(0,1fr)}}
.dashboard-grid>section{min-width:0}.compact-record>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.section-heading h2{min-width:0}.review-photos>div{min-width:0}.review-photos>div>.photo-open{width:100%}.review-photos>div>a{display:block;overflow-wrap:anywhere}.locked-banner{display:flex;align-items:center;gap:8px;color:var(--green);font-weight:700}
.history-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 24px 24px}.history-filter-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.history-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px;border-top:1px solid var(--line);font-size:13px}.history-pagination nav{display:flex;gap:10px}.mobile-record-status{display:none}.revision-entry{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.revision-entry summary{cursor:pointer;font-size:14px;min-height:48px;overflow-wrap:anywhere}.revision-entry .detail-list{margin-top:12px}.history-server-form .search-field{min-width:0;flex:1}.history-server-form .search-field input{width:100%;min-width:0}.history-server-form .history-toolbar{flex-wrap:wrap}.history-server-form .btn-main{min-height:48px}@media(max-width:767px){.history-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 20px;gap:12px}.history-pagination{padding:18px 16px}.history-server-form .history-toolbar{gap:8px}.history-server-form .search-field{flex-basis:100%}.history-server-form .btn-main{padding-left:14px;padding-right:14px}.mobile-record-status{display:block!important;font-size:10px;line-height:1.3;max-width:58px;overflow-wrap:anywhere}.history-surface .lock-status{display:flex;flex-direction:column;align-items:center;gap:5px}.history-filter-actions{grid-column:1/-1}}@media(max-width:359px){.history-filter-grid{grid-template-columns:minmax(0,1fr)}}
.manager-reports-link{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;color:#fff;margin-left:auto}.manager-reports-link+.user-chip{margin-left:0}.report-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:28px 0 18px}.report-heading h2{margin-bottom:8px}.report-heading p{margin-bottom:0;font-size:13px}.report-controls{display:flex;gap:10px;flex-wrap:wrap}.report-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.report-total{padding:20px;min-width:0}.report-total p{font-size:12px}.report-total strong{font-size:24px;overflow-wrap:anywhere}.report-total strong span{font-size:14px}.report-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}.report-table th{background:#eef4f9;text-align:left;color:#52697e;font-weight:600}.report-table th,.report-table td{padding:14px 10px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.report-generated{font-size:11px;margin:18px 0;color:var(--muted)}@media(max-width:767px){.manager-reports-link{width:40px;height:40px;margin-left:auto}.manager-reports-link .icon{width:22px;height:22px}.report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-heading{margin-top:22px}.report-totals{grid-template-columns:1fr;gap:12px}.report-total{padding:18px}.report-total strong{font-size:27px}.report-table thead{display:none}.report-table,.report-table tbody{display:block}.report-table tr{display:block;padding:12px 16px;border-bottom:1px solid var(--line)}.report-table td{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border:0;font-size:13px}.report-table td:before{content:attr(data-label);color:var(--muted);flex:0 0 43%}.report-value{max-width:55%;text-align:right;overflow-wrap:anywhere}.report-heading .btn-main{min-height:48px}}@media(max-width:359px){.report-filter-grid{grid-template-columns:1fr}.manager-reports-link{width:34px}.topbar-inner{gap:8px}}@media print{.manager-reports-link,.report-filter-form,.report-controls,.history-pagination,.page-heading>a{display:none!important}.report-table{display:table;font-size:9px}.report-table thead{display:table-header-group}.report-table tbody{display:table-row-group}.report-table tr{display:table-row;break-inside:avoid}.report-table th,.report-table td{display:table-cell;padding:7px;border-bottom:1px solid #ddd}.report-table td:before{display:none}.report-value{max-width:none;text-align:left}.report-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.report-total{padding:10px}.report-total strong{font-size:18px}.report-surface{overflow:visible}}
.dashboard-period-line{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:18px;font-size:13px}.dashboard-period-line a{display:flex;align-items:center;min-height:48px}
@media(max-width:767px){.report-type-field{grid-column:1/-1}}