@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans',Arial,sans-serif;color:#192943;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;--blue:#124ba1;--blue-dark:#0d3c83;--ink:#192943;--text:#47566b;--muted:#7d8a9b;--line:#e0e6ed;--surface:#fff;--surface-soft:#f6f8fb;--red:#c53d40;--green:#258052;--shadow:0 4px 16px rgba(21,43,73,.045)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:#f5f7fa;color:var(--ink);font-size:14px;line-height:1.45}
button,input,select{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #7eace8;outline-offset:2px}
.hidden{display:none!important}
.app-shell{min-height:100vh;display:flex}
.sidebar{width:244px;flex:none;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:26px 19px 18px;display:flex;flex-direction:column;z-index:4}
.brand{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:56px;text-decoration:none;padding:0 5px 22px;border-bottom:1px solid var(--line)}
.brand-logo{display:block;width:198px;max-width:100%;height:auto;object-fit:contain}
.side-label{margin:29px 9px 12px;color:#9aa5b3;font-size:10px;font-weight:700;letter-spacing:.1em}
.sidebar nav{display:grid;gap:6px}
.nav-link{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 12px;border-radius:8px;color:#68778a;text-decoration:none;font-weight:600;font-size:13px}
.nav-link:hover{background:#f5f8fc;color:var(--blue)}
.nav-link.active{background:#edf3fb;color:var(--blue)}
.nav-count{min-width:23px;height:22px;padding:2px 6px;border-radius:12px;background:#fff;color:var(--blue);font-size:11px;text-align:center}
.sidebar-bottom{margin-top:auto}
.safety-card{padding:15px 13px;border-radius:10px;background:#f4f7fb;color:var(--text)}
.safety-card strong{font-size:12px;color:var(--ink)}
.safety-card p{font-size:11px;line-height:1.55;margin:6px 0 0;color:var(--muted)}
.local-note{display:flex;align-items:center;gap:8px;margin:16px 7px 0;color:var(--muted);font-size:11px}
.green-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#398963;display:inline-block}
main{min-width:0;width:calc(100% - 244px);margin-left:244px}
.topbar{height:58px;padding:0 38px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb span{padding:0 8px;color:#c3cbd5}.breadcrumb b{color:var(--ink);font-weight:600}
.topbar-right{display:flex;align-items:center;gap:13px}.top-date{color:var(--muted);font-size:11px}.cloud-user{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:11px}
.content{width:min(100%,970px);margin:0 auto;padding:34px 36px 48px}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:23px}
.eyebrow{margin-bottom:7px;color:var(--blue);font-size:10px;letter-spacing:.1em;font-weight:700}
h1,h2,h3,p{margin-top:0}
h1{margin-bottom:5px;font:700 27px/1.2 Manrope,'DM Sans',sans-serif;letter-spacing:-.03em;color:var(--ink)}
.subtitle{margin:0;color:var(--muted);font-size:13px}
.heading-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:12px;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.button-primary{background:var(--blue);border-color:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}
.button-outline{background:#fff;border-color:#d5dee8;color:#4f5f73}.button-outline:hover{border-color:#9bb6d8;color:var(--blue)}
.button-quiet{background:transparent;color:#627186}.button-quiet:hover{background:#edf3fb;color:var(--blue)}
.button-small{min-height:34px;padding:0 11px;font-size:11px}
.button:disabled{opacity:.45;cursor:not-allowed}
.install-button,.signout-button{min-height:31px;padding:0 10px;border:1px solid #d5dee8;border-radius:7px;background:#fff;color:#56657a;font-size:11px;font-weight:600}
.week-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;margin:0 0 14px;padding:12px 16px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow)}
.week-info{min-width:150px}.field-kicker{display:block;margin-bottom:4px;color:#8c98a7;font-size:9px;font-weight:700;letter-spacing:.1em}.week-info strong{font:700 14px Manrope,'DM Sans',sans-serif;color:var(--ink)}
.week-nav{display:flex;align-items:center;gap:5px;padding:3px;border-radius:8px;background:#f3f6fa}
.week-nav button{min-height:30px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#667589;font-size:10px;font-weight:600;white-space:nowrap}
.week-nav button:hover{background:#fff;color:var(--blue)}
.week-nav #this-week{background:#fff;color:var(--blue);box-shadow:0 1px 4px #1e38510d}
.autosave{display:flex;align-items:center;gap:7px;color:#7f8d9d;font-size:10px;white-space:nowrap}
.card{margin:0 0 14px;padding:21px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px}
.section-heading>div{min-width:0;flex:1}
.section-heading h2,.inspection-top h2{margin:0 0 4px;font:700 15px Manrope,'DM Sans',sans-serif;color:var(--ink)}
.section-heading p,.inspection-top p{margin:0;color:var(--muted);font-size:11px}
.required-note{align-self:center;color:#8190a2;font-size:10px;white-space:nowrap}.required-note i,.field i{color:var(--red);font-style:normal}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 13px}
.key-equipment-fields{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px}
.field{display:flex;min-width:0;flex-direction:column;gap:6px;color:#647388;font-size:11px;font-weight:600}
.field input,.field select{width:100%;height:39px;min-width:0;padding:0 11px;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:var(--ink);font-size:12px;font-weight:400}
.field input::placeholder{color:#a2adba}
.field input:focus,.field select:focus{border-color:#6d9bd4;box-shadow:0 0 0 3px #2566bb16;outline:0}
.extra-fields{margin-top:14px;border-top:1px solid #edf0f4;padding-top:10px}
.extra-fields summary{color:#65758a;font-size:11px;font-weight:600;cursor:pointer}
.extra-fields .form-grid{margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.instruction{margin:0 0 14px;padding:12px 15px;border:1px solid #e2e9f2;border-radius:9px;background:#f6f8fb;color:#67778b}
.instruction p{margin:0;font-size:11px;line-height:1.55}.instruction strong{color:#334760}
.inspection-card{padding:0;overflow:hidden}
.inspection-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 21px 13px}
.inspection-top h2{font-size:17px}.inspection-top p{font-size:11px}
.text-button{padding:6px 0;border:0;background:transparent;color:#758398;font-size:10px;font-weight:600}.text-button:hover{color:var(--red)}
.day-selector{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:0 21px 14px}
.day-tab{position:relative;min-width:0;min-height:45px;padding:5px 4px;border:1px solid #e1e7ef;border-radius:8px;background:#fff;color:#728096;text-align:center}
.day-tab strong{display:block;font-size:10px;font-weight:700}.day-tab span{display:block;margin-top:1px;font-size:10px}
.day-tab.active{border-color:var(--blue);background:var(--blue);color:#fff}.day-tab em{position:absolute;top:4px;right:5px;width:5px;height:5px;border-radius:50%;background:#53a978}
.day-tab.active em{background:#fff}
.day-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:8px 21px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:#fafbfd;color:#748195;font-size:10px}
.guided-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 24px 7px;color:#748195;font-size:11px}
.guided-progress-head strong{color:var(--blue);font-size:13px}
.guided-progress-track{height:6px;margin:0 24px;border-radius:8px;background:#e8edf3;overflow:hidden}
.guided-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--blue);transition:width .2s ease}
.guided-item{max-width:620px;min-height:180px;margin:0 auto;padding:32px 24px 22px;display:flex;flex-direction:column;justify-content:center}
.guided-kicker{margin-bottom:15px;color:#7b8a9e;font-size:11px;font-weight:700;letter-spacing:.08em}.guided-kicker strong{color:var(--blue)}
.guided-item h3{max-width:570px;margin:0;color:var(--ink);font:700 clamp(24px,4vw,34px)/1.2 Manrope,'DM Sans',sans-serif;letter-spacing:-.025em}
.guided-item p{margin:10px 0 0;color:#7f8c9c;font-size:12px}
.guided-status-label{padding:0 24px 9px;color:#6d7b8f;font-size:11px;font-weight:600}
.guided-status-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0 24px 20px}
.guided-status-choice{min-width:0;min-height:75px;padding:9px 5px;border:1px solid #e0e6ed;border-radius:10px;background:#f6f8fb;color:#56667b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.guided-status-choice strong{font:700 18px Manrope,'DM Sans',sans-serif;color:inherit}.guided-status-choice span{font-size:10px;line-height:1.15;text-align:center}
.guided-status-choice:hover{border-color:#9db7d7;background:#eef4fb}
.guided-status-choice.active{border-color:var(--blue);background:var(--blue);color:#fff}
.guided-status-choice[data-value="NC"].active{border-color:var(--red);background:var(--red)}
.guided-status-choice[data-value="NA"].active{border-color:#d49b21;background:#d49b21}
.guided-status-choice[data-value="SU"].active{border-color:#66758a;background:#66758a}
.guided-alert{margin:0 24px 16px;padding:10px 12px;border:1px solid #f0cbca;border-radius:8px;background:#fff6f5;color:#a73638;font-size:11px;font-weight:600}
.guided-navigation{position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;gap:10px;padding:12px 21px;border-top:1px solid #e8edf3;background:rgba(255,255,255,.97)}
.guided-navigation .button{min-height:43px;flex:1}.guided-navigation .button-primary{flex:1.3}
.print-checklist{display:none}
.daily-card .form-grid{margin-top:15px;grid-template-columns:repeat(3,minmax(0,1fr))}
.daily-card .field:last-child{grid-column:span 2}
.occurrence-card>.section-heading{align-items:center}.occurrence-card>.section-heading .button{margin-left:auto}
.occurrence-empty{margin-top:15px;padding:15px;border:1px dashed #dce3eb;border-radius:8px;background:#fafbfd;text-align:center;color:#8592a2}
.occurrence-empty p{margin:0;font-size:11px}.occurrence-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 30px;gap:10px;align-items:end;margin-top:13px;padding:13px;border:1px solid #e5eaf0;border-radius:8px;background:#fafbfd}
.occurrence-row .field input{height:35px}.remove-occurrence{height:32px;border:0;background:transparent;color:#78869a;font-size:18px}
.signoff-row{display:flex;gap:14px}.signoff-row .field:first-child{flex:1}.signoff-date{width:170px}
.page-footer{display:flex;justify-content:space-between;gap:12px;padding:3px 2px 0;color:#96a1ae;font-size:10px}
.history-view{max-width:1100px}.history-card{padding:0;overflow:hidden}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.stat-card{padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.stat-card>span{display:block;color:#8592a2;font-size:9px;font-weight:700;letter-spacing:.07em}.stat-card strong{display:block;margin:8px 0 1px;color:var(--blue);font:700 24px Manrope,'DM Sans',sans-serif}.stat-card small{color:#96a1ae;font-size:10px}.stat-alert strong{color:var(--red)}.stat-blocked strong{color:#ad7b27}
.history-empty{text-align:center;padding:48px 20px;color:#8592a2}.history-empty h3{margin:0 0 5px;color:var(--ink);font:700 15px Manrope,'DM Sans',sans-serif}.history-empty p{font-size:11px}
.history-row{display:flex;align-items:center;gap:13px;padding:15px 19px;border-bottom:1px solid #edf0f4}.history-row:last-child{border-bottom:0}.history-row-main{flex:1;min-width:0}.history-row-main strong{display:block;font:700 12px Manrope,'DM Sans',sans-serif}.history-row-main small{display:block;margin-top:4px;color:#8592a2;font-size:10px}.history-status{padding:4px 8px;border-radius:5px;background:#edf3fb;color:var(--blue);font-size:10px}.history-actions{display:flex;gap:6px}.history-actions button{min-height:29px;padding:0 9px;border:1px solid #dce3eb;border-radius:6px;background:#fff;color:#647388;font-size:10px;font-weight:600}
.toast{position:fixed;bottom:22px;left:50%;z-index:20;max-width:calc(100% - 32px);padding:11px 16px;border-radius:8px;background:#1a2d49;color:#fff;font-size:12px;box-shadow:0 4px 18px #101d3030;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f5f7fa}.auth-card{width:min(100%,420px);padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.auth-brand{padding:0 0 22px;margin-bottom:22px}.auth-card h1{margin:14px 0 7px;font-size:22px}.auth-card>div>p{color:#78869a;font-size:12px;line-height:1.55}.auth-card .auth-help{padding:11px 12px;border-radius:7px;background:#f5f7fa;font-size:11px}.auth-symbol{color:var(--blue)}.auth-card form{display:grid;gap:13px;margin-top:20px}.login-submit{width:100%;margin-top:3px}.auth-error{min-height:18px;margin:13px 0 0;color:var(--red);font-size:11px}.auth-foot{margin:9px 0 0;padding-top:13px;border-top:1px solid #edf0f4;color:#97a2af;font-size:10px}.auth-logout{border:0;background:none;color:#66758a}
.auth-switch-copy{margin:13px 0 0;text-align:center}.auth-switch{padding:0;border:0;background:none;color:var(--blue);font:inherit;font-weight:700;cursor:pointer}.auth-switch:hover{text-decoration:underline}.auth-success{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#edf8f1;color:#176b3d;font-size:11px;line-height:1.5}.auth-signature{margin-top:10px!important}.signature-credit{color:#66758a;font-size:11px;font-weight:700;letter-spacing:.02em}.signature-footer{justify-content:center;margin-top:12px;padding:12px 4px 2px;border-top:1px solid var(--line);color:#52647b;text-align:center}
.password-field{display:flex;align-items:stretch;gap:7px}.password-field input{flex:1;width:100%;min-width:0}.password-toggle{flex:0 0 auto;min-width:68px;padding:0 10px;border:1px solid #dce3eb;border-radius:7px;background:#f8fafc;color:#24528b;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.password-toggle:hover{background:#edf4fc;border-color:#9ab5d7}.password-toggle:focus-visible{outline:3px solid #8db7f2;outline-offset:2px}
@media(max-width:1100px){.sidebar{width:215px;padding-inline:15px}main{width:calc(100% - 215px);margin-left:215px}.content{padding:28px 24px 40px}.topbar{padding:0 24px}.heading-actions{gap:4px}.button{padding-inline:10px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{font-size:14px}.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;min-height:58px;padding:7px 16px;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-start}.brand{width:auto;min-height:0;padding:0;border:0;flex:none}.brand-logo{width:170px}.side-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;flex:1 1 100%;gap:6px;margin-top:7px;overflow-x:auto}.sidebar nav .nav-link{flex:1;white-space:nowrap;padding:8px 10px}main{width:100%;margin:0}.topbar{height:38px;padding:0 16px;justify-content:flex-end}.breadcrumb{display:none}.topbar-right{gap:8px}.top-date{font-size:9px}.cloud-user{max-width:92px}.content{padding:18px 13px 35px}.page-heading{display:block;margin-bottom:13px}.eyebrow{margin-bottom:4px;font-size:9px}h1{font-size:21px}.subtitle{font-size:11px}.heading-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.heading-actions .button{min-height:34px;font-size:10px}.heading-actions #save-btn{grid-column:span 2;grid-row:1}.heading-actions #new-week{grid-column:1;grid-row:2}.heading-actions #print-btn{grid-column:2;grid-row:2}.heading-actions #export-btn{grid-column:span 2;grid-row:3;display:none}.week-bar{min-height:58px;flex-wrap:wrap;gap:7px;margin-bottom:10px;padding:9px 10px}.week-info{min-width:0;flex:1}.week-info strong{font-size:12px}.field-kicker{font-size:8px}.week-nav{gap:1px}.week-nav button{min-height:29px;padding:0 6px;font-size:9px}.week-bar>.autosave{display:none}.card{margin-bottom:10px;padding:14px;border-radius:10px}.section-heading{gap:8px;margin-bottom:12px}.section-heading h2{font-size:13px}.section-heading p{font-size:10px}.required-note{display:none}.key-equipment-fields{gap:9px}.field{gap:5px;font-size:10px}.field input,.field select{height:37px;padding-inline:9px;font-size:11px}.extra-fields{margin-top:10px;padding-top:8px}.extra-fields summary{font-size:10px}.extra-fields .form-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.instruction{margin-bottom:10px;padding:9px 11px}.instruction p{font-size:10px}.inspection-card{padding:0}.inspection-top{padding:15px 14px 10px}.inspection-top h2{font-size:14px}.inspection-top p{font-size:10px}.text-button{font-size:9px}.day-selector{gap:4px;padding:0 12px 10px}.day-tab{min-height:42px;padding:4px 2px;border-radius:7px}.day-tab strong,.day-tab span{font-size:9px}.day-summary{min-height:34px;padding:7px 14px;font-size:9px}.day-summary .autosave{font-size:9px}.guided-progress-head{padding:14px 15px 6px;font-size:10px}.guided-progress-head strong{font-size:12px}.guided-progress-track{height:5px;margin:0 15px}.guided-item{min-height:154px;padding:23px 16px 18px}.guided-kicker{margin-bottom:11px;font-size:10px}.guided-item h3{font-size:27px;line-height:1.2}.guided-item p{font-size:11px}.guided-status-label{padding:0 15px 8px;font-size:10px}.guided-status-options{gap:6px;padding:0 12px 14px}.guided-status-choice{min-height:70px;padding:7px 3px;border-radius:9px}.guided-status-choice strong{font-size:17px}.guided-status-choice span{font-size:9px}.guided-alert{margin:0 13px 12px;padding:9px 10px;font-size:10px}.guided-navigation{gap:8px;padding:9px 12px}.guided-navigation .button{min-height:42px;padding-inline:8px;font-size:10px}.daily-card .form-grid{grid-template-columns:1fr 1fr;gap:11px}.daily-card .field:last-child{grid-column:span 2}.occurrence-card>.section-heading{flex-wrap:wrap;align-items:flex-start}.occurrence-card>.section-heading .button{margin-left:0}.occurrence-row{grid-template-columns:1fr 1fr;gap:9px;padding:10px}.remove-occurrence{grid-column:2;justify-self:end}.signoff-row{flex-direction:column;gap:11px}.signoff-date{width:100%}.page-footer{flex-direction:column;gap:5px;font-size:9px}.dashboard-stats{gap:7px}.stat-card{padding:11px}.stat-card>span{font-size:8px}.stat-card strong{font-size:20px}.history-row{gap:8px;padding:12px}.history-actions{flex-direction:column}.history-actions button{font-size:9px}.auth-card{padding:23px}.auth-brand{margin-bottom:18px}}
@media(max-width:370px){.brand-logo{width:150px}.content{padding-inline:10px}.guided-item h3{font-size:24px}.guided-status-options{gap:4px;padding-inline:8px}.guided-status-choice span{font-size:8px}.week-nav button{padding-inline:4px}.day-selector{padding-inline:8px}}
/* Direct input, monthly status overview, and touch signature. */
.task-list{display:grid;gap:9px;padding:14px 20px 6px}.task-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:#fff}.task-card-heading{display:flex;align-items:center;gap:12px;min-width:0}.task-card-heading strong{font-size:13px;line-height:1.45;color:var(--ink)}.task-number{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:#edf3fb;color:var(--blue);font-size:11px;font-weight:800}.task-status-options{display:flex;gap:5px}.task-status{min-width:38px;height:34px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:#5b6878;font-size:11px;font-weight:800}.task-status.active{background:var(--blue);border-color:var(--blue);color:#fff}.task-status.status-nc.active{background:var(--red);border-color:var(--red)}.task-status.status-na.active{background:#d49b21;border-color:#d49b21}.task-status.status-su.active{background:#66758a;border-color:#66758a}
.guided-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px}.guided-navigation button:disabled{opacity:.45;cursor:not-allowed}.task-page-label{color:var(--muted);font-size:12px;font-weight:700}.month-filter{max-width:250px;margin:0 0 14px}.equipment-dashboard{display:grid;gap:12px;margin:12px 0 18px}.equipment-status-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.equipment-status-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.equipment-status-head strong{font-size:17px}.equipment-status-head>span{color:var(--muted);font-size:12px}.traffic-light-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.traffic-day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:68px;padding:8px 5px;border-radius:10px;text-align:center}.traffic-day>span{font-weight:800;font-size:15px}.traffic-day small{font-size:9px;line-height:1.15}.traffic-day.green{background:#e2f6e9;color:#15733b}.traffic-day.yellow{background:#fff3d5;color:#875a00}.traffic-day.red{background:#fde7e7;color:#a82929}.traffic-day.gray{background:#edf0f3;color:#586574}.anomaly-heading{margin:14px 0 6px;font-size:12px}.anomaly-entry{margin:4px 0;color:var(--text);font-size:11px;line-height:1.45}.history-row{grid-template-columns:minmax(0,1fr) auto}.month-filter .field{max-width:230px}
.signature-field{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:15px;border:1px dashed var(--line);border-radius:11px}.signature-field>div:first-child{display:grid;gap:4px}.signature-field>div:first-child strong{font-size:13px}.signature-field>div:first-child span{font-size:11px;color:var(--muted)}.signature-preview{display:flex;align-items:center;gap:8px}.signature-preview img{width:130px;height:52px;object-fit:contain;border:1px solid var(--line);border-radius:7px}.signature-dialog{width:min(720px,calc(100vw - 24px));padding:0;border:0;border-radius:16px;box-shadow:0 24px 80px #10243b44}.signature-dialog::backdrop{background:#14223588}.signature-dialog-card{padding:22px}.signature-dialog-card .section-heading{align-items:flex-start}.signature-dialog-card h2{margin:0 0 5px}.signature-dialog-card p{margin:0;color:var(--muted)}.dialog-close{border:0;background:transparent;font-size:26px;color:var(--muted)}#signature-canvas{display:block;width:100%;height:auto;aspect-ratio:3/1;margin:14px 0;border:1px solid #b9c6d4;border-radius:10px;background:linear-gradient(#fff,#fbfcfe);touch-action:none}.signature-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:760px){.task-list{gap:7px;padding:10px}.task-card{grid-template-columns:1fr;gap:9px;padding:11px}.task-card-heading strong{font-size:12px}.task-status-options{display:grid;grid-template-columns:repeat(4,1fr)}.task-status{height:38px}.guided-navigation{padding:10px;gap:6px}.guided-navigation .button{min-height:38px;font-size:10px}.task-page-label{font-size:10px;white-space:nowrap}.equipment-status-card{padding:13px}.equipment-status-head{align-items:flex-start;flex-direction:column;gap:5px}.traffic-light-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.traffic-day{min-height:58px}.signature-field{align-items:flex-start;flex-wrap:wrap;padding:12px}.signature-field>div:first-child{width:100%}.signature-dialog-card{padding:15px}.signature-dialog-actions{flex-wrap:wrap}.signature-dialog-actions .button{flex:1}.month-filter{max-width:none}}
/* Max Plast identity, item-status guide, final save action and analytical dashboard. */
.brand{gap:9px;align-items:center}.brand-logo{width:88px;height:52px;max-width:none;object-fit:contain}.brand-title{min-width:0;color:var(--ink);font:800 12px/1.15 Manrope,'DM Sans',sans-serif;letter-spacing:-.02em}.auth-brand{width:100%;gap:14px;padding:0 0 20px}.auth-brand .brand-logo{width:122px;height:67px}.auth-brand .brand-title{font-size:16px}
.status-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 22px;border-bottom:1px solid #edf0f4;background:#f8fafc}.status-legend>strong{margin-right:3px;color:#596a80;font-size:10px}.legend-item{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #e4eaf1;border-radius:8px;background:#fff}.legend-item>b{display:grid;place-items:center;min-width:29px;height:27px;padding:0 4px;border-radius:6px;font-size:10px}.legend-item>span{display:grid;gap:1px}.legend-item>span strong{color:#41536a;font-size:9px}.legend-item small{color:#8a96a5;font-size:8px}.legend-c{background:#e9f2ff;color:#124ba1}.legend-nc{background:#ffebeb;color:#b12d31}.legend-na{background:#fff5dc;color:#8f640b}.legend-su{background:#edf0f3;color:#586574}
.save-checklist-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:18px 21px;border:1px solid #d4e0ef;border-radius:12px;background:linear-gradient(110deg,#f7faff,#edf4fd);box-shadow:var(--shadow)}.save-checklist-bar>div{display:grid;gap:3px}.save-checklist-bar strong{color:var(--ink);font:700 14px Manrope,'DM Sans',sans-serif}.save-checklist-bar span{color:var(--muted);font-size:11px}.save-checklist-bar .button{min-height:44px;padding-inline:22px}
.history-view{max-width:1240px}.dashboard-period{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 17px;padding:15px 18px;border:1px solid #dce5f0;border-radius:14px;background:linear-gradient(110deg,#fff,#f2f7fd)}.dashboard-period>div{display:grid;gap:4px}.dashboard-period>div strong{font:700 16px Manrope,'DM Sans',sans-serif}.dashboard-period .field{width:215px}.dashboard-period .field span{font-size:9px}.dashboard-period .field input{height:35px}.dashboard-kicker{color:#8291a4;font-size:9px;font-weight:800;letter-spacing:.11em}.dashboard-stats{gap:13px;margin-bottom:14px}.stat-card{position:relative;overflow:hidden;min-height:120px;padding:18px 19px;border-radius:13px;box-shadow:0 7px 22px #1929430a;transition:transform .18s ease,box-shadow .18s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 11px 28px #19294315}.stat-card::after{position:absolute;right:-19px;bottom:-38px;width:100px;height:100px;border-radius:50%;background:#124ba10b;content:""}.stat-card strong{font-size:30px}.stat-good strong{color:#258052}.stat-warning strong{color:#b58015}.dashboard-analytics{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(245px,.8fr);gap:14px;margin:0 0 15px}.chart-card,.dashboard-highlight{min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 7px 22px #1929430a}.chart-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.chart-heading h2,.dashboard-highlight h2{margin:4px 0;color:var(--ink);font:700 17px Manrope,'DM Sans',sans-serif}.chart-heading p,.dashboard-highlight>p{margin:0;color:var(--muted);font-size:10px}.chart-legend{display:grid;gap:7px;padding-top:3px;color:#718096;font-size:9px}.chart-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}.chart-legend i{width:9px;height:9px;border-radius:3px}.chart-key-done{background:#2f8b5a}.chart-key-pending{background:#d76b6e}.chart-scroll{overflow-x:auto;margin-top:11px}.daily-chart{display:block;width:100%;min-width:540px;height:auto;overflow:visible}.chart-gridline{stroke:#e9eef4;stroke-width:1}.chart-axis-label{fill:#8a97a7;font:10px 'DM Sans',sans-serif}.chart-bar-done{fill:#31875b}.chart-bar-pending{fill:#d87173}.chart-foot{display:flex;justify-content:space-between;gap:10px;padding-top:9px;border-top:1px solid #edf0f4;color:#8491a2;font-size:9px}.chart-foot strong{color:#53647a}.dashboard-highlight{background:linear-gradient(150deg,#142b48,#1c4169);color:#fff}.dashboard-highlight .dashboard-kicker{color:#a7bdd7}.dashboard-highlight h2{color:#fff}.dashboard-highlight>p{color:#c1d0e1}.highlight-row{display:flex;align-items:center;gap:8px;margin-top:14px;color:#e4edf6;font-size:10px}.highlight-row strong{margin-left:auto;color:#fff;font-size:13px}.highlight-dot{width:8px;height:8px;border-radius:50%}.dot-green{background:#66cf91}.dot-red{background:#f27c7f}.dot-amber{background:#f3c65e}.highlight-message{margin-top:15px;padding:10px;border:1px solid #ffffff24;border-radius:9px;background:#ffffff0c;color:#d8e5f2;font-size:10px;line-height:1.5}.equipment-dashboard{margin-top:15px}.equipment-status-card{box-shadow:0 7px 22px #1929430a}.history-card{box-shadow:0 7px 22px #1929430a}
@media(max-width:760px){.brand{gap:7px}.brand-logo{width:76px;height:44px}.brand-title{font-size:11px}.auth-brand .brand-logo{width:103px;height:57px}.auth-brand .brand-title{font-size:14px}.status-legend{gap:6px;padding:9px 11px}.status-legend>strong{width:100%;font-size:10px}.legend-item{flex:1;min-width:calc(50% - 6px);padding:5px}.legend-item>span strong{font-size:9px}.legend-item small{font-size:8px}.save-checklist-bar{align-items:stretch;flex-direction:column;margin-bottom:10px;padding:13px;gap:10px}.save-checklist-bar .button{width:100%;min-height:44px}.dashboard-period{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:10px;padding:12px}.dashboard-period .field{width:100%;max-width:none}.dashboard-period>div strong{font-size:14px}.dashboard-stats{gap:7px}.stat-card{min-height:92px;padding:11px}.stat-card strong{font-size:23px}.dashboard-analytics{grid-template-columns:1fr;gap:9px}.chart-card,.dashboard-highlight{padding:13px}.chart-heading h2,.dashboard-highlight h2{font-size:15px}.daily-chart{min-width:540px}.chart-foot{font-size:8px}.dashboard-highlight{padding:15px}.equipment-dashboard{margin-top:10px}}

/* Clearer task navigation, area analytics, and shareable inspection reports. */
.sidebar nav{gap:8px}.sidebar nav .nav-link{justify-content:flex-start;gap:11px;min-height:54px;padding:0 14px;border:1px solid #dce5f0;background:#fff;color:#344861;font-size:14px;box-shadow:0 3px 10px #182b460a;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.sidebar nav .nav-link:hover{transform:translateY(-1px);background:#f2f7ff;box-shadow:0 7px 17px #124ba11c}.sidebar nav .nav-link.active{border-color:#124ba1;background:linear-gradient(110deg,#124ba1,#1765c6);color:#fff;box-shadow:0 7px 17px #124ba133}.nav-icon{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border-radius:9px;background:#e9f1fc;color:#124ba1;font-size:16px;font-weight:900}.nav-link.active .nav-icon{background:#ffffff24;color:#fff}.nav-count{margin-left:auto}.form-steps{position:sticky;z-index:5;top:0;display:flex;gap:8px;overflow-x:auto;margin:0 0 15px;padding:9px;border:1px solid #dce5f0;border-radius:12px;background:#ffffffed;backdrop-filter:blur(10px)}.form-steps a{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:8px;background:#f4f7fb;color:#344861;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}.form-steps a:hover{background:#eaf2ff;color:#124ba1}.form-steps a span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#124ba1;color:#fff;font-size:9px}.area-chart-card{min-width:0}.area-dashboard{display:grid;gap:15px;margin-top:19px}.area-row-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;color:#344861;font-size:11px}.area-row-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-row-label span{font-weight:800}.area-track{height:9px;overflow:hidden;border-radius:20px;background:#edf1f6}.area-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e09b34,#cf5555)}.area-empty{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.stat-card[data-dashboard-view]{width:100%;border:1px solid #dce5f0;text-align:left;color:inherit;font:inherit;cursor:pointer}.stat-card[data-dashboard-view]:focus-visible{outline:3px solid #8db7f2;outline-offset:2px}.dashboard-analytics{grid-template-columns:minmax(0,1.55fr) minmax(210px,.85fr) minmax(220px,.8fr)}.dashboard-detail-dialog,.report-dialog{width:min(760px,calc(100vw - 28px));max-width:none;max-height:90vh;padding:0;border:1px solid #dce5f0;border-radius:18px;box-shadow:0 25px 90px #0b1b3270}.dashboard-detail-dialog::backdrop,.report-dialog::backdrop{background:#10243b88;backdrop-filter:blur(3px)}.dashboard-detail-card,.report-dialog-card{padding:22px}.dialog-close{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:#344861;font-size:23px;cursor:pointer}.dashboard-detail-card>.section-heading,.report-dialog-card>.section-heading{align-items:flex-start}.detail-tabs{display:flex;gap:7px;margin:10px 0 14px;padding:5px;border-radius:11px;background:#f1f5fa}.detail-tabs button{flex:1;min-height:38px;border:0;border-radius:8px;background:transparent;color:#65768b;font-weight:700;cursor:pointer}.detail-tabs button.active{background:#fff;color:#124ba1;box-shadow:0 2px 8px #1c30460f}.dashboard-detail-content{display:grid;max-height:58vh;gap:9px;overflow:auto;padding:2px}.detail-row{padding:13px 15px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.detail-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.detail-row-head strong{color:#263b54;font-size:13px}.detail-row>p{margin:6px 0;color:#738197;font-size:11px}.detail-badge{padding:4px 8px;border-radius:20px;background:#edf2f7;color:#607087;font-size:9px;font-weight:800;white-space:nowrap}.detail-badge.pending{background:#fff0ef;color:#ac3939}.detail-badge.anomalies{background:#fff4dd;color:#9a6711}.detail-note{margin-top:5px;color:#344861;font-size:11px;line-height:1.5}.detail-empty{padding:28px 12px;text-align:center;color:#6f7e91;font-size:13px}.report-preview-wrap{max-height:56vh;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f2f5f8;text-align:center}.report-preview-wrap img{display:block;width:min(100%,520px);height:auto;margin:auto;box-shadow:0 5px 22px #132b451c}.report-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px}.report-dialog-actions a{text-decoration:none}.report-share-note{margin:12px 0 0;color:#77869a;font-size:11px;line-height:1.5}
.chart-key-done{background:#d79a30}.chart-bar-done{fill:#d79a30}.chart-key-pending{background:#d87173}
@media(max-width:1100px){.dashboard-analytics{grid-template-columns:minmax(0,1.4fr) minmax(210px,.8fr)}.area-chart-card{grid-column:span 2}}
@media(max-width:760px){.sidebar nav .nav-link{justify-content:center;gap:6px;min-height:48px;padding:5px 8px;border-width:1px;font-size:11px}.nav-icon{width:25px;height:25px;flex-basis:25px;font-size:13px}.nav-count{display:none}.form-steps{top:0;gap:5px;margin:0 -2px 10px;padding:6px}.form-steps a{min-height:34px;padding:0 8px;font-size:9px}.form-steps a span{width:20px;height:20px}.dashboard-analytics{grid-template-columns:1fr}.area-chart-card{grid-column:auto}.dashboard-detail-card,.report-dialog-card{padding:15px}.detail-tabs button{font-size:10px}.report-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.report-dialog-actions .button{justify-content:center;min-height:40px;font-size:10px}.dashboard-detail-content{max-height:60vh}}
@media(max-width:370px){.brand-logo{width:68px;height:39px}.brand-title{font-size:10px}}