/* Deskly R89: Support Board business calendar, scoped to this module only. */
#r89CalendarPanel{margin:12px 0 22px;background:#fff;border:1px solid #dae4f5;border-radius:16px;padding:22px 24px;box-shadow:0 3px 14px rgba(23,41,85,.04);color:#172b50}
#r89CalendarPanel.hidden,#r89CalendarPanel .hidden{display:none!important}
#r89CalendarPanel .r89-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
#r89CalendarPanel .r89-eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#345ff3}
#r89CalendarPanel h2{font-size:18px;line-height:1.3;margin:4px 0 6px;font-weight:800;color:#102144}
#r89CalendarPanel p{font-size:13px;line-height:1.5;color:#596c89;margin:0}
#r89CalendarPanel .r89-editor{margin-top:18px;padding-top:18px;border-top:1px solid #e7ecf5}
#r89CalendarPanel .r89-editor-intro{display:flex;flex-direction:column;gap:3px;margin-bottom:16px}
#r89CalendarPanel .r89-editor-intro strong{font-size:14px}
#r89CalendarPanel .r89-editor-intro span,#r89CalendarPanel .r89-week-head span{font-size:12px;color:#627491}
#r89CalendarPanel .r89-calendar-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#r89CalendarPanel label{color:#26395d;font-size:12px;font-weight:700}
#r89CalendarPanel select,#r89CalendarPanel input[type=text],#r89CalendarPanel input[type=time],#r89CalendarPanel textarea{display:block;width:100%;margin-top:7px;padding:10px 11px;border-radius:8px;border:1px solid #ced9ed;background:#fff;color:#182d53;font:inherit;min-height:40px;box-sizing:border-box}
#r89CalendarPanel :is(input,select,textarea,button):focus-visible{outline:2px solid #4168f5;outline-offset:2px}
#r89CalendarPanel .r89-business-details{margin-top:20px}
#r89CalendarPanel .r89-week-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#r89CalendarPanel .r89-week-head strong{font-size:14px}
#r89CalendarPanel .r89-week{border:1px solid #e5ebf6;border-radius:10px;overflow:hidden}
#r89CalendarPanel .r89-day{display:grid;grid-template-columns:110px minmax(0,1fr) 90px;align-items:start;gap:12px;padding:10px 13px;border-bottom:1px solid #edf1f8}
#r89CalendarPanel .r89-day:last-child{border-bottom:0}
#r89CalendarPanel .r89-day-name{padding-top:10px;font-size:12px;font-weight:750}
#r89CalendarPanel .r89-windows{display:flex;flex-wrap:wrap;gap:9px}
#r89CalendarPanel .r89-window{display:flex;align-items:center;gap:7px;background:#f7f9fe;border:1px solid #e6ebf6;border-radius:8px;padding:6px}
#r89CalendarPanel .r89-window input[type=time]{width:110px;min-height:32px;margin:0;padding:4px 6px;font-size:12px}
#r89CalendarPanel .r89-window span{font-size:12px;color:#677690}
#r89CalendarPanel .r89-midnight{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:11px;font-weight:500;color:#63728b}
#r89CalendarPanel .r89-add,#r89CalendarPanel .r89-remove{padding:7px 5px;color:#2754d9;border:0;background:transparent;font-size:12px;font-weight:700;cursor:pointer}
#r89CalendarPanel .r89-remove{color:#ac3c49;font-size:11px}
#r89CalendarPanel .r89-holidays{display:block;margin-top:18px;font-size:13px}
#r89CalendarPanel .r89-holidays small{font-size:11px;color:#697b95;font-weight:400}
#r89CalendarPanel textarea{max-width:640px;min-height:85px;resize:vertical;font-size:12px;line-height:1.6}
#r89CalendarPanel .r89-calendar-note{margin-top:14px;background:#f3f6fe;padding:12px 14px;border-radius:9px}
#r89CalendarPanel .r89-calendar-note strong{color:#233a64}
#r89CalendarPanel .r89-error{margin-top:12px;color:#a82843;font-weight:650}
#r89CalendarPanel .r89-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}
@media(max-width:920px){#r89CalendarPanel .r89-day{grid-template-columns:95px minmax(0,1fr)}#r89CalendarPanel .r89-add{grid-column:2;justify-self:start}#r89CalendarPanel .r89-week-head{display:block}}
@media(max-width:600px){#r89CalendarPanel{padding:15px}#r89CalendarPanel .r89-calendar-heading{align-items:start;flex-direction:column}#r89CalendarPanel .r89-calendar-fields{grid-template-columns:1fr}#r89CalendarPanel .r89-day{display:block}#r89CalendarPanel .r89-day-name{margin-bottom:7px;padding:0}#r89CalendarPanel .r89-add{margin-top:6px}#r89CalendarPanel .r89-window{flex-wrap:wrap}#r89CalendarPanel .r89-window input[type=time]{width:calc(50% - 20px)}#r89CalendarPanel .r89-actions{flex-wrap:wrap}#r89CalendarPanel .r89-actions button{flex:1}}
