/* ═══════════════════════════════════════
   DatePick — окошко выбора даты и времени (static/js/datepick.js)
═══════════════════════════════════════ */
/* Исходное поле остаётся хранилищем значения, но не видно.
   !important — у части полей display задан инлайном в шаблонах модулей. */
input.dp-src{display:none!important}
input.dp-vis{cursor:pointer;padding-right:30px!important;
  background-repeat:no-repeat;background-position:right 9px center;background-size:15px 15px}
input.dp-vis.dp-in-cal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b9bb5' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
input.dp-vis.dp-in-time{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b9bb5' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
input.dp-vis[readonly],input.dp-vis:disabled{cursor:default}
input.dp-vis.dp-bad{border-color:#e05252!important;box-shadow:0 0 0 2px rgba(224,82,82,.18)}

.dp-pop{position:fixed;z-index:100000;display:flex;max-height:calc(100vh - 16px);overflow:auto;background:var(--bg2);color:var(--text);
  border:1px solid var(--border2);border-radius:14px;box-shadow:0 12px 36px rgba(10,20,40,.28);
  font-family:inherit;font-size:13.5px;user-select:none;max-width:calc(100vw - 16px)}
.dp-pop button{font:inherit;color:inherit;cursor:pointer}
.dp-cal{padding:14px;width:300px}
.dp-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dp-hd button{border:0;background:transparent;border-radius:8px;padding:6px 10px;font-weight:700;font-size:15px}
.dp-hd button:hover{background:var(--bg3)}
.dp-hd .dp-mo{font-size:14.5px}
.dp-yhd{margin:10px 0 6px}.dp-yhd span{font-size:12px;color:var(--text3)}
.dp-wd,.dp-dd{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.dp-wd div{font-size:11px;color:var(--text3);font-weight:700;padding:4px 0}
.dp-wd div:nth-child(n+6){color:#d35d5d}
.dp-dd button{height:36px;margin:1px;border:0;background:transparent;border-radius:9px;font-size:13.5px;font-weight:600}
.dp-dd button:hover{background:var(--accent-dim,rgba(77,141,240,.14))}
.dp-dd button.out{color:var(--text3);font-weight:400}
.dp-dd button.we{color:#d35d5d}
.dp-dd button.td{box-shadow:inset 0 0 0 1.5px var(--accent)}
.dp-dd button.sel{background:var(--accent);color:#fff}
.dp-dd button:disabled{opacity:.28;cursor:default;background:transparent}
.dp-chip:disabled{opacity:.35;cursor:default;border-color:var(--border);color:var(--text3)}
.dp-qk{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.dp-chip{border:1px solid var(--border2);background:var(--bg2);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600}
.dp-chip:hover{border-color:var(--accent);color:var(--accent)}
.dp-tm{width:224px;border-left:1px solid var(--border);padding:14px;display:flex;flex-direction:column}
.dp-tm:first-child{border-left:0}
.dp-tl{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.dp-tl span,.dp-dur span{font-size:11px;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.dp-ti{width:84px;text-align:center;font-size:18px;font-weight:700;border:1px solid var(--border2);border-radius:9px;padding:6px;
  background:var(--bg3);color:var(--text);font-family:inherit}
.dp-dur{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.dp-dur span{width:100%}
.dp-sl{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;overflow-y:auto;max-height:252px;padding-right:2px}
.dp-sl button{border:1px solid var(--border);background:var(--bg2);border-radius:8px;padding:7px 0;font-weight:600;font-size:13px}
.dp-sl button:hover{border-color:var(--accent)}
.dp-sl button.sel{background:var(--accent);color:#fff;border-color:var(--accent)}
.dp-ftr{display:flex;justify-content:space-between;margin-top:12px;gap:8px}
.dp-btn{border:1px solid var(--border2);background:var(--bg2);border-radius:8px;padding:6px 12px;font-weight:600}
.dp-btn:hover{border-color:var(--accent);color:var(--accent)}
.dp-btn.dp-pri{background:var(--accent);border-color:var(--accent);color:#fff}
.dp-ys{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dp-ys button{border:1px solid var(--border);background:var(--bg2);border-radius:8px;padding:9px 0;font-weight:600}
.dp-ys button.sel{background:var(--accent);color:#fff;border-color:var(--accent)}
.dp-pres{width:168px;border-right:1px solid var(--border);padding:14px 8px;display:flex;flex-direction:column;gap:2px}
.dp-pres button{text-align:left;border:0;background:transparent;padding:7px 10px;border-radius:8px;font-weight:600;font-size:13px}
.dp-pres button:hover{background:var(--bg3)}
@media (max-width:640px){.dp-pop{flex-direction:column}.dp-tm{border-left:0;border-top:1px solid var(--border);width:300px}.dp-pres{display:none}}