:root{
  --app-date-accent: var(--admin-accent, #7b2d5c);
  --app-date-accent-soft: var(--admin-accent-light, #f4e9f0);
  --app-date-ink: var(--admin-ink, #2f2831);
  --app-date-muted: var(--admin-muted, #7e7480);
  --app-date-line: var(--admin-line, #e8dbe2);
  --app-date-surface: var(--admin-surface, #ffffff);
  --app-date-shadow: 0 20px 50px rgba(44, 24, 35, .18);
}
.app-date-picker{position:relative;display:block;width:100%;}
.app-date-picker__native{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
.app-date-picker__display{
  width:100%;min-height:46px;padding:0 48px 0 14px;border:1px solid var(--app-date-line);border-radius:14px;
  background:var(--app-date-surface);color:var(--app-date-ink);font:inherit;font-size:14px;font-weight:650;line-height:1.2;
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;cursor:pointer;
}
.app-date-picker__display::placeholder{color:var(--app-date-muted);}
.app-date-picker__display:hover{border-color:rgba(123,45,92,.35);}
.app-date-picker__display:focus{outline:none;border-color:rgba(123,45,92,.75);box-shadow:0 0 0 4px rgba(123,45,92,.12);}
.app-date-picker__display:disabled{background:#f5f1f3;color:var(--app-date-muted);cursor:not-allowed;}
.app-date-picker__trigger{
  position:absolute;top:50%;right:10px;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:10px;
  background:transparent;color:var(--app-date-accent);display:grid;place-items:center;cursor:pointer;transition:background-color .18s ease, transform .18s ease;
}
.app-date-picker__trigger:hover{background:var(--app-date-accent-soft);}
.app-date-picker__trigger:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(123,45,92,.18);}
.app-date-picker__trigger svg{width:16px;height:16px;display:block;}
.app-date-picker-panel{
  position:fixed;z-index:15000;width:min(332px, calc(100vw - 18px));padding:16px;border:1px solid var(--app-date-line);
  border-radius:20px;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);box-shadow:var(--app-date-shadow);
  opacity:0;transform:translateY(8px) scale(.98);transform-origin:top center;pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.app-date-picker-panel.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.app-date-picker-panel__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px;}
.app-date-picker-panel__nav{
  width:34px;height:34px;border:1px solid var(--app-date-line);border-radius:11px;background:#fff;color:var(--app-date-accent);
  display:grid;place-items:center;cursor:pointer;font-size:15px;font-weight:900;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.app-date-picker-panel__nav:hover{background:var(--app-date-accent-soft);border-color:rgba(123,45,92,.28);transform:translateY(-1px);}
.app-date-picker-panel__title{display:grid;gap:2px;text-align:center;}
.app-date-picker-panel__title strong{color:var(--app-date-ink);font-size:16px;line-height:1.2;font-weight:850;}
.app-date-picker-panel__title span{color:var(--app-date-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.app-date-picker-panel__weekdays,.app-date-picker-panel__days,.app-date-picker-panel__months{display:grid;gap:6px;}
.app-date-picker-panel__weekdays{grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:8px;}
.app-date-picker-panel__weekdays span{padding:0 0 4px;color:var(--app-date-muted);font-size:10px;font-weight:900;text-transform:uppercase;text-align:center;letter-spacing:.08em;}
.app-date-picker-panel__days{grid-template-columns:repeat(7,minmax(0,1fr));}
.app-date-picker-panel__months{grid-template-columns:repeat(3,minmax(0,1fr));}
.app-date-picker-panel__day,.app-date-picker-panel__month{
  min-height:40px;padding:0 6px;border:1px solid transparent;border-radius:12px;background:#fff;color:var(--app-date-ink);font:inherit;
  font-size:13px;font-weight:700;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.app-date-picker-panel__day:hover,.app-date-picker-panel__month:hover{background:var(--app-date-accent-soft);border-color:rgba(123,45,92,.2);transform:translateY(-1px);}
.app-date-picker-panel__day.is-outside{color:#b5aab1;background:#faf7f9;}
.app-date-picker-panel__day.is-today,.app-date-picker-panel__month.is-current{border-color:rgba(123,45,92,.36);box-shadow:inset 0 0 0 1px rgba(123,45,92,.18);}
.app-date-picker-panel__day.is-selected,.app-date-picker-panel__month.is-selected{background:var(--app-date-accent);border-color:var(--app-date-accent);color:#fff;box-shadow:0 8px 18px rgba(123,45,92,.25);}
.app-date-picker-panel__day:disabled,.app-date-picker-panel__month:disabled,.app-date-picker-panel__nav:disabled{opacity:.38;cursor:not-allowed;transform:none;background:#f5f2f4;}
.app-date-picker-panel__footer{display:flex;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--app-date-line);}
.app-date-picker-panel__action{
  flex:1 1 auto;min-height:36px;padding:0 12px;border:1px solid var(--app-date-line);border-radius:11px;background:#fff;color:var(--app-date-accent);
  font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.app-date-picker-panel__action:hover{background:var(--app-date-accent-soft);border-color:rgba(123,45,92,.25);transform:translateY(-1px);}
.app-date-picker-panel__action--ghost{flex:0 0 auto;padding:0 14px;}
.admin-field input[type="datetime-local"],
.admin-field input[type="date"],
.admin-field input[type="month"],
label input[type="date"],
label input[type="month"],
label input[type="datetime-local"],
.pdmail-filter-modal__grid input[type="date"],
.pdmail-schedule-modal__field input[type="datetime-local"]{
  color-scheme:light;
}
@media (max-width: 640px){
  .app-date-picker-panel{width:min(320px, calc(100vw - 12px));padding:14px;border-radius:18px;}
  .app-date-picker-panel__day,.app-date-picker-panel__month{min-height:38px;border-radius:11px;font-size:12px;}
  .app-date-picker-panel__footer{flex-wrap:wrap;}
  .app-date-picker-panel__action{flex:1 1 calc(50% - 4px);}
}