.calendar-color-picker-row{display:flex;align-items:center;gap:8px;min-height:36px}.calendar-color-picker-row input[type=color]{width:46px;height:34px;padding:2px;border:1px solid var(--bd);border-radius:6px;background:#fff;cursor:pointer}.calendar-color-preview{width:22px;height:22px;border:1px solid var(--bd);border-radius:50%;background:#2B5CE6;box-shadow:inset 0 0 0 2px #fff}.calendar-color-picker-row code{min-width:66px;color:var(--t1);font-size:12px}.calendar-rgb-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}.calendar-rgb-inputs label{display:flex;align-items:center;gap:4px;color:var(--t2);font-size:11px;font-weight:600}.calendar-rgb-inputs .inp{height:30px;min-width:0;padding:4px 6px;text-align:center}.cal-memo-custom{background:var(--calendar-bg)!important;color:var(--calendar-text)!important;border-color:var(--calendar-border)!important;border-left-color:var(--calendar-color)!important}.cal-day-item.cal-memo-custom{background:var(--calendar-bg)!important}.cal-color-custom{background:var(--calendar-color)!important}
.cal-week{position:relative;grid-column:1/-1;border-top:1px solid var(--bd)}.cal-week-days{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));user-select:none}.cal-week .cal-cell{min-height:100%;border-top:0}.cal-week .cal-cell:last-child{border-right:0}.cal-week-events{position:absolute;z-index:2;top:38px;left:5px;right:5px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:23px;gap:4px 0;pointer-events:none}.cal-period-event{min-width:0;height:23px;margin:0 2px;padding:2px 7px;border:1px solid transparent;border-left:4px solid var(--calendar-color);border-radius:5px;background:var(--calendar-bg);color:var(--calendar-text);font:600 11px/1.35 'Noto Sans KR',sans-serif;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;pointer-events:auto}.cal-cell.cal-selecting{background:#DBEAFE!important;box-shadow:inset 0 0 0 2px rgba(43,92,230,.35)}.calendar-period-help{align-self:center;line-height:1.6}

@media(max-width:600px){.calendar-color-picker-row{flex-wrap:wrap}.calendar-color-picker-row code{min-width:62px}.calendar-rgb-inputs{gap:4px}.calendar-rgb-inputs label{gap:3px}.cal-week-events{top:32px}.cal-period-event{font-size:10px;padding:2px 4px}.calendar-period-help{margin-top:2px}}