.wfFilters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.wfBoard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wfColumn{min-width:0}.wfColumn>h2{display:flex;justify-content:space-between;margin:10px 0 15px;font-size:18px}.wfColumn>h2 span{background:#e5edf8;border-radius:25px;padding:2px 8px;font-size:12px}.wfRepair{padding:18px}.wfTitle{background:none;border:0;color:#213b5d;font-weight:bold;text-align:left;font-size:16px;line-height:1.5;padding:0}.wfRepair p{font-size:12px;margin:7px 0 12px}.wfRepair small{display:block;margin:12px 0}.wfRepair>.btn{width:100%}.wfEmpty{padding:16px;font-size:13px;color:#7e8da2;background:#edf2f7;border-radius:16px}.wfRoom{border:1px solid #dce5ef;border-radius:16px;padding:16px;margin:18px 0}.wfRoom legend{padding:0 8px;font-weight:bold}.wfRoom textarea{min-height:70px}@media(max-width:650px){.wfBoard{grid-template-columns:1fr}.wfFilters .btn{font-size:12px;padding:10px}.wfColumn h2{margin:18px 0 12px}.wfRepair{margin-bottom:12px}.wfRoom{padding:12px}.wfRoom .field{margin-bottom:12px}}
.wfCalendarCard{padding:17px}.wfMonthHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.wfMonthHeading h2{font-size:17px}.wfMonthHeading button{border:0;border-radius:13px;width:35px;height:35px;background:#e9effb;color:#255ba1;font-size:24px}.wfCalendarGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.wfCalendarGrid small{font-size:11px;padding-bottom:6px}.wfCalendarGrid button{position:relative;border:0;background:#f2f5fa;color:#385273;border-radius:12px;font-size:12px;min-height:36px;padding:9px 3px}.wfCalendarGrid button.today{box-shadow:inset 0 0 0 1.5px #3575e6;font-weight:bold}.wfCalendarGrid button.selected{background:#2466e3;color:#fff}.wfCalendarGrid i{position:absolute;width:4px;height:4px;border-radius:50%;background:#4492c5;bottom:4px;left:calc(50% - 2px)}.wfCalendarGrid .selected i{background:white}.wfCalendarCard>.btn{margin-top:12px}.mrApp .wfTitle:hover,.mrApp .mrRowContent button:hover{color:#2466e3}.mrApp button{transition:background-color .12s,color .12s,box-shadow .12s}.mrApp button:active{filter:brightness(.96)}@media(prefers-reduced-motion:reduce){.mrApp button{transition:none}}@media(max-width:650px){.mrApp .wfColumn>h2{display:flex!important;background:transparent!important;font-size:17px!important;padding:0!important;border-radius:0!important}.mrApp .wfColumn>h2 span{font-size:12px}.mrApp .wfRepair .btn{min-height:44px}.mrApp .mrHeading h1{line-height:1.2}.mrApp .mrRentSummary small{letter-spacing:.1px}}