/* Time-first reservation schedule */
.appointment-view-tabs{display:flex;align-items:center;gap:8px}.appointment-view-tabs .button{height:40px}.appointment-view-tabs .button.active{border-color:var(--primary);background:var(--primary-pale);color:var(--primary);box-shadow:inset 0 0 0 1px rgba(108,59,255,.08)}.schedule-board,.month-board{padding:22px}.schedule-heading{display:flex;align-items:center;gap:16px;min-height:42px}.schedule-heading>div:first-child{margin-right:auto}.schedule-heading h3{margin:3px 0 0;font-size:16px;letter-spacing:-.3px}.schedule-summary{display:flex;align-items:center;gap:8px;color:var(--secondary);font-size:10px}.schedule-summary strong{color:var(--text);font-family:"Pretendard Variable","Pretendard",sans-serif;font-size:12px}.schedule-summary>span{padding-left:8px;border-left:1px solid var(--border)}.schedule-nav{display:flex;gap:6px}.schedule-nav .icon-button{width:34px;height:34px;font-size:17px}.schedule-nav .icon-button:disabled{opacity:.35;cursor:not-allowed}.week-schedule-wrap{margin-top:19px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff}.week-schedule{display:grid;grid-template-columns:62px repeat(7,minmax(122px,1fr));min-width:916px}.schedule-corner,.schedule-day-head{height:56px;border:0;border-bottom:1px solid var(--border);background:#fafafe}.schedule-corner{display:grid;place-items:center;color:var(--secondary);font-size:9px}.schedule-day-head{color:var(--secondary);display:flex;align-items:center;justify-content:center;gap:6px;border-left:1px solid var(--border)}.schedule-day-head span{font-size:9px}.schedule-day-head strong{font-family:"Pretendard Variable","Pretendard",sans-serif;font-size:14px}.schedule-day-head:hover,.schedule-day-head.selected{background:var(--primary-pale);color:var(--primary)}.schedule-times{height:924px;display:grid;grid-template-rows:repeat(11,84px);background:#fafafe;color:#9995a2;font-family:"Pretendard Variable","Pretendard",sans-serif;font-size:9px}.schedule-times span{padding:7px 8px 0;text-align:right;border-bottom:1px solid var(--border)}.schedule-day-column{height:924px;position:relative;border-left:1px solid var(--border);background:repeating-linear-gradient(to bottom,transparent 0,transparent 83px,#ebeaf0 84px)}.schedule-day-column>i{display:block;height:42px;border-bottom:1px dashed rgba(235,234,240,.72)}.schedule-event{position:absolute;z-index:1;top:var(--event-top);left:6px;right:6px;min-height:76px;padding:8px 8px 7px;border:1px solid #d8ccff;border-left:3px solid var(--primary);border-radius:10px;background:#f7f4ff;box-shadow:0 5px 10px rgba(63,39,127,.06);overflow:hidden;text-align:left}.schedule-event.done{border-color:#bdebd9;border-left-color:var(--success);background:#f1fcf7}.schedule-event time,.schedule-event strong,.schedule-event span,.schedule-event em{display:block}.schedule-event time{font-family:"Pretendard Variable","Pretendard",sans-serif;font-size:9px;font-weight:750;color:var(--primary)}.schedule-event.done time{color:#198e65}.schedule-event strong{font-family:"Pretendard Variable","Pretendard",sans-serif;font-size:11px;margin-top:3px}.schedule-event span{font-size:8px;color:var(--secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-event em{font-family:"Pretendard Variable","Pretendard",sans-serif;font-size:9px;font-style:normal;font-weight:700;margin-top:4px}.schedule-event button,.schedule-event small{position:absolute;right:7px;bottom:7px;border:0;border-radius:6px;padding:3px 5px;background:#e9e1ff;color:var(--primary);font-size:8px;font-weight:700}.schedule-event.done button{background:#dff7eb;color:#16825c}.schedule-event small{background:#fff;color:#777481}.schedule-guide,.month-help{margin:13px 0 0;color:var(--secondary);font-size:10px}.month-weekdays,.month-calendar{display:grid;grid-template-columns:repeat(7,1fr)}.month-weekdays{margin-top:18px;border:1px solid var(--border);border-bottom:0;border-radius:13px 13px 0 0;background:#fafafe}.month-weekdays span{padding:10px;text-align:center;color:var(--secondary);font-size:9px}.month-calendar{overflow:hidden;border:1px solid var(--border);border-radius:0 0 13px 13px}.month-day{min-height:104px;padding:10px;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;text-align:left;vertical-align:top}.month-day:nth-child(7n){border-right:0}.month-day:nth-last-child(-n+7){border-bottom:0}.month-day:hover{background:#faf8ff}.month-day.muted{background:#fbfbfc;color:#c7c4ce}.month-day.today>strong{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff}.month-day>strong{font-family:"Pretendard Variable","Pretendard",sans-serif;font-size:11px}.month-counts{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.month-counts i{padding:3px 5px;border-radius:5px;background:#f2f0f7;color:#696572;font-size:8px;font-style:normal}.month-counts i:nth-child(2){background:#eee9ff;color:var(--primary)}.month-counts i:nth-child(3){background:#e9f9f3;color:#198e65}.month-empty{display:block;margin-top:15px;color:#d5d2db;font-size:10px}
@media(max-width:700px){.appointment-view-tabs{width:100%;flex-wrap:wrap}.appointment-view-tabs .button:not(.primary){flex:1}.appointment-view-tabs .button.primary{width:100%}.schedule-board,.month-board{padding:15px}.schedule-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.schedule-heading>div:first-child{width:calc(100% - 84px)}.schedule-summary{width:100%;order:3}.month-day{min-height:76px;padding:7px}.month-counts{gap:2px;margin-top:7px}.month-counts i{padding:2px 3px;font-size:7px}.month-weekdays span{padding:8px 2px}.month-help,.schedule-guide{line-height:1.6}}
