:root{--ink:#3d404a;--muted:#6b7079;--lime:#b8bdc3;--paper:#f4f4f4;--line:#dadada;--blue:#8c939c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #626c78;outline-offset:4px}header{max-width:1220px;margin:auto;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand img{display:block;width:175px;height:61px}.head-tag{display:flex;align-items:center;gap:8px;letter-spacing:2px;font-size:9px;font-weight:750;margin-left:auto}.head-tag i{width:6px;height:6px;border-radius:50%;background:#9098a1}main{max-width:1160px;margin:auto;padding:0 30px}.hero{padding:56px 0 35px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(48px,7.8vw,94px);line-height:.99;letter-spacing:-5px;margin:24px 0}.hero h1 span{color:#777d86}.hero p{font-size:17px;line-height:1.65;color:var(--muted);position:absolute;right:20px;bottom:55px}.hero-note{display:flex;gap:23px;font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:27px}.choices{display:grid;gap:19px}.choice{position:relative;display:flex;width:100%;align-items:center;gap:27px;padding:40px 42px;border:1px solid #d5d8dc;border-radius:18px;text-align:left;color:var(--ink);min-height:204px;transition:transform .16s,box-shadow .16s}.choice:hover{transform:translateY(-3px);box-shadow:0 10px 30px #3d404a10}.paper{background:white}.digital{background:var(--lime);border-color:#969da5}.choice-num{font-size:10px;letter-spacing:1px;position:absolute;top:16px;left:20px;color:#6b7079}.choice-icon{font-size:53px;width:81px;height:81px;display:grid;place-items:center;border:1px solid #d0d4d8;border-radius:14px;font-weight:500}.digital .choice-icon{border-color:#89919a}.mini-label{font-size:9px;letter-spacing:1.5px;font-weight:700}.choice h2{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:7px 0 10px}.choice em{font-size:17px;font-style:normal;font-weight:400;color:#4c5460}.choice p{font-size:13px;color:#58616a;margin:0;line-height:1.65}.choice-arrow{font-size:40px;font-weight:300;margin-left:auto}.deadline{display:flex;gap:20px;align-items:center;padding:25px 2px;border-bottom:1px solid var(--line)}.deadline>span{font-size:10px;letter-spacing:1px;font-weight:800}.deadline p{font-size:11px;color:var(--muted);margin:0}.deadline a{font-size:10px;font-weight:650;margin-left:auto}.examples{padding:49px 0 40px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}h2,h3{margin:0}h2{font-size:21px;letter-spacing:-.6px}.examples .section-top h2{margin-top:8px;font-size:25px}.demo-tag{font-size:8px;letter-spacing:1px;color:var(--muted);white-space:nowrap}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.example-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.example-title{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:21px 18px;flex-wrap:wrap}.person{width:36px;height:36px;background:#e8f6fb;display:grid;place-items:center;border-radius:8px;font-weight:800}.busy .person{background:#f4ede5}.example-title h3{font-size:16px;letter-spacing:-.3px}.example-title p{font-size:10px;color:var(--muted);margin:3px 0 0}.badge{font-size:7px;font-weight:800;letter-spacing:.4px;background:#e8f6fb;padding:5px 6px;margin-left:auto;border-radius:4px}.busy .badge{background:#fff0d7;color:#8a6716}.example-card ol{list-style:none;margin:0;padding:10px 18px}.example-card li{display:flex;gap:15px;padding:12px 0;border-bottom:1px solid #edf0e9;font-size:11px}.example-card li:last-child{border:0}.example-card li strong{font-size:9px;min-width:28px;color:var(--muted)}.example-button{width:100%;background:#f5f7f9;border:0;border-top:1px solid var(--line);padding:15px;text-align:left;font-size:11px;font-weight:700}.example-button:hover{background:#e3f6fd}.example-foot{font-size:10px;color:var(--muted);text-align:center;margin:20px 0 0}footer{border-top:1px solid var(--line);padding:25px 0;display:flex;gap:20px;font-size:9px;color:var(--muted)}footer>span:first-child{font-weight:800;letter-spacing:1.3px}footer a{margin-left:auto}.view{padding:27px 0 30px}.back{border:0;background:none;padding:0;font-size:11px;font-weight:600;color:var(--muted)}.view-heading{margin:32px 0}.view-heading h1{font-size:50px;line-height:1.05;letter-spacing:-2px;margin:15px 0}.view-heading p{color:var(--muted);font-size:13px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:20px}.panel h2{font-size:19px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 19px;min-height:47px;font-size:12px;font-weight:750;border-radius:8px;text-decoration:none;border:1px solid transparent}.primary{background:var(--ink);color:#fff}.primary:hover{background:#2c3d46}.secondary{background:white;color:var(--ink);border-color:#ccd4dc}.secondary:hover{background:#eceef0}.full{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:11px;font-weight:650}input,textarea{display:block;width:100%;min-width:0;margin:7px 0 0;border:1px solid #cfd5db;border-radius:7px;padding:12px;background:#fff;color:var(--ink)}input[type=date],input[type=time]{min-height:45px}textarea{resize:vertical;min-height:85px;line-height:1.5}.form-hint{font-size:10px;background:#eceef0;color:var(--muted);padding:12px;border-radius:7px;margin-top:20px}.week-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.week-heading h2{font-size:19px}.week-heading span{font-size:10px;color:var(--muted)}.day-card{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}.day-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:15px;padding:19px 22px}.day-card summary::-webkit-details-marker{display:none}.day-card summary::after{content:'＋';margin-left:12px;font-size:20px;color:var(--muted)}.day-card[open] summary::after{content:'−'}.day-name{font-size:13px;font-weight:800;min-width:95px}.day-date{font-size:10px;color:var(--muted)}.day-hours{margin-left:auto;font-size:11px;font-weight:700}.day-body{border-top:1px solid var(--line);padding:22px}.time-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.day-meta{display:flex;align-items:center;gap:14px;margin:17px 0}.day-meta label{flex:1}.calculate{font-size:10px;background:#eceef0;border:1px solid #cbd0d5;border-radius:6px;padding:10px;white-space:nowrap;margin-top:18px}.descriptions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.text-button{border:0;background:none;color:#4c5560;text-decoration:underline;font-size:11px;padding:5px}.muted{font-size:11px;color:var(--muted)}.totals-panel{display:flex;gap:50px;background:var(--ink);color:white}.totals-panel span{display:block;font-size:8px;letter-spacing:1.5px;color:#d3d9df}.totals-panel strong{font-size:28px;letter-spacing:-1px}.generate-bar{background:var(--lime);border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.generate-bar>span{font-size:9px;letter-spacing:1px;font-weight:800}#signature{width:100%;height:140px;display:block;border:1px dashed #bccbd7;background:#fcfcfd;border-radius:8px;touch-action:none}.fine{font-size:10px;color:var(--muted);line-height:1.7;margin-top:14px}#digitalPreview{display:block;width:100%;max-width:620px;height:auto;margin:20px auto;border:1px solid var(--line)}.result-actions{display:flex;gap:12px}.result-actions>*{flex:1}.demo-notice{padding:15px;background:#fff0d0;color:#715314;border:1px solid #ead49f;border-radius:8px;font-size:11px;margin-bottom:18px}.demo-notice button{background:none;border:0;text-decoration:underline;font:inherit;font-weight:750;margin-left:10px;cursor:pointer}.scan-panel{max-width:820px;margin-left:auto;margin-right:auto}.upload-area{border:1px dashed #b9cbd6;border-radius:12px;text-align:center;padding:35px 20px;background:#f7fafc}.upload-icon{font-size:38px}.upload-area h2{margin:10px 0}.upload-area p{font-size:12px;color:var(--muted)}.upload-buttons{display:flex;justify-content:center;gap:12px;margin:23px 0 15px}.upload-area small{font-size:9px;color:var(--muted)}.status{font-size:12px;color:#4c5560;margin:20px 0}#cropCanvas{width:100%;height:auto;display:block;background:#e1e7ed;border-radius:10px;touch-action:none;cursor:crosshair}.crop-tools{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.crop-tools button{font-size:10px;padding:8px 12px;min-height:36px}.enhance{display:flex;align-items:center;gap:9px;margin:18px 0;font-size:12px}.enhance input{width:17px;height:17px;margin:0}#scanPdfPreview{width:100%;height:auto;background:white;border:1px solid var(--line);margin:15px 0}#scanOutput{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}#toast{display:none;position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border:1px solid #ffffff33;border-radius:10px;padding:13px 20px;font-size:12px;z-index:20;max-width:90vw;box-shadow:0 4px 25px #0002}[hidden]{display:none!important}.install-button{border:1px solid #becbd4;background:white;padding:9px 13px;border-radius:7px;font-size:10px;font-weight:700}.install-banner{display:flex;align-items:center;gap:15px;background:#eceef0;border:1px solid #cbd0d5;padding:15px 20px;border-radius:10px;margin:20px 0 0}.install-banner p{font-size:11px;margin:0;flex:1}.install-banner button{font-size:10px}.install-dismiss{background:none;border:0;color:var(--muted);font-size:10px}dialog{border:1px solid var(--line);border-radius:15px;padding:26px;max-width:440px;width:calc(100% - 36px);color:var(--ink)}dialog::backdrop{background:#3d404a88}dialog h2{font-size:22px}dialog p,dialog ol{font-size:13px;line-height:1.8}dialog .primary{width:100%;margin-top:12px}
@media(max-width:760px){header{padding:15px 18px}.brand img{width:145px;height:50px}.head-tag{display:none}main{padding:0 17px}.hero{padding-top:37px}.hero h1{font-size:61px;letter-spacing:-3px}.hero p{position:static;font-size:14px;margin-top:23px}.hero-note{display:none}.choice{padding:32px 21px;gap:16px;min-height:200px}.choice-icon{width:48px;height:58px;font-size:37px;flex-shrink:0}.choice h2{font-size:27px;letter-spacing:-.7px}.choice em{display:block;font-size:14px;margin-top:3px}.choice p{font-size:11px}.choice p br{display:none}.choice-arrow{font-size:28px;position:absolute;right:16px;top:14px}.mini-label{font-size:7px;letter-spacing:.7px}.choice-num{font-size:8px;left:16px;top:12px}.deadline{flex-wrap:wrap;gap:7px;padding:20px 0}.deadline p{width:100%;font-size:10px}.deadline a{margin-left:0;margin-top:7px}.example-grid{grid-template-columns:1fr}.section-top{flex-wrap:wrap}.demo-tag{font-size:7px}.examples{padding-top:34px}.examples .section-top h2{font-size:23px}.view-heading h1{font-size:42px}.panel{padding:20px}.form-grid{gap:16px;grid-template-columns:1fr}.time-grid{grid-template-columns:1fr 1fr;gap:14px}.descriptions{grid-template-columns:1fr}.day-card summary{padding:17px}.day-name{min-width:75px;font-size:12px}.day-body{padding:17px}.day-meta{align-items:end}.week-heading{gap:12px}.week-heading h2{font-size:17px}.week-heading span{font-size:8px;text-align:right}.totals-panel{gap:40px}.generate-bar{padding:18px;gap:14px;flex-direction:column}.generate-bar .primary{width:100%}.upload-buttons{flex-direction:column}.result-actions{flex-direction:column}.install-banner{padding:13px;gap:8px;flex-wrap:wrap}.install-banner p{width:100%;flex:auto}.install-button{padding:8px 11px}footer{flex-wrap:wrap;gap:8px;font-size:8px}footer a{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.brand{text-decoration:none;display:flex;align-items:center;min-width:0}.brand-name{display:block;color:#3d404a;font-size:28px;font-weight:850;letter-spacing:-.9px;line-height:1.12}.brand-name>span{font-weight:650}.brand-name::after{content:"";display:block;width:66px;height:3px;margin-top:8px;background:#b8bdc3}.head-tag i{background:#9098a1}@media(max-width:760px){.brand-name{font-size:22px;letter-spacing:-.65px;max-width:240px}.brand-name>span{display:block}.brand-name::after{margin-top:6px}.install-button{flex-shrink:0}}
.digital p,.digital em,.digital .mini-label,.digital .choice-num,.digital .choice-icon{color:#263441}

#blankSheet{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0 16px max(20px,env(safe-area-inset-bottom));border:0;box-sizing:border-box;background:#e8eaed;overflow:auto}#blankSheet::backdrop{background:#111}#blankSheet .blank-toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 0 12px;background:#e8eaed}#blankSheet button{min-height:48px}#blankCanvas{display:block;width:100%;max-width:794px;height:auto;margin:12px auto;background:white}#blankSheet p{max-width:794px;margin:12px auto}body:has(#blankSheet[open]){overflow:hidden}
/* Large paper download controls and matching preview actions. */
.deadline a,footer a[href="assets/SPV-Blank-Timesheet.pdf"]{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:15px 22px;border:1px solid #8c939c;border-radius:14px;background:#b8bdc3;color:#23333e;font-size:17px;font-weight:750;line-height:1.35;text-align:center;text-decoration:none;box-shadow:0 3px 10px #0089b21a}
#blankSheet .blank-toolbar{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;max-width:794px;margin:0 auto}
#blankSheet .blank-toolbar button{display:flex;align-items:center;justify-content:center;width:100%;height:56px;min-height:56px;margin:0;padding:10px 12px;border:1px solid #8c939c;border-radius:14px;background:#b8bdc3;color:#23333e;font-size:16px;font-weight:750;line-height:1.2;text-align:center;box-shadow:none}
@media(max-width:760px){.deadline a,footer a[href="assets/SPV-Blank-Timesheet.pdf"]{width:100%;margin-left:0;font-size:17px}.deadline a{margin-top:12px}}

.bottom-back{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin:24px 0;padding:14px 20px;border:1px solid #8c939c;border-radius:14px;background:#b8bdc3;color:#23333e;font:750 17px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;cursor:pointer}

header .install-button{background:#b8bdc3;border-color:#8c939c;color:#23333e;font-size:13px;border-radius:12px;padding:11px 15px;min-height:44px}
#installBanner[hidden]{display:none!important}
#installBanner{position:fixed;z-index:20;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 24px);max-width:650px;margin:0;padding:16px 18px;border-radius:18px;background:#eceef0;border:1px solid #b7bec5;box-shadow:0 8px 35px #23333e30;display:flex;gap:12px;align-items:center;animation:install-slide .3s ease-out}
#installBanner p{font-size:13px;line-height:1.45;flex:1}#installBanner .install-button{background:#b8bdc3;border:1px solid #8c939c;min-height:44px;border-radius:12px;font-size:14px;padding:10px 16px}#installBanner .install-dismiss{font-size:13px;min-height:44px;padding:8px}
body:has(#installBanner:not([hidden])){padding-bottom:170px}
@keyframes install-slide{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(display-mode:standalone){#installBanner{display:none!important}body:has(#installBanner:not([hidden])){padding-bottom:0}}
@media(max-width:760px){#installBanner{flex-wrap:wrap}#installBanner p{width:100%;flex:auto}}

/* Daily hours actions align with Lodge; site uses the full row. */
.time-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}.time-grid>label{min-width:0}.time-grid>.calculate{width:100%;min-width:0;min-height:47px;margin:0;padding:10px 6px;align-self:end}.day-meta{display:block}.day-meta label{width:100%}
@media(max-width:760px){.time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-grid>.calculate{min-height:47px}}

.template-card{background:#fff}.template-summary{padding-left:20px;color:var(--muted);font-size:13px;line-height:1.8}.template-card .example-button{width:100%;min-height:48px;background:#b8bdc3;border-color:#8c939c;color:#29313b}.template-card h3{font-size:22px;margin:0 0 6px}

.template-preview{display:block;max-width:794px;margin:0 auto 20px}.template-preview img{display:block;width:100%;height:auto;background:white;border:1px solid var(--line);border-radius:4px}.clear-timesheet{min-height:44px;font-size:12px}.template-card{padding:20px}@media(max-width:760px){.template-card{padding:10px}}

#clearAllTimesheet{display:block;width:100%;min-height:50px;margin:0 0 24px;font-size:14px;font-weight:700;border-radius:10px}.signature-clear{min-height:44px;font-size:12px}

/* Match the main timesheet actions to Download blank timesheet. */
#loadTemplate,#generate{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:15px 22px;border:1px solid #8c939c;border-radius:14px;background:#b8bdc3;color:#23333e;font-size:17px;font-weight:750;line-height:1.35;text-align:center;text-decoration:none;box-shadow:0 3px 10px #0089b21a;white-space:normal}
#loadTemplate{width:100%}
@media(max-width:760px){#loadTemplate,#generate{width:100%;font-size:17px}}

#generate{background:#3d404a;border-color:#3d404a;color:#fff}#generate:hover{background:#4b4f5b;border-color:#4b4f5b}

/* Clearer introductory copy and deadline on the home screen. */
#home .hero p{font-size:20px;line-height:1.65}
#home .deadline>span{font-size:20px;line-height:1.65;letter-spacing:0;font-weight:700}
@media(min-width:761px){#home .hero p{position:static;margin:24px 0 0}}
@media(max-width:760px){#home .hero p,#home .deadline>span{font-size:18px;line-height:1.65}}

#home .examples .section-top h2,#home .hero p,#home .deadline>span{font-family:inherit;font-size:24px;font-weight:700;line-height:1.4;letter-spacing:0}
@media(max-width:760px){#home .examples .section-top h2,#home .hero p,#home .deadline>span{font-size:23px}}

/* Compact home heading and single-line supporting headings. */
#home .hero{padding:22px 0 20px}
#home .hero h1{margin:8px 0 14px}
#home .hero p{position:static;margin:0;font-size:24px;white-space:nowrap}
#home .hero-note{margin-top:16px}
#home .deadline{gap:12px;padding:18px 0}
#home .deadline>span{white-space:nowrap}
@media(max-width:760px){#home .hero{padding:14px 0 18px}#home .hero h1{margin:8px 0 12px}#home .hero p{font-size:clamp(14px,3.85vw,23px)}#home .deadline>span{font-size:clamp(16px,4.5vw,23px)}#home .deadline{padding:16px 0;gap:8px}}

/* Fit the introduction to the title width and group template actions. */
#home .hero-title-block{display:inline-block;max-width:100%;container-type:inline-size;width:max-content;min-width:min(100%,650px)}
#home .hero-title-block h1{white-space:nowrap}
#home .hero-title-block p{width:100%;font-size:clamp(14px,4.75cqw,32px);white-space:nowrap;letter-spacing:0;line-height:1.4}
.template-blank-download{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin-top:12px;padding:15px 22px;border:1px solid #8c939c;border-radius:14px;background:#b8bdc3;color:#23333e;font-size:17px;font-weight:750;line-height:1.35;text-align:center;text-decoration:none;box-shadow:0 3px 10px #0089b21a}
@media(max-width:760px){#home .hero-title-block{display:block;width:100%;min-width:0}#home .hero-title-block h1{font-size:clamp(36px,15.4vw,61px);letter-spacing:-3px}#home .hero-title-block p{font-size:4.75cqw}}

#home .hero-title-block{container-type:normal;width:100%;min-width:0}#home .hero-title-block p{width:max-content;max-width:100%;white-space:nowrap;transform:none}

#documentPreview{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0 16px max(20px,env(safe-area-inset-bottom));border:0;background:#e8eaed;overflow:auto}
.document-toolbar{position:sticky;top:0;z-index:2;display:flex;gap:12px;max-width:794px;margin:auto;padding:calc(12px + env(safe-area-inset-top)) 0 12px;background:#e8eaed}
.document-toolbar button{flex:1;min-height:56px;border-radius:14px;font-size:17px;font-weight:750}
#templateFullImage,#documentCanvas{display:block;width:100%;height:auto;max-width:794px;margin:12px auto;background:white}
#documentStatus{max-width:794px;margin:8px auto;font-size:12px}
body:has(#documentPreview[open]){overflow:hidden}

/* Keep document actions within thumb reach and clear the iPhone status area. */
#documentPreview,#blankSheet{padding:calc(24px + env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom));scroll-padding-top:calc(24px + env(safe-area-inset-top));scroll-padding-bottom:110px}
#documentPreview .document-toolbar,#blankSheet .blank-toolbar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#e8eaed;border-top:1px solid #cbd0d5;z-index:5;box-shadow:0 -4px 16px #3d404a12}
#documentPreview .document-toolbar{display:flex;justify-content:center}
#documentPreview .document-toolbar button{max-width:391px}
#blankSheet .blank-toolbar{grid-template-columns:repeat(2,minmax(0,391px));justify-content:center}
#documentStatus,#blankStatus{margin-top:0}
#templateFullImage,#documentCanvas,#blankCanvas{margin-top:16px}

/* Identical preview action geometry; override generic dialog primary margins. */
#documentPreview .document-toolbar{align-items:stretch;gap:12px}
#documentPreview .document-toolbar button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:1 1 0;width:0;min-width:0;max-width:391px;height:56px;min-height:56px;margin:0;padding:12px 16px;border-width:1px;border-style:solid;border-radius:14px;font:750 17px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;box-shadow:none}
#blankSheet .blank-toolbar button{height:56px;min-height:56px;margin:0}

.smart-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}.smart-toolbar button,.day-smart button{min-height:44px}.day-smart{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.description-tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}.description-tools select{flex:1;min-width:140px}#saveIndicator{flex:1;font-size:13px;color:#44644f}#voiceDialog,#archiveDialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border:0;border-radius:20px;padding:22px}#voiceDialog::backdrop,#archiveDialog::backdrop{background:#101824aa}#voiceDialog label{display:block;margin:14px 0}#voiceDialog textarea,#voiceDialog input,#voiceDialog select{box-sizing:border-box;width:100%;font-size:16px;padding:12px}#voiceDialog button,#archiveDialog button{margin:6px 0}#voiceStatus{line-height:1.5;color:#744215}#voiceFields>label{background:#f0f3f5;padding:12px;border-radius:12px}#voiceFields input[type=checkbox]{width:20px;margin-right:8px}.archive-item{padding:14px 0;border-bottom:1px solid #ccc}.archive-item strong{display:block}.backup-import{display:block;margin:15px 0}.backup-import input{max-width:100%}.description-tools button{font-size:13px}.description-tools select{font-size:14px;max-width:100%;padding:10px;border-radius:10px}.smart-toolbar>span{min-width:160px}

.choices{grid-auto-rows:1fr}.choices .choice{height:100%;min-height:210px}.ai-choice{background:#e4e9f0;border-color:#aab6c6}.ai-choice .choice-icon{border-color:#aab6c6}.voice-steps{padding-left:22px;line-height:1.8}.voice-example{padding:18px;background:#f0f3f7;border-radius:12px;line-height:1.7}#voiceView .smart-toolbar{margin-top:24px}.hero-note{flex-wrap:wrap}@media(max-width:600px){.choices .choice{min-height:220px}.choices .choice h2{font-size:26px}}

/* All three ways to create a timesheet are visible on the first phone screen. */
@media(max-width:700px){
header{padding:12px 16px;min-height:58px;gap:8px}.head-tag{display:none}main{padding-left:16px;padding-right:16px}
#home .hero{padding:18px 0 14px}#home .hero-title-block h1{font-size:clamp(30px,8vw,42px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 7px}#home .hero-title-block p{position:static;font-size:12px;line-height:1.4;margin:0}#home .hero-note{display:none}
#home .choices{gap:10px;grid-auto-rows:1fr}#home .choices .choice{min-height:0;height:clamp(104px,18dvh,148px);padding:16px 14px 13px;gap:12px;border-radius:15px}#home .choice-num{top:7px;left:12px;font-size:8px}#home .choice-icon{width:42px;height:48px;flex:0 0 42px;font-size:30px;border-radius:10px}#home .choice-copy{min-width:0;flex:1}#home .choice .mini-label{display:none}#home .choice h2{font-size:clamp(19px,5vw,24px);line-height:1.15;letter-spacing:-.5px;margin:0 0 6px}#home .choice h2 em{display:block;font-size:12px;line-height:1.3;margin-top:3px}#home .choice p{font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#home .choice-arrow{font-size:25px;margin-left:0;flex:none}#home .deadline{padding:14px 2px}#home .examples{padding-top:28px}
}
@media(max-width:700px) and (max-height:650px){header{padding-top:8px;padding-bottom:8px;min-height:48px}#home .hero{padding-top:12px;padding-bottom:10px}#home .hero-title-block h1{font-size:28px}#home .choices{gap:8px}#home .choices .choice{height:clamp(88px,17dvh,108px);padding-top:14px;padding-bottom:10px}#home .choice p{font-size:10px}#home .choice h2{font-size:18px;margin-bottom:3px}#home .choice h2 em{font-size:11px}}

/* Home card colour order and clearer option subtitles. */
#home .choice.digital{background:#e4e9f0;border-color:#aab6c6}#home .choice.digital .choice-icon{border-color:#aab6c6}#home .choice.ai-choice{background:#b8bdc3;border-color:#969da5}#home .choice.ai-choice .choice-icon{border-color:#89919a}#home .choice h2 em{font-size:19px;font-weight:700;color:#3d404a}@media(max-width:700px){#home .choice h2 em{font-size:15px;font-weight:700;line-height:1.3;margin-top:4px}}@media(max-width:700px) and (max-height:650px){#home .choice h2 em{font-size:14px}}

.ai-free-badge{font-size:12px;padding:10px 12px;background:#edf5ef;color:#315740;border-radius:10px}

#weekPlanning{padding:14px;background:#f1f3f6;border-radius:12px;margin:16px 0}#weekPlanning input[type=checkbox]{width:20px;margin-right:8px}#extraSuggestions{margin:20px 0;padding:16px;border:1px dashed #9baabc;border-radius:12px}#extraSuggestions>p{font-size:13px}.extra-task{padding:10px 0;border-top:1px solid #dde3ea}.extra-task button{font-size:12px}
.sheet-mode{display:flex;gap:20px;align-items:center;margin:20px 0}.sheet-mode p{font-size:13px}.editable-paper{background:#fff;color:#111;padding:22px 12px;border:1px solid #777;box-shadow:0 5px 24px #0001}.editable-paper h2{text-align:center;letter-spacing:.3em;font-size:18px}.week-sheet{width:100%;table-layout:fixed;border-collapse:collapse;font-family:Arial,sans-serif}.week-sheet th,.week-sheet td{border:1px solid #777;padding:5px;vertical-align:top;position:relative}.week-sheet thead th{font-size:10px;letter-spacing:.04em;height:48px;vertical-align:middle}.week-sheet th:nth-child(1){width:6%}.week-sheet th:nth-child(2),.week-sheet th:nth-child(3){width:9%}.week-sheet th:nth-child(4){width:8%}.week-sheet th:nth-child(5){width:6%}.week-sheet th:nth-child(6){width:15%}.week-sheet th:nth-child(7),.week-sheet th:nth-child(8){width:23.5%}.week-sheet tbody th{font-size:11px;vertical-align:middle}.week-sheet input,.week-sheet textarea,.week-sheet select{width:100%;min-width:0;border:0;background:transparent;border-radius:0;padding:3px 0;font-size:12px;color:#111;box-shadow:none}.week-sheet textarea{height:100px;resize:none;cursor:pointer}.week-sheet input[readonly]{cursor:pointer}.week-sheet .day-date{display:block;font-size:9px;margin-top:6px}.week-sheet .day-hours{display:none}.week-sheet td{height:116px}.sheet-mic{padding:2px;background:none;color:#333;border:0;min-height:24px;font-size:13px;position:absolute;bottom:3px;right:3px}.cell-dialog{width:min(92vw,540px)}.cell-dialog textarea{width:100%}.sheet-mode select{min-width:210px}@media(max-width:600px){#digitalView{padding:0}.editable-paper{padding:14px 3px}.week-sheet th,.week-sheet td{padding:2px}.week-sheet thead th{font-size:7px;letter-spacing:0}.week-sheet input,.week-sheet textarea,.week-sheet select{font-size:10px}.week-sheet tbody th{font-size:8px}.week-sheet .day-date{font-size:7px}.week-sheet td{height:100px}.week-sheet textarea{height:76px}.sheet-mode{display:block}.sheet-mode p{font-size:12px}.week-sheet select{padding-right:0}.sheet-mic{font-size:11px}}
.template-downloads{display:flex;gap:12px;justify-content:center;margin:28px 0;flex-wrap:wrap}.original-sheet{position:relative;width:100%;aspect-ratio:595.2756/841.8898;background:white url('assets/editor-sheet.png') center/100% 100% no-repeat;padding:0;border:0;box-shadow:0 3px 20px #0002;overflow:hidden}.original-sheet .paper-field{position:absolute;box-sizing:border-box;margin:0;min-width:0;min-height:0;border:0;border-radius:0;background:transparent;color:#151515;font-family:Arial,sans-serif;font-size:clamp(6px,1.5vw,12px);line-height:1.15;padding:2px;box-shadow:none;resize:none;text-align:left;cursor:pointer}.original-sheet input.paper-field{padding-bottom:0;padding-top:3px;align-content:start}.original-sheet textarea.paper-field{padding-bottom:16px}.original-sheet .paper-mic{font-size:clamp(8px,1.6vw,13px);padding:0;text-align:center;z-index:2}.original-sheet input.paper-field:not(#employee):not(#foreman):not(#week){height:2.5%!important}.original-sheet input.paper-field:focus,.original-sheet textarea.paper-field:focus{outline:1px solid #527f9b;background:#edf5fa99}.original-sheet #totalLodge,.original-sheet #totalHours{font-weight:400;font-size:clamp(6px,1.4vw,11px)}.paper-editor-view #timesheetForm{max-width:850px;margin:auto}.paper-editor-view #dayCards{margin:0}.paper-editor-view .generate-bar{margin-top:18px}.paper-editor-view .generate-bar>span{display:none}.paper-signature-dialog{width:min(94vw,700px)}.paper-signature-dialog section{padding:12px;margin:0}.paper-signature-dialog #signature{width:100%;height:150px}.paper-signature-dialog .section-top{flex-wrap:wrap}.original-sheet .paper-sign-button{font-size:clamp(6px,1.4vw,11px);text-align:center}.paper-editor-view .back{margin-bottom:16px}@media(max-width:600px){.paper-editor-view{margin-left:-10px;margin-right:-10px}.original-sheet input#week{font-size:7px;padding:0}.template-downloads a{width:100%;text-align:center}}
/* Original A4 editor: no replacement tables or external form sections. */
[hidden]{display:none!important}#originalTimesheet{position:relative;width:100%;background:#fff;aspect-ratio:595.2756/841.8898;box-shadow:0 2px 16px #0002;overflow:hidden}#originalTimesheet>img{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}#originalTimesheet .original-field{position:absolute;box-sizing:border-box;margin:0;padding:1px 2px;border:0;border-radius:0;min-width:0;min-height:0;background:transparent;color:#111;box-shadow:none;font-family:Arial,sans-serif;font-size:clamp(6px,1.7vw,12px);line-height:1.2;text-align:left;resize:none}#originalTimesheet input.original-field{padding-bottom:0;padding-top:2px}#originalTimesheet textarea.original-field{padding-bottom:17px}#originalTimesheet input:focus,#originalTimesheet textarea:focus{outline:1px solid #477797;background:#edf5ff88}#originalTimesheet .original-mic,#originalTimesheet .original-choose{padding:0;text-align:center;cursor:pointer;font-size:clamp(8px,1.8vw,13px);z-index:2}#originalTimesheet .original-sign{padding:0;cursor:pointer}#originalTimesheet .original-sign img{width:100%;height:100%;object-fit:contain}#originalTimesheet #totalHours,#originalTimesheet #totalLodge{font-weight:400}.original-paper-view #timesheetForm{max-width:850px;margin:0 auto}.paper-actions{margin:18px 0}.paper-actions #generate{width:100%}.original-signature-dialog{width:min(94vw,650px)}.original-signature-dialog #signature{width:100%;height:150px}.original-signature-dialog button{margin:8px}#originalTimesheet input[type=number]{appearance:textfield}#originalTimesheet input::-webkit-inner-spin-button{appearance:none}@media(max-width:600px){.original-paper-view{margin:0 -12px}#originalTimesheet input[type=date]{font-size:7px;padding:0}.original-paper-view>.back,.original-paper-view>.bottom-back{margin-left:12px}.paper-actions{padding:0 12px}}
#originalTimesheet{container-type:inline-size}#originalTimesheet .original-field{overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}#originalTimesheet input#employee,#originalTimesheet input#foreman,#originalTimesheet #weekOnPaper{font-size:1.68cqw;line-height:1.15;padding:0 1px;white-space:nowrap;overflow:hidden}#originalTimesheet textarea.original-field{padding:1px 2px;line-height:1.2;overflow:hidden;word-break:break-word}#originalTimesheet .original-sign{overflow:hidden}.cell-dialog{box-sizing:border-box;width:min(94vw,620px);max-width:94vw}.cell-dialog label,.cell-dialog select,.cell-dialog textarea,.cell-dialog input{box-sizing:border-box;width:100%;min-width:0}.cell-dialog #cellPhrase{display:block;min-height:52px;padding:12px;font-size:16px;margin:8px 0 18px}.cell-dialog #cellText{font-size:16px;min-height:140px}.cell-dialog #siteEditor{display:grid;gap:12px}.cell-dialog #siteEditor input{font-size:16px}.week-picker{width:min(92vw,480px)}.week-picker label,.week-picker select{display:block;width:100%;box-sizing:border-box}.week-picker select{font-size:16px;min-height:48px;margin:8px 0 16px}
#originalTimesheet input#employee,#originalTimesheet input#foreman{font-size:1.43cqw;line-height:normal;padding:0 1px;margin:0;appearance:none;-webkit-appearance:none;vertical-align:baseline}#siteEditor label{display:block;text-align:left}.cell-dialog #siteEditor{width:100%}
#originalTimesheet .header-label-mask{position:absolute;background:white;pointer-events:none;z-index:2}#originalTimesheet .sheet-header-line{position:absolute;display:flex;align-items:baseline;gap:0;z-index:3;color:#111;font-family:Arial,sans-serif;font-size:1.43cqw;line-height:1.2}#originalTimesheet .sheet-header-line>span{flex-grow:0;flex-shrink:0;white-space:nowrap;font-size:1.344cqw;font-weight:700;line-height:1.2}#originalTimesheet .sheet-header-line input.original-field,#originalTimesheet .sheet-header-line button.original-field{position:static!important;flex:1 1 0;width:0!important;height:auto!important;min-height:0;padding:0 1px!important;font:inherit!important;line-height:1.2!important;white-space:nowrap;appearance:none;-webkit-appearance:none;align-self:baseline;vertical-align:baseline;border:0;margin:0;overflow:hidden}
.cell-dialog #jobSearch{display:block;font-size:16px;min-height:48px;padding:10px;margin-top:8px}.cell-dialog #cellPhrase optgroup{font-weight:700}.cell-dialog #cellPhrase option{font-weight:400}
#originalTimesheet textarea[id$="-site"]{white-space:pre-wrap!important;word-break:normal;overflow-wrap:anywhere;line-height:1.3!important}#originalTimesheet .original-sign img{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:100%}.paper-quick-toolbar{margin:12px 0;text-align:center}.paper-quick-toolbar button{width:100%}.cell-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.cell-shortcuts button{flex:1;font-size:14px}.day-tools-dialog{width:min(94vw,600px)}.day-tools-dialog select,.day-tools-dialog>button{width:100%;min-height:44px;margin:8px 0;font-size:16px}.day-tools-dialog fieldset{margin:14px 0;border:1px solid #ccc;padding:12px}.day-tools-dialog fieldset label{display:flex;align-items:center;gap:8px;margin:8px 0}.day-tools-dialog input[type=checkbox]{width:20px;height:20px}.day-tools-dialog #dayTargets{display:grid;grid-template-columns:1fr 1fr}.cell-dialog #savedSiteChoice{font-size:16px;min-height:48px}dialog input,dialog textarea,dialog select{font-size:16px!important}
/* Spend the space from the removed download button on readable choice text. */
#home .template-downloads{margin:14px 0}#home .template-downloads>a{font-size:15px}#home .choice h2{font-size:34px}#home .choice p{font-size:14px}.paper-quick-toolbar{display:flex;gap:10px;flex-wrap:wrap}.paper-quick-toolbar button{flex:1 1 220px;width:auto}@media(max-width:700px){#home .choice h2{font-size:clamp(21px,5.5vw,26px)}#home .choice h2 em{font-size:13px}#home .choice p{font-size:12px;line-height:1.35}#home .template-downloads{margin:10px 0}#home .template-downloads>a{font-size:14px;min-height:42px;padding:10px 12px}#home .deadline{padding:10px 2px}body:has(#home:not([hidden])) footer{padding-top:8px;padding-bottom:8px}}@media(max-width:700px) and (max-height:650px){#home .choice h2{font-size:20px}#home .choice h2 em{font-size:12px}#home .choice p{font-size:11px}#home .hero{padding-top:10px;padding-bottom:8px}#home .deadline{padding:7px 2px}#home .template-downloads{margin:7px 0}}
/* Final home layout: allocate the viewport to the three choices instead of fixed card heights. */
body:has(#home:not([hidden])){height:100dvh;min-height:100dvh;display:flex;flex-direction:column}body:has(#home:not([hidden]))>header{flex:0 0 auto;padding-top:12px;padding-bottom:12px;min-height:52px}body:has(#home:not([hidden]))>main{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}#home:not([hidden]){display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;flex:1;min-height:0}#home .hero{padding:14px 0 12px!important}#home .hero-title-block h1{font-size:clamp(34px,5.5vw,58px)!important;margin:0 0 6px!important;line-height:1!important;letter-spacing:-1.5px!important}#home .hero-title-block p{position:static!important;margin:0!important;font-size:clamp(15px,2vw,19px)!important;line-height:1.3!important}#home .hero-note{display:none!important}#home .choices{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-rows:unset;gap:10px;min-height:0}#home .choices .choice{height:100%!important;min-height:0!important;padding:16px 20px!important;gap:16px!important}#home .choices .choice h2{font-size:clamp(27px,3.7vw,36px)!important;line-height:1.1!important;margin:0 0 6px!important;letter-spacing:-.6px!important}#home .choices .choice h2 em{display:block;font-size:clamp(15px,1.8vw,19px)!important;margin-top:4px;line-height:1.2!important}#home .choices .choice p{font-size:clamp(14px,1.6vw,17px)!important;line-height:1.3!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#home .mini-label{display:none!important}#home .choice-icon{width:50px;height:55px;flex:0 0 50px;font-size:34px}#home .choice-num{top:5px;font-size:9px}#home .deadline{padding:8px 2px!important}#home .deadline>span{font-size:12px!important}#home .template-downloads{margin:8px 0!important}#home .template-downloads>a{font-size:16px!important;min-height:42px;padding:9px 14px;width:100%;text-align:center}body:has(#home:not([hidden])) footer{flex:0 0 auto;padding:6px 0!important;margin:0!important;font-size:10px}
@media(max-width:700px){#home .choices .choice{padding:12px 12px!important;gap:11px!important}#home .choices .choice h2{font-size:clamp(25px,7.2vw,30px)!important}#home .choices .choice h2 em{font-size:15px!important}#home .choices .choice p{font-size:14px!important}#home .choice-icon{width:36px;height:44px;flex:0 0 36px;font-size:28px}#home .choice-arrow{font-size:24px}#home .hero-title-block h1{font-size:38px!important}#home .hero-title-block p{font-size:15px!important}}
@media(max-height:650px){body:has(#home:not([hidden]))>header{min-height:44px;padding-top:7px;padding-bottom:7px}#home .hero{padding:8px 0!important}#home .hero-title-block h1{font-size:32px!important}#home .hero-title-block p{font-size:14px!important}#home .choices{gap:7px}#home .choices .choice{padding:9px 11px!important}#home .choices .choice h2{font-size:25px!important;margin-bottom:3px!important}#home .choices .choice h2 em{font-size:13px!important;margin-top:2px}#home .choices .choice p{font-size:12px!important}#home .template-downloads{margin:5px 0!important}#home .deadline{padding:5px 2px!important}}
@media(max-height:480px){body:has(#home:not([hidden])){height:auto;min-height:100dvh}#home .choices{grid-template-rows:repeat(3,minmax(105px,auto))}}
.custom-job-options{margin:12px 0}.custom-job-options>label{display:flex;align-items:center;gap:10px;font-size:14px}.custom-job-options #rememberCustomJobs{flex:0 0 20px;width:20px;height:20px}.custom-job-options>button{width:100%;margin-top:10px}
/* Single-line, left-aligned brand and clearer choice subtitles. */
body:has(#home:not([hidden]))>header{width:100%;align-self:stretch;justify-content:flex-start;text-align:left;margin-left:auto;margin-right:auto}body:has(#home:not([hidden])) .brand{margin:0 auto 0 0;flex:0 1 auto;text-align:left}body:has(#home:not([hidden])) .brand-name{display:flex;align-items:baseline;gap:8px;position:relative;max-width:none;white-space:nowrap;font-size:30px;line-height:1.15}body:has(#home:not([hidden])) .brand-name>span{display:inline;font-size:24px;line-height:inherit}body:has(#home:not([hidden])) .brand-name::after{position:absolute;left:0;bottom:-7px;margin:0;width:66px;height:2px}#home .choices .choice h2 em{font-size:20px!important;line-height:1.2!important;margin-top:5px;font-weight:600}@media(max-width:700px){body:has(#home:not([hidden])) .brand-name{font-size:clamp(24px,6.6vw,28px);gap:7px;letter-spacing:-.6px}body:has(#home:not([hidden])) .brand-name>span{font-size:clamp(18px,5.3vw,22px);letter-spacing:-.5px}#home .choices .choice h2 em{font-size:18px!important;line-height:1.2!important}}@media(max-height:650px){#home .choices .choice h2 em{font-size:16px!important;margin-top:3px}}
/* No download row: use the remaining first-screen space for larger text. */
#home .template-downloads{display:none!important}#home:not([hidden]){grid-template-rows:auto minmax(0,1fr) auto}#home .choices .choice h2{font-size:clamp(30px,4vw,39px)!important}#home .choices .choice h2 em{font-size:22px!important}#home .choices .choice p{font-size:18px!important;line-height:1.35!important}#home .deadline{padding:12px 2px!important;border-bottom:0}#home .deadline>span{font-size:clamp(17px,2.2vw,21px)!important;line-height:1.25;font-weight:800;letter-spacing:0}#home .hero-title-block p{font-size:clamp(16px,2.2vw,21px)!important}@media(max-width:700px){#home .choices .choice h2{font-size:clamp(28px,7.7vw,33px)!important}#home .choices .choice h2 em{font-size:19px!important}#home .choices .choice p{font-size:15px!important}#home .deadline>span{font-size:18px!important}#home .hero-title-block p{font-size:16px!important}}@media(max-height:650px){#home .choices .choice h2{font-size:27px!important}#home .choices .choice h2 em{font-size:17px!important}#home .choices .choice p{font-size:13px!important}#home .deadline{padding:9px 2px!important}#home .deadline>span{font-size:17px!important}}

#originalTimesheet #totalHours,#originalTimesheet #totalLodge{white-space:nowrap;overflow:hidden;line-height:1.2;font-size:clamp(6px,1.7vw,12px)}

/* Android sheet-local zoom: scroll the enlarged paper without clipping its edges. */
.sheet-zoom-viewport{width:100%;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
.sheet-zoom-viewport #originalTimesheet{margin:0;touch-action:pan-x pan-y;flex-shrink:0}
.sheet-zoom-viewport #originalTimesheet *{touch-action:pan-x pan-y}

.sheet-zoom-stage{position:relative;flex-shrink:0}
.sheet-zoom-stage #originalTimesheet{position:absolute;left:0;top:0}

/* Keep saved/autofilled names on the same white paper as manually typed text. */
#originalTimesheet input#employee,#originalTimesheet input#foreman,
#originalTimesheet input#employee:focus,#originalTimesheet input#foreman:focus{
 background:#fff!important;color:#111!important;-webkit-text-fill-color:#111;
 box-shadow:0 0 0 1000px #fff inset!important;outline:none;
}
#originalTimesheet input#employee:-webkit-autofill,
#originalTimesheet input#foreman:-webkit-autofill,
#originalTimesheet input#employee:-webkit-autofill:hover,
#originalTimesheet input#foreman:-webkit-autofill:hover,
#originalTimesheet input#employee:-webkit-autofill:focus,
#originalTimesheet input#foreman:-webkit-autofill:focus{
 -webkit-box-shadow:0 0 0 1000px #fff inset!important;
 box-shadow:0 0 0 1000px #fff inset!important;
 -webkit-text-fill-color:#111!important;caret-color:#111;
}
#originalTimesheet input#employee:autofill,#originalTimesheet input#foreman:autofill{
 box-shadow:0 0 0 1000px #fff inset!important;color:#111!important;
}

/* Simple timesheet editor */
#digitalView.original-paper-view{margin:0!important}#originalTimesheet[hidden],.paper-actions:empty{display:none!important}#simpleTimesheet{max-width:740px;margin:auto}#simpleTimesheet input,#simpleTimesheet textarea,#simpleTimesheet select{font:16px/1.4 Arial,sans-serif;box-sizing:border-box;width:100%;min-height:48px;padding:12px;border:1px solid #b8bdc3;border-radius:10px;background:#fff;color:#20242b}#simpleTimesheet textarea[readonly]{cursor:pointer;background:#f8f9fa}#simpleTimesheet input[readonly]{background:#f0f1f3}#simpleTimesheet label{display:flex;flex-direction:column;gap:7px;margin:14px 0;font-size:15px;font-weight:650}#simpleTimesheet .simple-check{flex-direction:row;align-items:center}#simpleTimesheet .simple-check input{width:22px;min-height:22px;height:22px}#simpleTimesheet button{min-height:48px;box-sizing:border-box}#simpleTimesheet .simple-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#simpleTimesheet .simple-two label{min-width:0}.simple-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 22px}.simple-progress button{padding:10px 5px;font-size:13px!important}.simple-progress button[aria-current=step]{background:#3d404a;color:white;border-color:#3d404a}.simple-step{padding:20px;background:#fff;border:1px solid #d9dde2;border-radius:16px}.simple-step>h2{margin:0 0 16px;font-size:25px}.simple-day{border:1px solid #d9dde2;border-radius:12px;margin:12px 0;overflow:hidden}.simple-day>summary{display:flex;justify-content:space-between;gap:12px;padding:17px 14px;cursor:pointer;min-height:54px;box-sizing:border-box;background:#f2f3f5}.simple-day>summary span{font-size:14px}.simple-day[open]>summary{border-bottom:1px solid #d9dde2}.simple-day-body{padding:0 14px 16px}.simple-week{display:grid;gap:10px;margin:16px 0}.simple-week>span{font-size:15px;font-weight:650}#simpleTimesheet #weekOnPaper{display:block;position:static!important;width:100%!important;height:auto!important;padding:12px!important;border:1px solid #b8bdc3;background:white;text-align:left;font-size:17px!important;border-radius:10px;color:#20242b}#simpleSignature{position:relative;display:flex;align-items:center;justify-content:center;min-height:100px!important;width:100%;padding:12px;border:1px dashed #8a929d;background:#fafafa;border-radius:12px}#simpleSignature img{max-width:100%;height:75px;object-fit:contain}#simpleSignature span{font-size:16px}#simpleSignature.has-signature{flex-direction:column}#simpleSignature.has-signature span{font-size:12px}#simpleTimesheet .paper-actions{margin:18px 0}#simpleTimesheet #generate{width:100%}.simple-review-day{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e4e6e9;font-size:15px}.simple-review-day span{text-align:right}.simple-total{font-size:19px;font-weight:750;margin:18px 0}.simple-more{padding:16px 0}.simple-more>summary{font-size:16px;cursor:pointer;margin-bottom:12px}.simple-more button{display:block;width:100%;margin:9px 0}.simple-more .paper-quick-toolbar{display:block!important}#simpleBack{width:100%;margin-top:14px}#simpleErrors{background:#fff3e0;border:1px solid #d2a655;border-radius:12px;padding:16px;margin-bottom:14px}#simpleErrors>div{margin:8px 0}#simpleErrors button{width:100%;text-align:left;font-size:14px}#digitalBackBottom,#scanBackBottom,#voiceHomeBottom{max-width:100%;box-sizing:border-box;margin-left:0!important;margin-right:0!important}#digitalOutput{max-width:740px;margin:20px auto}#digitalPreview{width:100%;height:auto}#simpleTimesheet #saveIndicator{display:block;font-size:13px;color:#626975;margin:16px 0}.simple-heading{max-width:740px;margin:16px auto!important}#home .choices .choice h2{font-size:clamp(25px,4vw,34px)!important}#home .choice h2 em{font-size:16px!important}#home .choices .choice p{font-size:16px!important}#home .mini-label{display:none!important}.cell-dialog details{margin:14px 0}.cell-dialog details summary{cursor:pointer;font-size:15px}.cell-dialog .cell-shortcuts button{min-height:44px}#aiWeekDialog input,#aiWeekDialog textarea{font-size:16px}#aiWeekDialog>p.fine{display:none}#aiWeekDialog details p.fine{display:block}@media(max-width:600px){.simple-step{padding:16px}.simple-progress button{font-size:12px!important}.simple-review-day{font-size:14px}#home .choices .choice h2{font-size:27px!important}.simple-heading h1{font-size:30px!important}#simpleTimesheet{width:100%;min-width:0}.simple-day-body{padding:0 12px 14px}#digitalView .back{margin-left:0!important}#simpleTimesheet .paper-actions{padding:0}.simple-two{gap:10px!important}}

#digitalView #digitalBackBottom{display:none!important}#simpleTimesheet textarea{resize:vertical;max-width:100%}#siteEditor .simple-check{display:flex;align-items:center;gap:10px;flex-direction:row;font-weight:600}#siteEditor .simple-check input{width:22px;height:22px;min-height:22px}

/* One day per page, with visible Previous / Next controls. */
#scanView .view-heading>.eyebrow{display:block;font-size:clamp(20px,4.8vw,27px);line-height:1.35;letter-spacing:1.3px;font-weight:750;margin-bottom:18px}#scanView .robbo-only{display:inline-block;font-size:1em;letter-spacing:0;text-transform:none}.day-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:8px 0}.day-tabs button{min-width:0;padding:8px 1px;font-size:12px}.day-tabs button[aria-current=date]{background:#3d404a;color:#fff;border-color:#3d404a}.day-navigation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;margin-top:10px}.day-navigation button{font-size:14px;padding:10px 6px}.spv-day-mode>header{display:none}.spv-day-mode .simple-heading{display:none}.spv-day-mode #simpleStep2>h2{display:none}.spv-day-mode #simpleStep2{padding:12px}.spv-day-mode .simple-progress{margin-bottom:10px}.spv-day-mode .simple-progress button{min-height:40px!important;padding:6px 3px}.spv-day-mode .simple-step>.fine{margin:0 0 8px;font-size:12px}.spv-day-mode .simple-day{margin:8px 0}.spv-day-mode .simple-day>summary{min-height:38px;padding:10px 12px;pointer-events:none}.spv-day-mode #simpleTimesheet .simple-check{margin:10px 0;font-size:14px}.spv-day-mode #simpleTimesheet label{margin:7px 0;gap:4px;font-size:13px}.spv-day-mode #simpleTimesheet .day-time-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.spv-day-mode #simpleTimesheet input,.spv-day-mode #simpleTimesheet textarea{min-height:44px;padding:8px;font-size:16px}.spv-day-mode #simpleTimesheet textarea{height:45px;resize:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spv-day-mode .simple-day-body{padding:0 10px 10px}.spv-day-mode .copy-day-action{min-height:40px!important;width:100%;margin-top:6px;font-size:14px}.spv-day-mode #simpleMore{padding:10px 0}.spv-day-mode #simpleTimesheet #saveIndicator{margin:6px 0;font-size:11px}.spv-day-mode footer{display:none}.spv-day-mode #digitalBack{margin:0 0 8px}.spv-day-mode #simpleStep2>button.full{min-height:40px!important;font-size:13px;padding:8px}.spv-day-mode #digitalOutput{display:none!important}@media(max-width:600px){.spv-day-mode main{padding-top:8px}.spv-day-mode #simpleTimesheet .day-tabs button{min-height:36px!important}.spv-day-mode .simple-day-body label textarea{height:44px!important}.spv-day-mode .day-navigation{position:sticky;bottom:8px;z-index:5;background:#fff;padding:8px 0 0}.spv-day-mode .simple-week{margin:8px 0}}
#simpleTimesheet .compact-field-button{display:block;width:100%;max-width:100%;min-width:0;min-height:44px;text-align:left;padding:8px 10px;border:1px solid #b8bdc3;border-radius:10px;background:#f8f9fa;color:#20242b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:400;line-height:1.4}#simpleTimesheet textarea[hidden]{display:none!important}@media(max-height:720px) and (max-width:600px){.spv-day-mode .simple-progress button{min-height:34px!important;font-size:11px!important}.spv-day-mode #simpleTimesheet label{margin:4px 0;font-size:12px}.spv-day-mode #simpleTimesheet input,.spv-day-mode #simpleTimesheet .compact-field-button{min-height:40px!important;padding:7px 8px}.spv-day-mode #simpleStep2{padding:8px}.spv-day-mode .simple-day>summary{padding:8px 10px;min-height:34px}.spv-day-mode #simpleTimesheet .simple-check{margin:6px 0}.spv-day-mode .day-tabs{margin:6px 0}.spv-day-mode .copy-day-action{min-height:36px!important}.spv-day-mode .day-navigation button{min-height:42px!important}.spv-day-mode #simpleMore,.spv-day-mode #saveIndicator{display:none!important}}

@media(max-height:720px) and (max-width:600px){.spv-day-mode .simple-day{margin:6px 0}.spv-day-mode .simple-day>summary{padding:6px 10px;min-height:30px}.spv-day-mode .day-navigation{padding-top:4px;margin-top:6px}.spv-day-mode #simpleTimesheet .simple-check{margin:4px 0}}

.choice-copy .choice-humour{font-weight:650;color:var(--ink);margin-top:8px}.voice-humour{text-transform:none;letter-spacing:0}

#home .choice{position:relative}#home .choice-arrow{position:absolute;right:14px;top:16px}#home .choice p{display:block;white-space:nowrap;font-size:clamp(8.5px,2.6vw,11px);overflow:visible}#home .choice .choice-humour{font-weight:750;font-size:clamp(9px,2.8vw,12px);margin-top:7px}
#home .choices .choice .choice-copy p{font-size:clamp(10px,3.2vw,14px)!important;white-space:nowrap;line-height:1.35!important}#home .choices .choice .choice-copy .choice-humour{font-size:clamp(11px,3.4vw,15px)!important;font-weight:750!important}

/* Three clear lines per home choice. */
#home .choices .choice .choice-copy .choice-humour{font-size:22px!important;line-height:1.3!important;font-weight:650!important;white-space:normal;margin:4px 0 0;overflow:visible;display:block}
@media(max-width:700px){#home .choices .choice .choice-copy .choice-humour{font-size:19px!important}}
@media(max-height:650px){#home .choices .choice .choice-copy .choice-humour{font-size:17px!important}}
@media(max-width:700px){#home .choices .choice h2 em,#home .choices .choice .choice-copy .choice-humour{font-size:clamp(13px,3.9vw,19px)!important;white-space:nowrap}}

#jobMatches{max-height:200px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #cfd5db;border-radius:8px;margin-top:8px;padding:4px}#jobMatches button{display:block;width:100%;text-align:left;white-space:normal;margin:3px 0;min-height:44px;font-size:16px}#jobMatches p{padding:8px;font-size:14px}

/* Compact voice introduction. */
#voiceView .voice-page-label{display:block;font-size:20px;font-weight:750;line-height:1.3;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){#voiceView .voice-page-label{font-size:18px}}

#voiceView .view-heading{margin-bottom:20px}#voiceView .view-heading h1{margin-top:16px;margin-bottom:0}#voiceView .voice-steps{line-height:1.6}#voiceView .voice-example{padding:14px;line-height:1.5}#voiceView .smart-toolbar{margin-top:14px}

#voiceView .voice-tagline{display:block;white-space:nowrap;font-size:clamp(10px,3.6vw,20px);letter-spacing:0}#voiceView .voice-page-label .voice-humour{display:block;white-space:nowrap;font-size:18px;line-height:1.3;margin-top:4px}

/* Clear, comfortable navigation on every method page. */
.view .back{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border:1px solid #aab0b8;border-radius:10px;background:#fff;color:var(--ink);font-size:17px;font-weight:700;line-height:1.3}
#simpleTimesheet #simpleBack{display:block;width:100%;min-height:52px;font-size:17px;font-weight:750;margin:16px 0 8px}

#voiceView .voice-page-label .voice-humour{white-space:normal;font-size:16px;line-height:1.4}#voiceView .dennis-only{display:inline-block;white-space:nowrap}

/* Home navigation shares the header action slot on every inner view. */
#scanBack,#digitalBack,#voiceHome{display:none!important}
header .install-button{flex-shrink:0;white-space:nowrap}
header .install-button[hidden]{display:none!important}

/* Align the arrow shaft with the centre of the Home capitals. */
#headerHome{display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1}
#headerHome .home-arrow{width:1.3em;height:1.3em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-.06em)}
#voiceView .view-heading>.voice-page-label{font-size:clamp(20px,4.8vw,27px);line-height:1.35;letter-spacing:1.3px;font-weight:750;margin-bottom:18px;overflow-wrap:normal}
#voiceView .voice-page-label .voice-tagline{font-size:.92em;line-height:inherit;letter-spacing:0;font-weight:700;white-space:normal}
#voiceView .voice-page-label .voice-humour{font-size:1em;line-height:inherit;letter-spacing:0;white-space:normal}