.calendar-view-switch{display:flex;gap:4px;background:#e9ece4;padding:5px;border-radius:16px;width:fit-content;margin-bottom:24px}.calendar-view-switch button{border:0;background:transparent;border-radius:12px;min-width:100px;padding:12px 20px}.calendar-view-switch button[aria-pressed=true]{background:#172228;color:#fff}.period-scroll{overflow-x:auto}.period-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.period-grid.week{min-width:900px}.period-grid.month{min-width:850px}.period-day{border:1px solid #dce1d8;border-radius:16px;background:#fafbf8;min-width:0;overflow:hidden}.period-day.outside{background:#f0f2ed;opacity:.65}.period-day.is-today{border-color:#ff4824;box-shadow:inset 0 3px #ff4824}.period-day-head{display:flex!important;flex-direction:column;gap:4px;width:100%;border:0!important;border-radius:0!important;background:transparent!important;padding:14px!important;color:#172228!important}.period-day-head strong{font-size:28px}.period-day-head span,.period-day-head small{font-size:12px;color:#67766f}.period-events{padding:0 8px 12px;display:grid;gap:8px}.period-event{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:5px;text-align:left;padding:10px!important;border:0!important;border-left:3px solid #ff4824!important;background:#ffede5!important;color:#913820!important;border-radius:8px!important;min-width:0;width:100%;font-size:12px!important;white-space:normal!important}.period-event strong{display:flex;gap:5px;align-items:center;font-size:12px}.period-event span{overflow-wrap:anywhere;font-size:12px}.period-event.pending{background:#fff4d8!important;border-color:#bb841d!important;color:#886018!important}.period-event.closure{background:#ffe4e4!important;border-color:#c73131!important;color:#a32424!important}.period-event .icon{width:15px;height:15px}.period-empty{color:#8a958e;text-align:center;font-size:12px;padding:20px 4px}.period-grid.month .period-day{min-height:160px}.period-grid.week .period-day{min-height:320px}@media(max-width:600px){.calendar-view-switch{width:100%}.calendar-view-switch button{min-width:0;flex:1;padding:12px}.period-calendar .occupancy-date{flex-wrap:wrap}.period-calendar #open-date{font-size:12px}.period-grid.week{min-width:980px}.period-grid.month{min-width:800px}}
.calendar-mode main,.calendar-mode #content,.period-calendar{min-width:0;max-width:100%}.period-calendar{overflow:hidden}.period-scroll{width:100%;max-width:100%}

.period-event.payment-paid,.occupancy-event.payment-paid{background:#e4f2e5!important;border-left-color:#398354!important;color:#245938!important}.period-event.payment-unpaid,.occupancy-event.payment-unpaid{background:#fff0de!important;border-left-color:#dd8826!important;color:#8b5018!important}.period-event.payment-refunded,.occupancy-event.payment-refunded{background:#ecefed!important;border-left-color:#8b9690!important;color:#56655d!important}.calendar-payment{font-weight:700}.calendar-automation{font-size:10px;line-height:1.4;opacity:.85}.paid-dot{background:#398354}.period-event.pending{border-left-style:dashed!important}