/* PERMIT R6.1 — kalender tanggal khusus semua halaman selain banner */
.permit-date-wrap{position:relative;display:block;width:100%;min-width:0;flex:1 1 auto}
.permit-date-wrap>.permit-date-managed{display:block;width:100%;max-width:100%;padding-right:42px!important;cursor:pointer!important;background-image:none!important}
.permit-date-wrap::after{content:"▦";position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:19px;line-height:1;color:#667085;pointer-events:none}
.permit-date-wrap:has(>.permit-date-managed:disabled)::after{opacity:.45}
.permit-calendar-popup{position:fixed;z-index:999999;width:min(320px,calc(100vw - 24px));padding:13px;background:#fff;border:1px solid #d9dee7;border-radius:16px;box-shadow:0 18px 48px rgba(16,24,40,.24);color:#101828;font-family:inherit}
.permit-calendar-popup[hidden]{display:none!important}
.permit-calendar-head{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;margin-bottom:10px}
.permit-calendar-head strong{font-size:14px;font-weight:850;text-align:center;text-transform:capitalize;color:#101828}
.permit-calendar-head button{height:34px;border:1px solid #e4e7ec;background:#fff;color:#344054;border-radius:9px;font-size:22px;line-height:1;cursor:pointer}
.permit-calendar-weekdays,.permit-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
/* Nama hari mengikuti persis warna kategori tanggal pada kolomnya. */
.permit-calendar-weekday{display:grid;place-items:center;min-height:30px;padding:6px 0;font-size:11px;font-weight:900;color:#111827!important;background:transparent;border-radius:8px}
.permit-calendar-weekday.sunday{color:#c81e24!important;background:#fff0f1}
.permit-calendar-weekday.saturday{color:#9a6700!important;background:#fff4c2}
.permit-calendar-weekday.weekday{color:#111827!important;background:transparent}
.permit-calendar-blank{aspect-ratio:1;min-width:0}
.permit-calendar-day{position:relative;width:100%;aspect-ratio:1;min-width:0;border:1px solid transparent;border-radius:9px;background:#fff;color:#111827;font-size:12px;font-weight:700;display:grid;place-items:center;padding:0;cursor:pointer}
.permit-calendar-day.weekday{color:#111827}
.permit-calendar-day.sunday{color:#c81e24;background:#fff0f1}
.permit-calendar-day.saturday{color:#9a6700;background:#fff4c2}
.permit-calendar-day:hover:not(:disabled){border-color:#98a2b3;filter:brightness(.97)}
.permit-calendar-day.selected{border:2px solid #344054;font-weight:900}
.permit-calendar-day.selected.sunday{border-color:#c81e24;color:#c81e24;background:#ffe4e6}
.permit-calendar-day.selected.saturday{border-color:#d4a017;color:#8a5a00;background:#ffed99}
.permit-calendar-day.today:not(.selected)::after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:currentColor}
.permit-calendar-day:disabled{opacity:.34;cursor:not-allowed}
.permit-calendar-day:focus-visible,.permit-calendar-head button:focus-visible,.permit-calendar-footer button:focus-visible{outline:3px solid #bfdbfe;outline-offset:2px}
.permit-calendar-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #eef0f3;padding-top:10px;margin-top:9px}
.permit-calendar-footer button{border:1px solid #e4e7ec;border-radius:9px;background:#fff;color:#344054;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer}
.permit-calendar-footer button:disabled{opacity:.35;cursor:not-allowed}

/* Menjaga ukuran/tema input date lama setelah popup browser diganti kalender khusus. */
.scheduled-range-grid .permit-date-managed,#pulang-form .permit-date-managed,.priority-pagi-grid .permit-date-managed{width:100%;min-height:48px;border:1px solid #d0d5dd;border-radius:14px;padding:0 42px 0 13px;background:#fff;color:#1f2937}
.priority-pagi-grid .permit-date-managed{background:#f8fafc;color:#344054}
.permit-date-wrap.is-datetime{display:flex;align-items:center;gap:8px}
.permit-date-wrap.is-datetime>.permit-date-managed{flex:1 1 auto;min-width:0;width:auto}
.permit-date-time-input{flex:0 0 112px;width:112px;min-width:0;min-height:48px;border:1px solid #d0d5dd;border-radius:14px;padding:0 9px;background:#fff;color:#1f2937;font:inherit}
.permit-date-time-input:focus{outline:2px solid #fecdd3;border-color:#c81e24}
.permit-date-wrap.is-datetime::after{right:128px}
.permit-date-wrap.is-datetime>.permit-date-time-input{flex:0 0 112px;width:112px;min-width:0;min-height:48px;padding:0 9px}