/* 공통 달력(jQuery UI datepicker) 스타일 — head.jsp 에서 전체 페이지에 적용 */
body .ui-datepicker { width: 290px !important; padding: 14px !important; background: #fff; border: 1px solid #e2e5ea !important; border-radius: 12px; box-shadow: 0 10px 28px rgba(30, 50, 90, 0.16); z-index: 3000 !important; font-family: inherit; }
body .ui-datepicker .ui-datepicker-header { position: relative; display: flex; align-items: center; justify-content: center; height: 36px; padding: 0; margin-bottom: 8px; background: none; border: 0; }
body .ui-datepicker .ui-datepicker-prev, body .ui-datepicker .ui-datepicker-next { position: absolute !important; top: 3px !important; width: 30px !important; height: 30px !important; border: 0 !important; border-radius: 8px; background: #f1f6ff !important; cursor: pointer; }
body .ui-datepicker .ui-datepicker-prev { left: 0 !important; }
body .ui-datepicker .ui-datepicker-next { right: 0 !important; }
body .ui-datepicker .ui-datepicker-prev span, body .ui-datepicker .ui-datepicker-next span { display: none !important; }
body .ui-datepicker .ui-datepicker-prev::after, body .ui-datepicker .ui-datepicker-next::after { content: ''; position: absolute; inset: 0; background: no-repeat center / 14px; }
body .ui-datepicker .ui-datepicker-prev::after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23555' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M10 3L5 8l5 5'/></svg>"); }
body .ui-datepicker .ui-datepicker-next::after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23555' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 3l5 5-5 5'/></svg>"); }
body .ui-datepicker .ui-datepicker-prev:hover, body .ui-datepicker .ui-datepicker-next:hover { background: #e1ebff !important; }
body .ui-datepicker .ui-datepicker-title { display: flex; justify-content: center; gap: 6px; margin: 0 38px !important; line-height: 1; text-align: center; }
body .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { width: 84px; }
body .ui-datepicker .ui-datepicker-title select.ui-datepicker-month { width: 74px; }
body .ui-datepicker .ui-datepicker-title select { height: 30px; margin: 0 !important; padding: 0 8px; border: 1px solid #d9dde3; border-radius: 8px; background: #fff; font-size: 13px; color: #333; }
body .ui-datepicker table { width: 100%; margin: 0; border: 0 !important; border-collapse: collapse; table-layout: fixed; }
body .ui-datepicker th { padding: 6px 0; border: 0; font-size: 12px; font-weight: 500; color: #8a93a3; text-align: center; }
body .ui-datepicker td { padding: 2px; border: 0; text-align: center; }
body .ui-datepicker td a, body .ui-datepicker td span { display: block; padding: 7px 0; border: 0 !important; border-radius: 8px; background: none; font-size: 13px; color: #333; text-align: center; text-decoration: none; }
body .ui-datepicker td a:hover { background: #eef3fc; color: #4777d9; }
body .ui-datepicker td .ui-state-highlight { background: #eef3fc; color: #4777d9; font-weight: 700; }
body .ui-datepicker td .ui-state-active { background: #4777d9 !important; color: #fff !important; font-weight: 700; }
body .ui-datepicker td.ui-datepicker-other-month span { color: #c3c8d0; }

body .ui-datepicker .ui-datepicker-buttonpane { margin: 8px 0 0; padding: 8px 0 0; border: 0; border-top: 1px solid #eef0f3; }
body .ui-datepicker .ui-datepicker-buttonpane button { height: 30px; padding: 0 12px; border: 1px solid #d9dde3; border-radius: 8px; background: #fff; font-size: 12.5px; color: #444; cursor: pointer; }