/* Scriptum — bendras datų parinkiklis (js/datepick.js): ratukai metai · mėnuo · diena (2026-09-29). Spalvos iš temos kintamųjų su atsarginėmis reikšmėmis (galioja ir onb.html). */
.dp-input { padding-right: 34px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23A6812E' stroke-width='1.4' stroke-linecap='round'%3E%3Crect x='2' y='3' width='12' height='11' rx='2.2'/%3E%3Cpath d='M2 6.6h12M5.2 1.6v3M10.8 1.6v3'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 16px 16px; font-variant-numeric: tabular-nums; }
.dp3 { position: fixed; z-index: 1200; width: 300px; max-width: calc(100vw - 16px); box-sizing: border-box; background: #fff; border: 1px solid var(--line, #E4E0D6); border-radius: 16px; box-shadow: 0 18px 44px -14px rgba(20, 24, 40, .38); padding: 10px 12px 12px; color: var(--ink, #252C3F); font-family: inherit; animation: dp2in .14s ease-out; }
@keyframes dp2in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.dp3 *, .dpw * { box-sizing: border-box; }
/* ratukai: 5 eilutės po 34 px, pasirinkimo juosta per vidurį, kraštai blunka (kaip iOS DatePicker .wheel) */
.dpw { position: relative; display: flex; justify-content: center; gap: 16px; height: 170px; user-select: none; -webkit-user-select: none; }
.dpw-band { position: absolute; left: 0; right: 0; top: 68px; height: 34px; border-radius: 10px; background: rgba(118, 118, 128, .12); pointer-events: none; }
.dpw-col { position: relative; flex: none; height: 170px; overflow-y: auto; overscroll-behavior: contain; scroll-snap-type: y mandatory; scrollbar-width: none; outline: none; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 34%, #000 66%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 34%, #000 66%, transparent 100%); }
.dpw-col::-webkit-scrollbar { display: none; }
.dpw-pad { height: 68px; }
.dpw-it { height: 34px; line-height: 34px; scroll-snap-align: center; font-size: 17px; color: var(--ink, #252C3F); white-space: nowrap; cursor: pointer; font-variant-numeric: tabular-nums; padding: 0 2px; }
.dpw-it.on { font-weight: 700; }
.dpw-it.dis { color: #C8CBD6; cursor: default; }
.dpw-y .dpw-it, .dpw-d .dpw-it { text-align: right; }
.dpw-m .dpw-it { text-align: left; }
.dpw-col:focus-visible .dpw-it.on { color: var(--ak-deep, #A6812E); }
.dp3-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 10px; }
.dp3-today { font: inherit; font-size: 12.5px; font-weight: 800; color: var(--ak-deep, #A6812E); background: var(--ak-softer, #FAF6E8); border: 1px solid transparent; border-radius: 999px; padding: 6px 12px; cursor: pointer; }
.dp3-today:hover { border-color: var(--ak, #C9A24B); }
.dp3-ok { font: inherit; font-size: 13.5px; font-weight: 800; color: #fff; background: var(--ak, #C9A24B); border: 0; border-radius: 999px; padding: 8px 26px; cursor: pointer; }
.dp3-ok:hover { background: var(--ak-deep, #A6812E); }