/* =============================================================
   업무지원 하위 화면이 여는 창 — 맥 시트 (사용자 2026-11-04 "1": 업무지원 공통 창 정리)
   근태(연차 사용 · 추가부여 · 특별연차 · 취소 신청) · 지각(공지 · 담당자 · 경위서 양식) · 복지(신청 · 항목 관리 · 항목 수정)
   · 타임마일리지(추가근무 등록 · 사용) · 면담(상세) 창 13개. 창 id 로만 고름 — 지급요청 · 소모품요청(다른 세션) 창은 범위 밖.
   - 흰 시트 · 큰 모서리 · 시트 그림자, 머리 회색 띠 · 색 그라데이션 · 색 제목 · 색 아이콘 → 17px 검정 제목, 닫기는 회색 동그라미
   - 입력칸 33 ~ 39px → 28px(휴대폰 36px), 단추 28px. 채운 단추는 창마다 하나 — 보라(추가근무 등록) · 주황(사용 등록)도 파랑으로
   - 휴대폰은 아래에서 올라오는 시트
   저장 · 선택 · 달력 · 단추 동작 그대로. 고른 시간 · 분 · 유형 표시(화면이 직접 넣는 색)는 그대로 둠. 값은 ui-tokens.css 토큰만.
   ============================================================= */
@media screen{
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal){ background:var(--ui-scrim) !important; backdrop-filter:none !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box{ border:0 !important; border-radius:var(--ui-radius-sheet) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-sheet) !important; font-family:var(--ui-font); color:var(--ui-text-1) }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box > .ws-modal-header{ padding:14px 18px 6px !important; border:0 !important; background:transparent !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box > .ws-modal-header .ws-modal-title{ color:var(--ui-text-1) !important; font-size:var(--ui-text-title3) !important; font-weight:var(--ui-weight-semibold) !important; letter-spacing:0 !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box > .ws-modal-header .ws-modal-title > i{ display:none !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box > .ws-modal-header .ws-modal-close{ width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; padding:0 !important; border-radius:50% !important; background:var(--ui-fill) !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-callout) !important; line-height:1 }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box > .ws-modal-header .ws-modal-close:hover{ background:var(--ui-fill-hover) !important; color:var(--ui-text-1) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box > .p-6{ padding:8px 18px 16px !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box > .p-6.space-y-4 > * + *,html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box > .p-6.space-y-5 > * + *{ margin-top:12px !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box .ws-label{ margin-bottom:4px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box .ws-label .text-red-400{ color:var(--ui-danger) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(input.ws-input,select.ws-input,input[type="date"],input[type="text"],input[type="number"],input[type="search"]){ box-sizing:border-box; height:28px !important; min-height:0 !important; padding:0 9px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-field) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box textarea{ padding:6px 9px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-field) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; line-height:1.5 !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(input,select,textarea):focus{ outline:0 !important; box-shadow:var(--ui-elev-field),var(--ui-focus-ring) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(input,textarea)::placeholder{ color:var(--ui-text-3) }
/* 아래 단추 줄: 취소(흰) · 저장(채운 파랑) */
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(.ws-btn-cancel,.ws-btn-save,#ot-save-btn,#use-save-btn){ box-sizing:border-box; height:28px !important; min-height:0 !important; display:inline-flex; align-items:center; justify-content:center; padding:0 16px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; font-size:var(--ui-text-body) !important; transform:none !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box .ws-btn-cancel{ background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-text-1) !important; font-weight:var(--ui-weight-regular) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box .ws-btn-cancel:hover{ background:var(--ui-fill-subtle) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(.ws-btn-save,#ot-save-btn,#use-save-btn){ background:var(--ui-accent) !important; box-shadow:none !important; color:var(--ui-on-accent) !important; font-weight:var(--ui-weight-semibold) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(.ws-btn-save,#ot-save-btn,#use-save-btn):hover{ background:var(--ui-accent-hover) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(.ws-btn-save,#ot-save-btn,#use-save-btn) > i{ display:none !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box .flex.justify-end:has(> .ws-btn-cancel){ gap:8px !important; padding-top:4px !important }
/* 창 안 색 상자(이름 띠 · 잔여 표시 · 안내) → 회색 묶음, 뜻 있는 글자색은 유지 */
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box > .p-6 > .bg-indigo-50{ padding:6px 10px !important; border-radius:var(--ui-radius-group) !important; background:var(--ui-fill-subtle) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box > .p-6 > .bg-indigo-50 > i{ color:var(--ui-text-2) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box #att-leave-records > div{ padding:8px !important; border:0 !important; border-radius:var(--ui-radius-group) !important; background:var(--ui-fill-subtle) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box button.text-indigo-600{ color:var(--ui-accent-text) !important; font-size:var(--ui-text-footnote) !important }
#ws-use-mileage-modal > .ws-modal-box > .p-6 > .bg-orange-50{ padding:8px 12px !important; border:0 !important; border-radius:var(--ui-radius-group) !important; background:var(--ui-fill-subtle) !important }
/* 타임마일리지 시간 · 분 · 유형 단추: 크기만 맞춤(고른 표시 색은 화면이 직접 넣음) */
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(.tm-hour-btn,.tm-min-btn){ box-sizing:border-box; height:28px; padding:0 12px !important; border-width:1px !important; border-radius:var(--ui-radius-control) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-semibold) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(.tm-hour-btn,.tm-min-btn):not([style*="border-color"]){ border-color:var(--ui-line-control) !important; background:var(--ui-surface) !important; color:var(--ui-text-1) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(#btn-late-in,#btn-fast-out){ padding:6px 0 !important; border-width:1px !important; border-radius:var(--ui-radius-group) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-semibold) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(#btn-late-in,#btn-fast-out):not([style*="border-color"]){ border-color:var(--ui-line-control) !important; background:var(--ui-surface) !important; color:var(--ui-text-1) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(#btn-late-in,#btn-fast-out) > i{ margin-right:3px; color:var(--ui-text-2) }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(#ot-mini-cal-wrap,#use-mini-cal-wrap) > div{ border:0 !important; border-radius:var(--ui-radius-group) !important; box-shadow:0 0 0 .5px var(--ui-line) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(#ot-mini-cal-wrap,#use-mini-cal-wrap) .text-\[10px\]{ font-size:var(--ui-text-caption) !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(#ot-selected-date-label,#ot-hours-preview,#use-selected-date-label,#use-min-preview){ min-height:0 !important; margin-top:4px !important; font-size:var(--ui-text-footnote) !important }
/* 복지 항목 관리 · 수정 창: 원래 규칙이 업무지원 화면 안쪽에만 걸려 있어(창은 화면 밖 body 에 붙음) 목록이 맨 글자로 붙어 나오던 것 — 맥 목록으로 */
html #ws-welfare-policy-manager > .ws-modal-box, html #ws-welfare-policy-editor > .ws-modal-box{ max-width:560px !important }
html #ws-welfare-policy-manager > .ws-modal-box .welfare-policy-manager-list{ display:flex; flex-direction:column; max-height:68vh; overflow-y:auto; margin:4px 18px 16px; border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 .5px var(--ui-line) }
html #ws-welfare-policy-manager > .ws-modal-box .welfare-policy-manager-row{ box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:44px; padding:5px 12px; border:0; box-shadow:inset 0 -.5px var(--ui-line); background:transparent; text-align:left; cursor:pointer }
html #ws-welfare-policy-manager > .ws-modal-box .welfare-policy-manager-row:last-child{ box-shadow:none }
html #ws-welfare-policy-manager > .ws-modal-box .welfare-policy-manager-row:hover{ background:var(--ui-fill-subtle) }
html #ws-welfare-policy-manager > .ws-modal-box .welfare-policy-manager-row span{ min-width:0 }
html #ws-welfare-policy-manager > .ws-modal-box .welfare-policy-manager-row strong{ display:block; color:var(--ui-text-1); font-size:var(--ui-text-body); font-weight:var(--ui-weight-semibold); line-height:1.35; overflow-wrap:anywhere }
html #ws-welfare-policy-manager > .ws-modal-box .welfare-policy-manager-row small{ display:block; margin-top:1px; color:var(--ui-text-2); font-size:var(--ui-text-footnote); font-weight:var(--ui-weight-regular); line-height:1.35 }
html #ws-welfare-policy-manager > .ws-modal-box .welfare-policy-manager-row > i{ flex-shrink:0; color:var(--ui-text-3); font-size:var(--ui-text-caption) }
html #ws-welfare-policy-manager > .ws-modal-box .welfare-empty-policy{ padding:16px 12px; color:var(--ui-text-2); font-size:var(--ui-text-footnote); text-align:center }
html #ws-welfare-policy-manager > .ws-modal-box .welfare-empty-policy strong{ display:block; color:var(--ui-text-1); font-size:var(--ui-text-body); font-weight:var(--ui-weight-semibold) }
html #ws-welfare-policy-editor > .ws-modal-box .welfare-policy-editor-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px }
html #ws-welfare-policy-editor > .ws-modal-box .welfare-policy-editor-note{ display:flex; align-items:center; gap:6px; color:var(--ui-text-2); font-size:var(--ui-text-footnote) }
html #ws-welfare-policy-editor > .ws-modal-box .welfare-policy-editor-note > i{ color:var(--ui-text-3) }
}
@media screen and (max-width:768px){
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal){ align-items:flex-end !important; padding:0 !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box{ max-width:none !important; max-height:92vh !important; border-radius:var(--ui-radius-sheet) var(--ui-radius-sheet) 0 0 !important; padding-bottom:env(safe-area-inset-bottom) }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(input.ws-input,select.ws-input,input[type="date"],input[type="text"],input[type="number"],input[type="search"]){ height:36px !important; font-size:16px !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box textarea{ font-size:16px !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box :is(.ws-btn-cancel,.ws-btn-save,#ot-save-btn,#use-save-btn){ height:36px !important }
html :is(#ws-att-leave-modal,#ws-grant-leave-modal,#ws-special-grant-modal,#ws-leave-cancel-modal,#td-notice-modal,#td-settings-modal,#td-doctemplate-modal,#ws-welfare-policy-manager,#ws-welfare-policy-editor,#ws-welfare-modal,#ws-overtime-modal,#ws-use-mileage-modal,#ws-interview-detail-modal) > .ws-modal-box > .ws-modal-header .ws-modal-close{ width:30px; height:30px }
html #ws-welfare-policy-editor > .ws-modal-box .welfare-policy-editor-grid{ grid-template-columns:1fr }
html #ws-welfare-policy-manager > .ws-modal-box .welfare-policy-manager-list{ margin:4px 12px 12px }
}