/* Desktop hours are 25% shorter; the established 66px mobile scale is unchanged. */
@media(min-width:701px){.weekly-page{--week-hour:108px}}
.timeline .milestone{width:6px;height:auto;top:5px;bottom:5px;background:#d72e2e;border:0;border-radius:1px;transform:translateX(-50%);z-index:4;font-size:0;box-shadow:0 0 0 1px #fff8}
#navigationPanel nav button .mine-count{background:#F2521D;color:#fff!important;border-radius:50%;height:1.2em;min-height:1.2em;min-width:1.2em;width:1.2em;display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.2em;margin-left:auto;font-size:14px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.08em;font-weight:600}
#navigationPanel nav button .mine-count[aria-label]{padding:0;text-align:center;box-sizing:border-box}.notification-icon{color:#2a2a2a;background:#f0f0ee}.notification-icon svg{display:block}
.payroll-days th,.payroll-days td{padding:5px 12px;font-size:11px;line-height:1.15}.payroll-days .time-day-open{min-height:20px;font-size:11px;padding:2px 5px}.payroll-days .attest-label{font-size:10px;padding:2px 5px}.payroll-days .panel-head small{font-size:10px;color:#777;display:block;margin-top:5px}.day-lunch-note{display:block;font-size:9px;color:#777;line-height:1.2}.lunch-deduction strong{color:#9b3929}
.material-toolbar{display:flex;gap:7px;flex-wrap:wrap}.material-rows article{display:grid;grid-template-columns:minmax(170px,1.3fr) minmax(300px,1.5fr) minmax(200px,1fr);gap:8px 18px;padding:13px 4px;border-bottom:2px solid #b6b6b3;align-items:center}.material-rows .material-name{min-width:0;grid-column:1;grid-row:1}.material-name strong{font-size:12px;line-height:1.4}.material-rows .material-figures{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.material-figures strong{font-size:12px;white-space:nowrap}.material-figures small{font-size:9px}.material-rows .material-status{grid-column:1;grid-row:2;justify-self:start;font-size:9px;padding:3px 5px;white-space:normal}.material-rows .material-actions{grid-column:3;grid-row:1 / span 2;display:flex;gap:5px!important;align-content:center}.material-actions .material-done{font-size:10px;padding:6px 8px;min-height:30px}.material-actions>.small{font-size:10px;padding:5px}.material-draft-note{padding:8px 12px;margin-bottom:12px}.material-add-form{padding-bottom:14px}.mobile-week-number,.project-landscape-button{display:none}
#projectLandscape{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:#f7f7f7;overflow:hidden}#projectLandscape .timeline-head,#projectLandscape .timeline-row{grid-template-columns:150px minmax(0,1fr)}#projectLandscape .timeline-scroll{overflow:visible;max-height:none;height:auto}#projectLandscape .timeline{min-width:0}#projectLandscape .project-landscape-content{min-width:0}#projectLandscape::backdrop{background:#2a2a2a}
@media(max-width:1200px) and (min-width:701px){.material-rows article{grid-template-columns:minmax(170px,1fr) minmax(270px,1.2fr)}.material-rows .material-actions{grid-column:2;grid-row:3}.material-rows .material-figures{grid-row:1 / span 2}}
@media(max-width:700px){
 #menuToggle,.menu-close,#navigationPanel,#navigationPanel nav,#navigationPanel .nav-group{background:#2a2a2a;color:white;font-family:Inter,Arial,sans-serif}#navigationPanel nav button,#navigationPanel summary{color:white;font-family:Inter,Arial,sans-serif}#navigationPanel nav button.active{background:#ffffff1a;border-color:#ffffff40}
 .mobile-week-number{display:inline-flex;font-size:12px;font-weight:600;letter-spacing:0;float:right;background:#2a2a2a;color:white;padding:4px 7px;border-radius:5px;margin-left:12px}.wk-heading h1{display:block;width:100%}.wk-heading>div:first-child{width:100%}
 .calendar-event-dialog{width:calc(100% - 16px);padding:14px;max-height:94dvh}.calendar-event-dialog h2{font-size:17px;margin:0 0 10px}.calendar-event-dialog label,.calendar-event-dialog legend{font-size:10px;gap:3px;margin:6px 0}.calendar-event-dialog input,.calendar-event-dialog select,.calendar-event-dialog textarea{font-size:12px;padding:5px 7px;min-height:30px}.calendar-event-dialog textarea{min-height:48px;height:48px}.calendar-event-dialog .form-grid{grid-template-columns:1fr 1fr;gap:7px}.calendar-event-dialog .wk-assignees{padding:6px;gap:4px;display:flex;flex-wrap:wrap}.calendar-event-dialog .wk-assignees label{padding:4px;gap:4px;margin:0;font-size:10px}.calendar-event-dialog .wk-avatar{width:20px;height:20px;font-size:8px}.calendar-event-dialog input[type=checkbox]{width:14px;height:14px;min-height:14px}.calendar-event-dialog .wk-form-kicker{font-size:9px;margin-bottom:6px}.calendar-event-dialog button{font-size:12px;padding:7px 10px;min-height:30px}.calendar-event-dialog .form-actions{margin-top:8px;padding-top:8px}.calendar-event-dialog .wk-form-clear,.calendar-event-dialog .wk-form-conflict{font-size:10px;padding:5px}
 .material-rows article{grid-template-columns:1fr;gap:8px;padding:12px 0}.material-rows .material-name,.material-rows .material-figures,.material-rows .material-status,.material-rows .material-actions{grid-column:1;grid-row:auto}.material-rows .material-name{flex-basis:auto}.material-rows .material-figures{gap:8px!important}.material-rows .material-actions{justify-content:flex-start}.material-toolbar button{font-size:10px;padding:6px}.project-materials .section-heading{flex-wrap:wrap}
 .project-landscape-button{display:inline-block}body[data-view=project] .timeline-head,body[data-view=project] .timeline-row{grid-template-columns:110px minmax(0,1fr)}body[data-view=project] .timeline-label{padding:6px}body[data-view=project] .timeline-label strong{font-size:10px}body[data-view=project] .timeline-label small{font-size:8px}
}
.mine-count b{display:block;font-size:.65em;line-height:1;font-weight:600;letter-spacing:0;margin:0;padding:0}.mine-count[data-long] b{font-size:.45em}.workflow-confirm{max-width:420px;width:calc(100% - 30px);border:1px solid #aaa;border-radius:12px;padding:24px;color:#2a2a2a}.workflow-confirm::backdrop{background:#0006}.workflow-confirm h2{font-size:18px;margin:0 0 12px}.workflow-confirm p{font-size:13px;line-height:1.6}.workflow-confirm>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
@media(max-width:700px){.calendar-event-dialog #form{gap:6px}.calendar-event-dialog #weekTimeFields{display:grid;gap:5px}.calendar-event-dialog label{margin:3px 0}.wk-toolbar .mobile-week-number{float:none;font-size:11px;padding:4px 6px;margin-left:auto}.wk-period>strong>span{display:none}}.payroll-days .day-review{font-size:9px;padding:2px 5px}
