/* V7.106: desktop calendar density matches an approximately 80% browser view.
   Real layout dimensions are used so scrolling, sticky days and drag targets
   stay in the same coordinate system. Mobile and modal forms retain their sizes. */
@media (min-width:721px) {
 body #serverBar{font-size:11.2px!important;padding:6.4px 11.2px!important;gap:11.2px!important}
 body #serverBar button{font-size:10.67px;padding:1.6px 4.8px}
 body>header{padding:7.2px 12.8px!important;gap:9.6px;border-bottom-width:3.2px}
 body .brandLockup{min-width:240px;gap:11.2px}
 body .brandLogoBox{width:40px;height:40px;flex-basis:40px}
 body .brandLogoBox img{width:38.4px;height:38.4px}
 body .brandProduct{padding-left:11.2px}
 body .brandProduct strong{font-size:14.4px}
 body .brandProduct span{font-size:8.8px;letter-spacing:.88px;margin-top:3.2px}
 body #headerClock{font-size:10.4px!important;margin-right:14.4px!important}
 body header .nav button{font-size:11.2px;padding:7.2px 9.6px;border-radius:5.6px}
 body.calendar-compact>main{padding:0 9.6px;margin:9.6px auto}
 body #calendarView{font-size:11.2px}
 body #calendarView .toolbar{gap:6.4px;margin-bottom:9.6px}
 body #calendarView .toolbar .btn{padding:7.2px 9.6px;border-radius:5.6px}
 body #calendarView .toolbar select,body #calendarView .toolbar input{font-size:11.2px;padding:6.4px;border-radius:5.6px}
 body #calendarView .toolbar label:has(#calendarJumpMonth){font-size:9.6px!important}
 body #calendarView #calendarJumpMonth{width:124px!important;padding:4.8px!important}
 body #calendarView .monthtitle{font-size:16.8px;min-width:136px}
 body #calendarView #calendarTypeFilters{gap:8px!important}
 body #calendarView #calendarTypeFilters legend{font-size:8.8px!important}
 body #calendarView #calendarTypeFilters input{width:10.4px;height:10.4px;margin:2.4px 2.4px 2.4px 3.2px;padding:0}
 body #calendarView #recurrenceLoadStatus{font-size:10.4px!important}
 body #calendarView .legend{gap:11.2px;font-size:9.6px}
 body #calendarView .sw{width:8px;height:8px;margin-right:3.2px}
 body #calendarView #addMenu{top:32px!important;min-width:136px!important;padding:4px!important}
 body #calendarView .addChoice{font-size:11.2px;padding:7.2px 8px}
 body #calendarView .dow div{padding:6.4px;font-size:11.2px}
 body #calendarView .week{min-height:80px}
 body #calendarView .day{padding:3.2px}
 body #calendarView .day .date{font-size:8.8px;line-height:11.2px}
 body #calendarView .day.today .date{min-width:18.4px;width:19.2px;height:18.4px}
 body #calendarView .monthBreak{height:19.2px;padding:0 8px;font-size:10.4px;border-top-width:1.6px}
 body #calendarView .events{top:23.2px}
 body #calendarView .bar{height:14.4px;min-height:0;font-size:8.8px;padding:1.6px 4.8px;border-radius:4px}
 body #calendarView .bar.job,body #calendarView .bar.appointment{height:27.2px;min-height:27.2px;font-size:10.4px;line-height:12px;padding:1.6px 5.6px}
 body #calendarView .bar.provisional{border-top-width:1.6px;border-bottom-width:1.6px}
 body #calendarView .bar.job.provisional,body #calendarView .bar.appointment.provisional{padding-top:0;padding-bottom:0}
 body #calendarView .bar.job.actual-start{border-left-width:4px}
 body #calendarView .bar.job.actual-end{border-right-width:4px}
 body #calendarView .bar.holiday,body #calendarView .bar.appointment,body #calendarView .bar.training{border-left-width:3.2px}
 body #calendarView .bar.cont-left:before,body #calendarView .bar.cont-right:after{top:3.2px;width:17.6px;height:8px}
 body #calendarView .bar.cont-left:before{left:-16.8px}
 body #calendarView .bar.cont-right:after{right:-16.8px}
 body #calendarView #unscheduledPanel{padding:13.6px;margin-top:8px!important;border-radius:8px}
 body #calendarView #unscheduledJobs{margin-top:5.6px!important;max-height:62.4px}
 body #calendarView .unscheduledItem{font-size:9.6px;padding:4px 6.4px;margin:1.6px 4px 2.4px 0;max-width:288px;border-left-width:4px;border-radius:3.2px}
 body #calendarView .unscheduledItem button{font-size:8.8px!important;padding:3.2px 6.4px!important;margin-left:7.2px!important;border-radius:5.6px}
 body #calendarView .hint{font-size:9.6px}
}