:root{--app-vh:1vh;--app-font:clamp(12px,.78vw + 9px,16px);--app-header-h:clamp(54px,7vh,78px)}
html{font-size:var(--app-font);-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{max-width:100%;min-height:100%;overflow-x:hidden}body{min-height:calc(var(--app-vh)*100)}img{max-width:100%;height:auto}
header{min-height:var(--app-header-h);padding:clamp(8px,1.2vw,16px) clamp(10px,1.6vw,22px)!important}.brand{min-width:0;flex:1 1 260px}.brand-logo{height:clamp(34px,5.2vw,54px)!important;max-width:min(42vw,260px)}.brand-title h1{font-size:clamp(1rem,1.3vw,1.35rem)!important;white-space:normal}.brand-title small{font-size:clamp(.66rem,.75vw,.78rem)}
.actions,.nav,.controls{gap:clamp(5px,.7vw,10px)!important}.actions button,.actions a,.nav a,.controls button,.controls select{padding:clamp(7px,.75vw,10px) clamp(8px,1vw,14px)!important;font-size:clamp(.72rem,.75vw,.9rem)!important}
.container,main{width:100%;max-width:min(1800px,100vw);padding-left:clamp(6px,1.2vw,18px)!important;padding-right:clamp(6px,1.2vw,18px)!important}.toolbar{gap:clamp(6px,1vw,16px)!important}.modal{width:min(94vw,820px)!important;max-width:820px!important;padding:clamp(14px,2vw,26px)!important}.modal input,.modal select,.modal textarea{font-size:16px!important}
.board-wrap{max-width:100%;overscroll-behavior:contain;scrollbar-gutter:stable}.board{font-size:clamp(.68rem,.78vw,.9rem)}.cell{min-width:0}.name{width:var(--namew);min-width:var(--namew)}.activity{overflow-wrap:anywhere}.calendar-grid{grid-template-columns:44px repeat(7,minmax(95px,1fr))!important;min-width:760px}.main-col{overflow-x:auto;overscroll-behavior-inline:contain}.employee-filters{max-width:100%;overflow-x:auto}.employee-filter{flex:0 0 auto}.time-picker select{min-height:42px}
@media(max-width:900px){.container{margin:10px auto!important;gap:10px!important}.toolbar{align-items:flex-start!important}.period,.status{text-align:left!important}.sidebar{max-height:none!important}.board-wrap{max-height:calc(var(--app-vh)*100 - 205px)!important}}
@media(max-width:640px){header{align-items:flex-start!important}.brand{flex-basis:100%}.actions,.nav{width:100%;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px}.actions>*,.nav>*{flex:0 0 auto}.modal-bg{padding:6px!important}.modal{border-radius:10px!important;max-height:calc(var(--app-vh)*96)!important}.row,.field-row{flex-direction:column!important;gap:0!important}.calendar-grid{min-width:720px}.day-cell{min-height:84px!important}main{margin:8px auto!important}.employee-filters{padding:8px!important}}
body.display{height:calc(var(--app-vh)*100);overflow:hidden}.display header{height:clamp(42px,6vh,58px);min-height:0!important;padding:5px 10px!important}.display main{height:calc(var(--app-vh)*100 - clamp(42px,6vh,58px))!important;overflow:hidden!important;margin:0!important}.display .board-wrap{height:100%!important;max-height:none!important;overflow-y:hidden!important}.display .cell{min-height:0!important}.display .activity{font-size:clamp(.5rem,.72vw,.72rem)!important;padding:clamp(2px,.3vw,5px)!important}
body.shared-calendars main{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}@media(max-width:760px){body.shared-calendars main{grid-template-columns:1fr!important}.panel{min-width:0}.members{grid-template-columns:1fr!important}}