/* rounded dropdowns + wheel pickers (shared by amvisa.online and marvisa.pro; colours via --ui-* variables) */
:root{--ui-bg:rgba(255,255,255,.97);--ui-ink:#101010;--ui-muted:#8b9098;--ui-line:rgba(16,16,16,.09);--ui-hover:rgba(16,16,16,.05);--ui-band:rgba(16,16,16,.06);
  --ui-accent:#101010;--ui-accent-ink:#fff;--ui-shadow:0 24px 70px rgba(16,20,40,.22),0 2px 8px rgba(16,20,40,.08);--ui-radius:20px;--ui-font:inherit}
.ui-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip-path:inset(50%)!important}
.ui-trigger{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;cursor:pointer;font:inherit;-webkit-appearance:none;appearance:none}
.ui-trigger .ui-val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-trigger .ui-val.is-empty{opacity:.55}
.ui-trigger .ui-ico{width:18px;height:18px;flex:none;opacity:.6;transition:transform .2s}
.ui-trigger[aria-expanded="true"] .ui-ico{transform:rotate(180deg)}
.ui-trigger.ui-date[aria-expanded="true"] .ui-ico{transform:none}
html.ui-lock,html.ui-lock body{overflow:hidden}
.ui-ov{position:fixed;inset:0;z-index:2000;background:transparent;transition:background .18s}
.ui-ov-sheet{background:rgba(8,10,16,0);display:flex;align-items:flex-end;justify-content:center}
.ui-ov-sheet.in{background:rgba(8,10,16,.42)}
.ui-panel{font-family:var(--ui-font);color:var(--ui-ink);background:var(--ui-bg);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
  border:1px solid var(--ui-line);box-shadow:var(--ui-shadow)}
.ui-pop{position:fixed;border-radius:var(--ui-radius);padding:8px;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;transition:opacity .16s,transform .16s;max-width:calc(100vw - 24px)}
.ui-ov.in .ui-pop{opacity:1;transform:none}
.ui-sheet{width:100%;max-width:480px;border-radius:26px 26px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.ui-ov.in .ui-sheet{transform:none}
.ui-date-panel.ui-pop{width:340px!important;padding:12px 14px 14px}
.ui-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px}
.ui-title{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-x{border:0;background:var(--ui-hover);color:var(--ui-ink);width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.ui-x .ui-ico{width:16px;height:16px}
.ui-list{list-style:none;margin:0;padding:0;max-height:min(320px,60vh);overflow:auto;outline:none;overscroll-behavior:contain;scrollbar-width:thin}
.ui-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:13px;cursor:pointer;font-size:15px;line-height:1.35}
.ui-opt .ui-ico{width:16px;height:16px;opacity:0;flex:none}
.ui-opt.act{background:var(--ui-hover)}
.ui-opt[aria-selected="true"]{font-weight:700}
.ui-opt[aria-selected="true"] .ui-ico{opacity:1}
.ui-wheels{position:relative;display:grid;grid-template-columns:.8fr 1.5fr 1fr;gap:4px;height:220px;margin:4px 0 12px;
  -webkit-mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent)}
.ui-wheels.ui-one{grid-template-columns:1fr}
.ui-band{position:absolute;left:4px;right:4px;top:50%;height:44px;transform:translateY(-50%);border-radius:13px;background:var(--ui-band);pointer-events:none}
.ui-wheel{position:relative;height:220px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline:none;border-radius:13px}
.ui-wheel::-webkit-scrollbar{display:none}
.ui-wheel:focus-visible{box-shadow:inset 0 0 0 2px var(--ui-line)}
.ui-wheel ul{list-style:none;margin:0;padding:88px 0}
.ui-wheel li{height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:16px;color:var(--ui-muted);cursor:pointer;user-select:none;white-space:nowrap;padding:0 6px;transition:color .12s,font-size .12s}
.ui-wheel li.sel{color:var(--ui-ink);font-weight:700;font-size:18px}
.ui-foot{display:flex;gap:10px}
.ui-btn{flex:1;min-height:48px;border-radius:999px;font:inherit;font-size:15px;font-weight:650;cursor:pointer;border:1px solid var(--ui-line);background:transparent;color:var(--ui-ink)}
.ui-btn.primary{background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent)}
.ui-btn:hover{filter:brightness(.97)}
@media(prefers-reduced-motion:reduce){.ui-pop,.ui-sheet,.ui-ov{transition:none}}
