/* jdatetime — se jdatetime.js. Färger från appens CSS-variabler (kopieras till popupen), accent som i jselect. */
.jdt-btn{font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;margin:0;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;gap:8px;padding-right:34px;min-height:44px;line-height:1.3;--jdt-ac:var(--accent,var(--brass,var(--coral,var(--green,#555))))}
.jdt-btn::after{content:"";position:absolute;right:12px;top:50%;width:16px;height:16px;margin-top:-8px;background:currentColor;opacity:.6;pointer-events:none;
  -webkit-mask:var(--jdt-ic) center/contain no-repeat;mask:var(--jdt-ic) center/contain no-repeat}
.jdt-btn-date{--jdt-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='3' width='12' height='11' rx='2' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M2 7h12M5 1.5v3M11 1.5v3' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.jdt-btn-time{--jdt-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M8 4.5V8l2.5 1.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.jdt-btn[aria-expanded="true"]{border-color:var(--jdt-ac)}
.jdt-btn[disabled]{opacity:.55;cursor:not-allowed}
.jdt-btn:focus-visible{outline:2px solid var(--jdt-ac);outline-offset:2px}
.jdt-txt{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jdt-txt.jdt-empty{opacity:.6}
.jdt-txt.jdt-empty::before{content:"\00a0"}
.jdt-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)}
.jdt-pop{position:fixed;z-index:2147483000;box-sizing:border-box;background:var(--panel,#fff);color:var(--ink,#222);--jdt-ac:var(--accent,var(--brass,var(--coral,var(--green,#555))));
  border:1px solid var(--line,#bbb);border-radius:var(--jsel-radius,12px);box-shadow:var(--jsel-shadow,0 12px 32px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08));font-size:16px;line-height:1.3;width:296px;max-width:calc(100vw - 16px)}
.jdt-pop *{box-sizing:border-box}
:where(.jdt-pop) button{font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;margin:0;-webkit-tap-highlight-color:transparent}
.jdt-time{width:208px}
.jdt-body{padding:10px}
.jdt-head{display:flex;align-items:center;gap:4px;margin-bottom:6px}
.jdt-ttl{flex:1 1 auto;text-align:center;font-weight:700;text-transform:capitalize;padding:8px 4px}
.jdt-ttl-b{background:none;border:0;border-radius:max(0px,calc(var(--jsel-radius,12px) - 4px))}
.jdt-ttl-b:hover{background:color-mix(in srgb,var(--jdt-ac) 12%,transparent)}
.jdt-nav{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:max(0px,calc(var(--jsel-radius,12px) - 4px))}
.jdt-nav:hover{background:color-mix(in srgb,var(--jdt-ac) 12%,transparent)}
.jdt-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.jdt-wd{text-align:center;font-size:.75em;font-weight:700;opacity:.6;padding:4px 0;text-transform:capitalize}
.jdt-d{height:36px;min-width:0;border:0;border-radius:max(0px,calc(var(--jsel-radius,12px) - 4px));background:none;padding:0;font-size:.95em}
.jdt-d:hover:not([disabled]){background:color-mix(in srgb,var(--jdt-ac) 14%,transparent)}
.jdt-d.jdt-out{opacity:.4}
.jdt-d.jdt-today{box-shadow:inset 0 0 0 1.5px var(--jdt-ac)}
.jdt-d.jdt-sel{background:var(--jdt-ac);color:#fff;font-weight:700;opacity:1}
.jdt-d.jdt-dis{opacity:.25;cursor:not-allowed}
.jdt-months{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.jdt-m{height:44px;border:0;border-radius:max(0px,calc(var(--jsel-radius,12px) - 4px));background:none;text-transform:capitalize}
.jdt-m:hover{background:color-mix(in srgb,var(--jdt-ac) 14%,transparent)}
.jdt-m.jdt-cur{background:var(--jdt-ac);color:#fff;font-weight:700}
.jdt-foot{display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line,#ddd)}
.jdt-fb{min-height:40px;padding:0 12px;border:0;border-radius:max(0px,calc(var(--jsel-radius,12px) - 4px));background:none;font-weight:600;color:var(--jdt-ac)}
.jdt-fb:hover:not([disabled]){background:color-mix(in srgb,var(--jdt-ac) 12%,transparent)}
.jdt-fb[disabled]{opacity:.35;cursor:not-allowed}
.jdt-fb.jdt-primary{margin-left:auto;min-width:64px;background:var(--jdt-ac);color:#fff}
.jdt-colhs,.jdt-colwrap{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.jdt-colhs span{text-align:center;font-size:.75em;font-weight:700;opacity:.6;padding:2px 0 6px}
.jdt-col{max-height:216px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px;padding:2px}
.jdt-ti{min-height:36px;flex:0 0 auto;border:0;border-radius:max(0px,calc(var(--jsel-radius,12px) - 4px));background:none;font-variant-numeric:tabular-nums}
.jdt-ti:hover:not([disabled]){background:color-mix(in srgb,var(--jdt-ac) 14%,transparent)}
.jdt-ti.jdt-sel{background:var(--jdt-ac);color:#fff;font-weight:700}
.jdt-ti.jdt-dis{opacity:.25;cursor:not-allowed}
.jdt-pop button:focus-visible{outline:2px solid var(--jdt-ac);outline-offset:1px}
.jdt-back{position:fixed;inset:0;z-index:2147482999;background:rgba(0,0,0,.35)}
.jdt-sheet{position:fixed;width:auto;max-width:none;border-radius:var(--jsel-radius,16px) var(--jsel-radius,16px) 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0)}
.jdt-sheet .jdt-body{max-width:420px;margin:0 auto}
.jdt-sheet.jdt-time .jdt-col{max-height:min(260px,40vh)}
.jdt-title{padding:14px 16px 0;font-weight:700;font-size:.95em;opacity:.8}
.jdt-sheet .jdt-d{height:42px}
@media (prefers-reduced-motion:no-preference){.jdt-pop{animation:jdt-in .12s ease-out}.jdt-sheet{animation:jdt-up .18s ease-out}}
@keyframes jdt-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes jdt-up{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
.jdt-nav:disabled{opacity:.3;cursor:default}.jdt-nav:disabled:hover{background:none}