/* jQuery UI datepicker 공통 디자인 (VM Backup 신청 화면 달력에서 시작 → 전 화면 공통)
   - mbr_import_kcloud.jsp / import.jsp 에서 로드. 한글 표기 기본값은 resources/js/datepicker-ko.js
   - 전역 table th/td 규칙(배경·높이·패딩)이 달력 칸까지 먹어서 !important 로 덮어씀 */
#ui-datepicker-div{width:300px;padding:12px;border:1px solid #e5e8ec !important;border-radius:10px;background:#fff !important;box-shadow:0 8px 24px rgba(15,23,42,.12);font-family:inherit;font-size:13px;z-index:1060 !important;}
#ui-datepicker-div .ui-datepicker-header{position:relative;padding:4px 0 10px;border:0 !important;background:none !important;border-radius:0;}
#ui-datepicker-div .ui-datepicker-title{margin:0 36px;line-height:30px;font-size:15px;font-weight:700;color:#222;text-align:center;}
#ui-datepicker-div .ui-datepicker-prev,#ui-datepicker-div .ui-datepicker-next{top:4px !important;width:30px;height:30px;border:0 !important;border-radius:6px;background:none !important;cursor:pointer;}
#ui-datepicker-div .ui-datepicker-prev{left:0 !important;}
#ui-datepicker-div .ui-datepicker-next{right:0 !important;}
#ui-datepicker-div .ui-datepicker-prev:hover,#ui-datepicker-div .ui-datepicker-next:hover{background:#f1f4f8 !important;}
#ui-datepicker-div .ui-datepicker-prev span,#ui-datepicker-div .ui-datepicker-next span{display:none !important;}
#ui-datepicker-div .ui-datepicker-prev:after,#ui-datepicker-div .ui-datepicker-next:after{position:absolute;top:50%;left:50%;width:8px;height:8px;border:solid #555;border-width:0 2px 2px 0;content:"";}
#ui-datepicker-div .ui-datepicker-prev:after{transform:translate(-30%,-50%) rotate(135deg);}
#ui-datepicker-div .ui-datepicker-next:after{transform:translate(-70%,-50%) rotate(-45deg);}
#ui-datepicker-div .ui-datepicker-prev.ui-state-disabled{opacity:.3;}
#ui-datepicker-div table.ui-datepicker-calendar{width:100%;margin:0;border-collapse:separate;border-spacing:2px;}
#ui-datepicker-div .ui-datepicker-calendar th{padding:6px 0;border:0 !important;background:none !important;color:#888;font-size:12px;font-weight:600;text-align:center;}
#ui-datepicker-div .ui-datepicker-calendar th:first-child{color:#e42e2f;}
#ui-datepicker-div .ui-datepicker-calendar th:last-child{color:#2f6fe4;}
#ui-datepicker-div .ui-datepicker-calendar td{padding:0;border:0 !important;background:none !important;}
#ui-datepicker-div .ui-datepicker-calendar td a,#ui-datepicker-div .ui-datepicker-calendar td span{display:block;height:34px;line-height:34px;padding:0;margin:0;border:0 !important;border-radius:8px;background:none !important;color:#222;font-size:13px;text-align:center;text-decoration:none;}
#ui-datepicker-div .ui-datepicker-calendar td a:hover{background:#eef3fb !important;color:var(--main-color,#1d6fd6);}
#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled span{color:#cfd4da;}
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a{box-shadow:inset 0 0 0 1px var(--main-color,#1d6fd6);color:var(--main-color,#1d6fd6);font-weight:600;}
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today span{box-shadow:inset 0 0 0 1px #d9dde2;}
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active{background:var(--main-color,#1d6fd6) !important;color:#fff !important;font-weight:600;}
#ui-datepicker-div .ui-datepicker-calendar thead th{height:auto !important;padding:6px 0 !important;background:transparent !important;color:#888 !important;border:0 !important;}
#ui-datepicker-div .ui-datepicker-calendar thead th:first-child{color:#e42e2f !important;}
#ui-datepicker-div .ui-datepicker-calendar thead th:last-child{color:#2f6fe4 !important;}
#ui-datepicker-div .ui-datepicker-calendar tbody td{height:auto !important;padding:1px 0 !important;border:0 !important;}
#ui-datepicker-div .ui-datepicker-calendar tr{border:0 !important;background:transparent !important;}
#ui-datepicker-div .ui-datepicker-calendar thead th span{color:inherit !important;}
#ui-datepicker-div .ui-datepicker-calendar,#ui-datepicker-div .ui-datepicker-calendar thead,#ui-datepicker-div .ui-datepicker-calendar thead tr{border:0 !important;background:transparent !important;}
#ui-datepicker-div .ui-datepicker-calendar thead th{border-bottom:1px solid #eef0f3 !important;}
/* 오늘/닫기 버튼 줄(showButtonPanel 쓰는 화면) */
#ui-datepicker-div .ui-datepicker-buttonpane{margin:8px 0 0;padding:8px 0 0;border-top:1px solid #eef0f3 !important;background:none !important;}
#ui-datepicker-div .ui-datepicker-buttonpane button{margin:0 0 0 6px;padding:4px 12px;border:1px solid #d9dde2 !important;border-radius:6px;background:#fff !important;color:#333;font-size:12.5px;opacity:1;}
#ui-datepicker-div .ui-datepicker-buttonpane button:hover{background:#f1f4f8 !important;}
/* 월·연도 드롭다운(changeMonth/changeYear 쓰는 화면) */
#ui-datepicker-div .ui-datepicker-title select{width:auto;height:28px;margin:0 2px;padding:0 6px;border:1px solid #d9dde2;border-radius:6px;font-size:13px;}