/* Option 4: visible 28px control inside a generous 44px touch target. */
#tlBody .dp84-row{position:relative;z-index:1;display:flex;align-items:center;gap:24px;min-height:44px;width:max-content;max-width:100%;margin-bottom:-44px;pointer-events:none;font-family:TimelineThai80,sans-serif;color:#d4c6b2}
#tlBody .dp84-clock{display:flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap}
#tlBody .dp84-clock svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
#tlBody .dp84-meta>summary{justify-content:flex-end;width:max-content;margin-left:auto;font-size:10.5px;min-height:44px}
#tlBody .dp84-meta>summary i{font-size:15px;margin-left:1px}
.dp84-toggle{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:91px;min-width:91px;height:44px;margin:0;padding:0;border:0;background:none;cursor:pointer;font-family:TimelineThai80,sans-serif}
.dp84-face{display:flex;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;width:100%;height:28px;border:1px solid #a4c3b5;border-radius:7px;background:#253834;color:#d5eee2;font:600 12px/20px TimelineThai80,sans-serif;white-space:nowrap}
.dp84-face svg{width:12px;height:12px;flex:none}.dp84-toggle[aria-expanded=true] .dp84-face>svg:last-child{transform:rotate(180deg)}
.dp84-menu{position:fixed;z-index:12030;box-sizing:border-box;display:flex;flex-direction:column;max-height:var(--dp84-max,327px);overflow:hidden;background:#202b27;border:1px solid #819f91;border-radius:10px;color:#e4f2e9;box-shadow:0 10px 22px #0009;font-family:TimelineThai80,sans-serif}
.dp84-menuhead{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:0 11px;background:#293b33;color:#d0e7da;border-bottom:1px solid #ffffff12;font-size:11px;line-height:18px;flex:none}
.dp84-menuhead>span:last-child{font-size:10px;white-space:nowrap}
.dp84-list{overflow-y:auto;overscroll-behavior:contain;max-height:264px;min-height:0;scrollbar-width:thin;scrollbar-color:#a3c2b4 #ffffff09}
.dp84-list::-webkit-scrollbar{width:4px}.dp84-list::-webkit-scrollbar-thumb{background:#a3c2b4;border-radius:5px}
.dp84-option{box-sizing:border-box;display:grid;grid-template-columns:28px minmax(0,1fr) auto 13px;align-items:center;gap:7px;min-height:44px;width:100%;padding:8px 9px;border:0;border-bottom:1px solid #ffffff0a;background:transparent;color:#e4f2e9;font:400 12px/18px TimelineThai80,sans-serif;text-align:left;cursor:pointer}
.dp84-day{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:24px;height:24px;border:1px solid #9cb8a940;border-radius:50%;color:#cce5d8;background:#2e4037;font-size:11px}
.dp84-city{font-weight:600;overflow-wrap:anywhere;min-width:0}.dp84-date{text-align:right;white-space:nowrap;color:#bfd5c9;font-size:11px}.dp84-check{display:flex}.dp84-check svg{width:13px;height:13px}
.dp84-option[aria-selected=true]{background:#3a5144;color:#dbf8e7}.dp84-option[aria-selected=true] .dp84-day{background:#c4ddce;color:#1e3627;border-color:#c4ddce}.dp84-option[aria-selected=true] .dp84-date{color:#d6eadf}
.dp84-menunote{display:flex;align-items:center;justify-content:center;gap:6px;min-height:29px;flex:none;background:#293b33;color:#d1e5d9;border-top:1px solid #ffffff12;font-size:10.5px;line-height:18px}.dp84-menunote svg{width:12px;height:12px}
.dp84-toggle:focus-visible{outline:2px solid #bde2cd;outline-offset:2px;border-radius:8px}.dp84-option:focus-visible{outline:2px solid #c4ddce;outline-offset:-3px}.dp84-toggle:active .dp84-face,.dp84-option:active{opacity:.8}
@media(max-width:360px){#tlBody .dp84-row{gap:8px}#tlBody .dp84-clock{font-size:10px}#tlBody .dp84-meta>summary{font-size:10px}}