:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#151515;background:#f8f8f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #be2026;outline-offset:2px}.top{height:72px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #e8e8e8}.brand{display:flex;align-items:center;gap:12px}.brand img{height:45px;width:45px;object-fit:contain}.brand b{font-size:17px;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#777;margin-top:3px}.ghost{background:transparent;border:0;font-size:22px;padding:9px}.notice{background:#fff4db;color:#624900;padding:9px 18px;font-size:12px;line-height:1.4}.notice:empty{display:none}main{max-width:760px;margin:auto;padding:22px 16px 105px}.headline{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#b51d23}h1{font-size:29px;letter-spacing:-.7px;margin:6px 0 20px}h2{font-size:23px;margin:0}.red{background:#b91e25;color:white;border:1px solid #b91e25;border-radius:11px;font-weight:700;padding:12px 18px}.square{font-size:28px;width:48px;height:48px;padding:0}.quick{display:flex;gap:9px;margin:5px 0 16px}.quick button{flex:1;background:white;border:1px solid #ddd;border-radius:10px;padding:12px 4px;font-size:13px;font-weight:700}.tabs{display:flex;background:#eaeaea;border-radius:11px;padding:4px;margin-bottom:16px}.tabs button{flex:1;border:0;background:transparent;padding:10px;font-weight:700;color:#777;border-radius:8px}.tabs .active{background:#151515;color:white}.filters{display:flex;gap:10px;margin-bottom:18px}.filters label{flex:1;min-width:0;font-size:11px;font-weight:800;color:#777;text-transform:uppercase}.filters input,.filters select{display:block;width:100%;margin-top:5px;background:white;border:1px solid #ddd;border-radius:9px;padding:10px;color:#171717;font-size:13px}.daylabel{font-size:13px;font-weight:800;margin:22px 0 9px}.job{background:#fff;border:1px solid #e9e9e9;border-left:4px solid #b91e25;border-radius:12px;padding:15px;margin:10px 0;box-shadow:0 2px 8px #00000005}.jobtop,.jobbottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.job h3{font-size:16px;margin:0}.status{font-size:10px;font-weight:800;text-transform:uppercase;border-radius:99px;background:#f3eeee;padding:6px 9px;white-space:nowrap}.status.in_transit,.status.picked_up{background:#fff0dc;color:#8c4c00}.status.delivered,.status.archived{background:#e5f5e8;color:#256f38}.status.canceled{background:#eee;color:#777}.route{font-size:13px;line-height:1.5;color:#666;margin:10px 0}.jobbottom{font-size:12px;color:#555}.jobbottom button{border:1px solid #ddd;background:#fff;border-radius:8px;padding:7px 12px;font-weight:700}.empty{border:1px dashed #d4d4d4;border-radius:12px;text-align:center;padding:35px 16px;color:#777;font-size:14px}.bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e9e9e9;padding:9px 5px max(12px,env(safe-area-inset-bottom));z-index:5}.bottom button{border:0;background:transparent;color:#888;font-size:11px;font-weight:700;flex:1;display:flex;align-items:center;flex-direction:column;gap:3px}.bottom span{font-size:23px}.bottom .active{color:#b91e25}dialog{border:0;border-radius:17px;padding:0;width:min(96vw,580px);max-height:94dvh;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#0009}.dialoghead{position:sticky;top:0;background:white;padding:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;z-index:1}.formbody{padding:16px 18px 24px;display:grid;gap:15px;max-height:calc(94dvh - 75px);overflow:auto}.formbody label{font-size:12px;font-weight:750;color:#555}.formbody input,.formbody textarea,.formbody select,#archiveSearch,.addline input,#accountPanel input{display:block;width:100%;margin-top:6px;border:1px solid #d9d9d9;border-radius:9px;padding:12px;background:white;color:#161616;font-size:15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.formactions{display:flex;gap:10px;justify-content:space-between}.outline{background:white;border:1px solid #ddd;border-radius:10px;padding:12px;font-weight:700}.danger{color:#b91e25}.muted{font-size:13px;color:#777;line-height:1.5}.addline{display:flex;gap:8px}.addline input{margin:0}.task{display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid #eee;border-radius:10px;margin-top:9px}.task.done span{text-decoration:line-through;color:#999}.task span{flex:1}.task button{border:0;background:transparent;color:#999}.person{padding:14px;background:#fff;border-radius:10px;border:1px solid #eee;margin:8px 0}.person small{display:block;color:#777;margin-top:3px}#teamScreen>.outline{display:block;width:100%;margin:12px 0}#accountPanel{margin-top:22px;padding-top:18px;border-top:1px solid #ddd}#accountPanel button{margin-top:10px}@media(min-width:800px){.bottom{left:calc(50% - 380px);right:calc(50% - 380px);border:1px solid #eee;border-radius:18px 18px 0 0}}

.checkrow{display:flex!important;align-items:center;gap:10px;padding:13px 10px;background:#f6f6f6;border-radius:9px;font-weight:650!important}.checkrow input{width:19px;height:19px;accent-color:#ad2028;flex-shrink:0}.sourcefield{border:1px solid #ddd;border-radius:12px;padding:12px;margin:6px 0}.sourcefield legend{font-weight:700;padding:0 5px}.checkchoices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 14px}.checkchoices label{display:flex;align-items:center;gap:6px;font-size:13px}.checkchoices input{width:17px;height:17px;accent-color:#ad2028}#longHaulFields,#deliveryContactFields{padding:4px 0 8px} [hidden]{display:none!important}

.jobpayment{display:flex;flex-direction:column;gap:5px;line-height:1.35}.jobpayment b{color:#171717}.paystatus{font-weight:750;color:#ad4c14}.paystatus.paid{color:#237542}.paystatus.partial{color:#8759a0}.paystatus.invoiced{color:#a16b00}.jobbottom{align-items:end}.sourcefield{border:1px solid #e1e1e1;border-radius:11px;padding:13px;display:grid;gap:11px}.sourcefield legend{font-size:13px;font-weight:800;padding:0 5px}

.status-action{border:0;cursor:pointer;font:inherit;font-size:10px;font-weight:800;text-transform:uppercase;border-radius:99px;padding:8px 12px;min-height:34px}.status-action:not(:disabled):active{transform:scale(.96)}.status-action:disabled{cursor:default;opacity:1}.delivery-choices{display:grid;grid-template-columns:1fr;gap:4px}.delivery-choices label{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #e5e5e5;border-radius:9px;font-size:14px}.delivery-choices input{width:19px;height:19px;accent-color:#b91e25;flex-shrink:0;margin:0}.delivery-choices label:has(input:checked){border-color:#b91e25;background:#fff4f4}#deliveryForm .red{width:100%}

.memberrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0;padding:10px;border:1px solid #ddd;border-radius:10px}.memberrow>div{flex:1;min-width:100px}.memberrow label{font-size:12px}.memberrow select{max-width:135px}.memberrow button{padding:8px}.memberform,.notification-settings{border:1px solid #ddd;border-radius:12px;padding:16px;margin:16px 0}.memberform label{display:block;margin:8px 0}.memberform input,.memberform select{width:100%}
/* HST branding v7: Sancreek display, Poppins interface */
:root,body,button,input,select,textarea{font-family:"Poppins",Arial,sans-serif}
body{font-weight:400}
.brand b{font-family:"Sancreek",Georgia,serif;font-weight:400;font-size:clamp(19px,4.8vw,27px);letter-spacing:.1px;line-height:1.13;display:block}
.brand small{font-family:"Poppins",Arial,sans-serif;font-weight:300;font-size:clamp(9px,2.3vw,11px);letter-spacing:1.15px;color:#555;margin-top:5px}
.top{min-height:94px;height:auto;padding:11px 14px}
.brand{gap:11px;min-width:0}
.brand img{width:clamp(68px,18vw,88px);height:clamp(68px,18vw,88px);object-fit:contain;flex-shrink:0}
.brand>div{min-width:0}
.eyebrow,.muted,.route,.jobbottom,.person small{font-family:"Poppins",Arial,sans-serif}
.muted,.route,.jobbottom,.person small{font-weight:300}
@media(max-width:360px){.brand b{font-size:18px}.brand small{font-size:8px;letter-spacing:.6px}.brand img{width:62px;height:62px}.top{padding:10px}}

/* v8: streamlined, contemporary bottom navigation */
.bottom{box-shadow:0 -7px 24px rgba(0,0,0,.035);border-top:1px solid #ececec;padding-top:10px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.bottom button{min-height:52px;gap:5px;transition:color .15s ease;font-family:"Poppins",Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.01em}
.bottom .nav-icon{width:23px;height:23px;flex:none;transition:transform .15s ease}
.bottom button.active .nav-icon{stroke-width:2.25;transform:translateY(-1px)}
.bottom .nav-label{font-size:10px;line-height:1.2}
.bottom button:focus-visible{outline:2px solid #b91e25;outline-offset:-3px;border-radius:9px}