:root{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;color:#303236;background:#f5f5f6;--green:#353639;--lime:#fbe9e7;--muted:#6c7075;--line:#e2e3e5;--white:#fff;--red:#b42320}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #238a7b}button{border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:#fff;color:inherit;cursor:pointer;font-weight:600;transition:background .15s}button:hover{background:#f1f2f3}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover{background:#a92320}button.lime{background:var(--lime);border-color:var(--lime)}button.small{padding:6px 9px;font-size:12px}button.danger{color:var(--red)}button.ghost{border:0;background:transparent}a{color:#176f63;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin-bottom:8px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.6}small,.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;color:#72767b;margin-bottom:12px}.sidebar{width:226px;position:fixed;inset:0;background:var(--green);padding:28px 17px 18px;color:#f5f5f5;display:flex;flex-direction:column;z-index:20}.brand{font-size:31px;font-weight:700;letter-spacing:-1.5px;padding:0 16px;margin-bottom:4px}.brand span{color:var(--lime)}.brand-sub{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#c0c2c5;padding:0 17px;margin-bottom:34px}.nav-label{font-size:9px;color:#b0b3b7;letter-spacing:1.6px;margin:12px 15px 9px}.nav{display:grid;gap:3px;overflow:auto}.nav button{border:0;background:transparent;color:#e0e1e3;text-align:left;font-weight:500;display:flex;gap:13px;align-items:center;padding:11px 15px}.nav button.active{background:#fbe9e7;color:#353639;font-weight:650}.nav button:hover:not(.active){background:#484a4e}.nav-icon{font-size:17px;width:20px;text-align:center}.sidebar-foot{margin-top:auto;padding:20px 10px 0}.profile{display:flex;align-items:center;gap:10px;padding-top:15px;border-top:1px solid #55575c}.avatar{width:35px;height:35px;background:#e2f1ee;color:#176f63;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.profile strong{font-size:12px;display:block}.profile small{font-size:10px;color:#bec1c5}.sidebar-foot>small{font-size:10px;color:#bec1c5;line-height:1.6;display:block;margin-top:12px}.main{margin-left:226px;padding:0 38px 40px;max-width:1920px}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:32px;gap:15px}.crumb{font-size:12px;color:#73777c}.crumb b{color:#4c5055;font-weight:500}.top-actions{display:flex;gap:10px;align-items:center}.pill{display:inline-flex;align-items:center;gap:7px;background:#e3f2ef;padding:6px 10px;border-radius:30px;font-size:11px;white-space:nowrap}.dot{height:6px;width:6px;background:#238a7b;border-radius:50%}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head p{color:var(--muted);margin:0;font-size:13px}.page-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{border:1px solid var(--line);border-radius:13px;background:#fff;padding:20px 22px;min-height:120px}.metric .label{font-size:12px;color:#6c7075}.metric strong{display:block;font-size:32px;letter-spacing:-1.3px;font-weight:600;margin-top:14px}.metric small{font-size:11px;display:block;margin-top:6px}.metric.accent{background:var(--green);border-color:var(--green);color:#fff}.metric.accent .label,.metric.accent small{color:#e2e3e5}.metric.accent strong{color:#ffffff}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px;margin-bottom:20px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.panel-head h2,.panel-head h3{margin:0}.grid-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px}.grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toolbar>*{width:auto}.toolbar .search{min-width:230px;flex:1;max-width:400px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#72767b;font-weight:600;padding:12px;background:#f7f7f8;white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid #eceef0;font-size:12px;vertical-align:middle}td strong{font-size:13px}td small{display:block;margin-top:5px;font-size:11px}tr:last-child td{border-bottom:0}.customer-name{display:flex;align-items:center;gap:12px}.badge{display:inline-block;background:#e2f2ee;color:#176f63;border-radius:5px;font-size:10px;padding:5px 8px;font-weight:600;white-space:nowrap}.badge.warn{background:#fcf0d8;color:#8e6d21}.badge.red{background:#f9e9e4;color:#a45845}.badge.blue{background:#eaf0f7;color:#557690}.badge.gray{background:#eff0f2;color:#656b72}.list-item{padding:14px 0;border-bottom:1px solid #eceef0;display:flex;gap:13px;align-items:flex-start;justify-content:space-between}.list-item:last-child{border-bottom:0}.list-item strong{font-size:13px}.list-item small{display:block;font-size:11px;margin-top:6px;line-height:1.5}.list-time{font-size:12px;font-weight:650;min-width:50px;line-height:1.8}.note{background:#eef7f5;border:1px solid #cfe6e0;padding:13px 15px;border-radius:9px;font-size:12px;line-height:1.6;color:#276b61;margin-bottom:18px}.note.warn{background:#fff6e4;color:#8e6c25;border-color:#f1e3c6}.empty{padding:45px 20px;text-align:center;color:#72777d;line-height:1.8;font-size:13px}.empty b{display:block;color:#454a50;font-size:15px;margin-bottom:8px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{padding:10vw 8vw;background:var(--green);color:#fff;display:flex;flex-direction:column;justify-content:center}.login-brand .brand{padding:0;font-size:48px;margin-bottom:40px}.login-brand h1{font-size:43px;line-height:1.2;max-width:420px;font-weight:500}.login-brand p{color:#d1d3d6;max-width:390px;font-size:16px}.login-form{padding:6vw;display:flex;align-items:center;justify-content:center}.login-form form{width:100%;max-width:390px}.login-form h2{font-size:27px}.login-form label{margin-bottom:17px}.login-form button{width:100%;margin-top:16px}.login-foot{font-size:11px;color:#72777d;margin-top:25px;line-height:1.8}label{display:grid;gap:7px;font-size:12px;font-weight:600;color:#53585e;margin-bottom:15px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #dadde1;border-radius:7px;background:#fff;color:#303236;min-width:0}textarea{min-height:80px;resize:vertical}input[type=checkbox]{width:17px;height:17px;accent-color:#c82b25}.check{display:flex;align-items:center;gap:9px;line-height:1.6}.check-group{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 20px}.check-group label{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.full{grid-column:1/-1}.form-section{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#6c7075;margin:16px 0 15px;border-bottom:1px solid var(--line);padding-bottom:10px}.error{color:var(--red);font-size:13px;line-height:1.6;white-space:pre-wrap}dialog{border:0;border-radius:15px;width:680px;max-width:95vw;max-height:92vh;overflow:auto;padding:28px;box-shadow:0 20px 90px #142c3540;color:inherit}dialog.wide{width:1050px}dialog::backdrop{background:#30323666;backdrop-filter:blur(2px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{margin:0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:9px;background:#353639;color:white;box-shadow:0 4px 20px #0002;display:none;z-index:100;font-size:13px}.calendar-scroll{overflow:auto;border:1px solid var(--line);border-radius:9px}.cal-head,.cal-body{display:grid;min-width:650px}.cal-head{position:sticky;top:0;background:#f7f7f8;z-index:3}.cal-label{padding:13px 9px;font-size:12px;font-weight:600;border-right:1px solid var(--line);text-align:center}.cal-body{height:780px}.time-rail{position:relative;background:#fafafb}.hour{position:absolute;right:8px;color:#72777d;font-size:10px;transform:translateY(-6px)}.cal-column{position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#eceef0 59px,#eceef0 60px);min-width:100px}.off-window{position:absolute;left:0;right:0;background:repeating-linear-gradient(135deg,#e5e6e880,#e5e6e880 3px,#f0f1f290 3px,#f0f1f290 7px);pointer-events:none}.cal-event{position:absolute;left:3px;right:3px;border:0;border-left:3px solid #238a7b;border-radius:5px;background:#e1f2ee;text-align:left;padding:5px 7px;overflow:hidden;font-size:10px;line-height:1.4;font-weight:400;min-height:24px;z-index:1}.cal-event strong{display:block;font-size:11px}.cal-event.blue{background:#e6edf6;border-color:#6a87b2}.cal-event.orange{background:#f6eddf;border-color:#bf9a60}.cal-event.cancelled{opacity:.5;text-decoration:line-through;background:#eeeef0;border-color:#aeb2b8}.calendar-filters{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.filter-chip{padding:6px 10px;font-size:11px;font-weight:500;border-radius:25px}.filter-chip.selected{background:#fbe9e7;border-color:#d97671}.segment{display:inline-flex;padding:3px;border-radius:8px;background:#eceef0;gap:3px}.segment button{border:0;background:transparent;padding:7px 13px;font-size:12px}.segment button.selected{background:white;box-shadow:0 1px 3px #0001}.detail-head{padding:20px;background:#f4f5f6;border-radius:10px;margin-bottom:20px}.detail-head h2{margin:10px 0}.detail-row{display:grid;grid-template-columns:160px 1fr;padding:9px 0;font-size:13px;border-bottom:1px solid #eceef0;gap:15px}.detail-row span:first-child{color:#72777d}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.months{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0}.month-folder{padding:12px 5px;text-align:center;background:#fafafb;border:1px solid var(--line);border-radius:8px}.month-folder.selected{border-color:#c82b25;background:#fbe9e7}.month-folder b{font-size:12px;display:block}.month-folder small{font-size:10px}.clock-face{font-size:39px;font-weight:600;letter-spacing:-1px;margin:15px 0}.clock-buttons{display:flex;gap:8px;flex-wrap:wrap}.status-line{display:flex;gap:10px;align-items:center}.pdf-stage{position:relative;width:100%;background:#eee;border:1px solid #ddd;touch-action:none}.pdf-stage img{display:block;width:100%}.pdf-field{position:absolute;border:2px solid #c08835;background:#ffe2a040;color:#664915;font-size:11px;padding:2px;overflow:hidden}.pdf-field.done{border-color:#238a7b;background:#71c7b633}.signature-pad{border:2px dashed #9ebfb8;border-radius:8px;width:100%;height:160px;touch-action:none;background:#fff}.comment{padding:12px;background:#f4f5f6;border-radius:8px;margin:8px 0;font-size:12px}.mobile-label{display:none}.horizontal{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.footer-note{font-size:10px;line-height:1.7;color:#72777d;margin-top:22px}.photo-grid{display:flex;gap:12px;flex-wrap:wrap}.photo-grid img{height:110px;width:140px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}@media(min-width:1550px){.main{padding-left:48px;padding-right:48px}}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.sidebar{width:195px}.main{margin-left:195px;padding-left:24px;padding-right:24px}.brand{font-size:28px}.sidebar .nav button{padding-left:10px;font-size:12px}.topbar{margin-bottom:25px}}@media(max-width:750px){.sidebar{position:static;width:100%;padding:12px 16px 8px}.brand{font-size:24px;padding:0}.brand-sub,.nav-label,.sidebar-foot{display:none}.nav{display:flex;margin-top:10px;padding-bottom:5px}.nav button{white-space:nowrap;padding:9px!important;font-size:11px!important;gap:5px}.nav-icon{font-size:14px;width:14px}.main{margin-left:0;padding:0 15px 25px}.topbar{height:54px;margin-bottom:23px}.top-actions .pill,.crumb{font-size:10px}.top-actions{gap:5px}.page-head{flex-direction:column;gap:15px}h1{font-size:26px}.metrics{gap:10px}.metric{padding:16px;min-height:100px}.metric strong{font-size:27px;margin-top:10px}.panel{padding:16px}.grid-equal{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid>.full{grid-column:auto}.login{grid-template-columns:1fr}.login-brand{padding:28px}.login-brand .brand{font-size:30px;margin-bottom:20px}.login-brand h1{font-size:29px}.login-brand p{font-size:13px}.login-form{padding:30px 25px}.months{grid-template-columns:repeat(4,1fr)}.detail-row{grid-template-columns:110px 1fr}.calendar-filters{max-height:100px;overflow:auto}.toolbar .search{min-width:170px}.topbar button{font-size:11px;padding:7px}dialog{padding:20px}}

.nav{overflow-x:hidden;scrollbar-width:thin}.nav button{min-width:0;max-width:100%;font-size:13px;gap:9px;padding-left:12px;padding-right:8px;overflow-wrap:anywhere}.nav-icon{flex-shrink:0}.sidebar .brand-sub{letter-spacing:1.5px}.cal-column{overflow:hidden}
@media(max-width:750px){.nav{overflow-x:auto;overflow-y:hidden}.nav button{overflow-wrap:normal;flex-shrink:0;max-width:none}}

@media(max-width:750px){.nav{scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.crumb{max-width:115px}.topbar{gap:6px}}

/* Senifix: logo red and gray, with turquoise service accents. */
:root{--brand-red:#c82b25;--brand-teal:#238a7b}
button.primary{background:var(--brand-red);border-color:var(--brand-red)}
button.primary:hover{background:#a92320;border-color:#a92320}
.nav button.active{background:var(--brand-red);color:#fff}
.brand{color:#bfc0c2}.brand span{color:#f16b64}
.metric.accent{border-top:4px solid var(--brand-red)}
.filter-chip.selected,.month-folder.selected{color:#9e241f}

.upload-result{padding:14px 16px;margin:14px 0;background:#eef7f5;color:#245e54;border:1px solid #b9d8d0;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.upload-result.upload-error{background:#fff0ee;color:#92241e;border:2px solid #c82b25}#personnel-files .list-item strong{overflow-wrap:anywhere}

.billing-view-tabs{padding-top:2px}.billing-year-label{margin:0;min-width:110px}.billing-legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.billing-swatch{background:#dff2ec;color:#17614e;padding:5px 9px;border-radius:6px;font-weight:700}.billing-year-scroll{max-height:65vh;position:relative;border:1px solid var(--line);border-radius:8px}.billing-year-table{min-width:850px;border-collapse:separate;border-spacing:0}.billing-year-table th{position:sticky;top:0;z-index:2;text-align:center;background:#f7f7f8;padding:8px 3px}.billing-year-table th small{display:block;font-size:9px;letter-spacing:0;text-transform:none;margin-top:5px;white-space:nowrap}.billing-year-table th:first-child,.billing-year-table td:first-child{position:sticky;left:0;text-align:left;min-width:180px;max-width:230px;background:#fff;z-index:1;padding-left:12px;overflow-wrap:anywhere}.billing-year-table th:first-child{z-index:3;background:#f7f7f8}.billing-year-table td{padding:10px 5px;text-align:center}.billing-year-table tr:hover td{background:#f7faf9}.billing-year-table .billing-current{background:#fff3f1}.billing-cell{width:42px;height:38px;padding:5px;position:relative;background:#f6f7f8;color:#767b80;border:1px solid #dce0e3;font-size:17px}.billing-cell.billing-written{background:#dff2ec;color:#17614e;border-color:#91c9b7;font-weight:700}.billing-cell:hover{outline:2px solid #c82b25;outline-offset:1px}.billing-note-dot{position:absolute;right:3px;top:-2px;font-size:15px;color:#b14a33}@media(max-width:750px){.billing-year-table th:first-child,.billing-year-table td:first-child{min-width:150px;max-width:170px}.billing-year-scroll{max-height:65vh}}

.billing-cell.billing-review{background:#fff0d0;color:#854900;border:2px solid #d99a27;font-weight:800}.billing-review-legend{color:#854900;font-weight:700}

/* Full-day calendar with stable scrolling and visible hour labels. */
.calendar-scroll{max-height:65vh;min-height:320px;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
.cal-body{height:1440px}
.hour{transform:none;top:0;padding-top:3px;font-size:11px;line-height:16px}
.time-rail{position:sticky;left:0;z-index:2}
.cal-head .cal-label:first-child{position:sticky;left:0;background:#f7f7f8;z-index:4}
.pending-calendar{border:1px solid #cfe6e0;background:#eef7f5;padding:16px;border-radius:10px;margin:16px 0}
.pending-calendar h2{font-size:17px}.pending-calendar p{font-size:12px;margin-bottom:8px}
.pending-calendar .panel-head{flex-wrap:wrap;margin-bottom:10px}.pending-list{max-height:300px;overflow:auto}
.calendar-time-tools{margin-top:16px}.calendar-filters{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:700px){.pending-calendar .list-item{flex-wrap:wrap}.calendar-scroll{max-height:60vh}.calendar-time-tools{gap:6px}}

.moving-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.moving-day{padding:12px;background:white;border:1px solid #dce5e2;border-radius:8px}.moving-day>p{margin:12px 0 0}

/* Compact calendar: planning grid first, supporting information on demand. */
.calendar-panel{padding:16px}.calendar-panel>.toolbar{margin-bottom:10px}.calendar-panel .calendar-filters{margin:8px 0}.calendar-panel .calendar-time-tools{margin-top:8px;gap:6px}.calendar-time-tools button{padding:4px 8px}.calendar-panel>.footer-note{margin:8px 0;color:#666}.calendar-extras{border-top:1px solid var(--line);margin-top:12px}.calendar-extras>details{border-bottom:1px solid var(--line)}.calendar-extras summary{cursor:pointer;padding:12px 4px;font-size:13px;font-weight:600}.calendar-extras summary .badge,.calendar-extras summary .muted{margin-left:10px;font-size:11px}.calendar-extras summary:focus-visible{outline:2px solid #238a7b;outline-offset:2px}.calendar-extras .pending-calendar{margin:0 0 12px;background:#fafafb;border-color:var(--line)}.calendar-extras details>p{padding:0 12px;font-size:12px;color:var(--muted)}

.calendar-panel .cal-event{align-content:start;padding-top:8px;font-size:11px}.calendar-panel .cal-event strong{font-size:12px}


.project-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.projects-panel td{vertical-align:top;padding:13px 12px}.project-dates{min-width:190px}.project-dates>div+div{margin-top:9px}.project-dates small{margin-top:3px}.project-cartons{padding-top:7px;border-top:1px solid var(--line);margin-top:9px!important}.project-notice{white-space:pre-wrap;overflow-wrap:anywhere;min-width:170px;max-width:330px}.project-notice.has-note{border-left:3px solid #c82b25;padding-left:10px;line-height:1.5}