.traveller-trigger { width:100%; min-height:43px; display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid #fff; border-radius:10px; background:#ffffffe0; color:#233a4e; font-size:.8rem; text-align:left; }
.traveller-trigger svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; flex-shrink:0; }
.traveller-trigger span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.traveller-popup { position:fixed; z-index:1060; padding:16px; border:1px solid #dce5ef; border-radius:14px; background:#fff; color:#142c45; box-shadow:0 12px 35px #08234025; max-height:calc(100vh - 24px); overflow-y:auto; }
.traveller-popup[hidden] { display:none; }
.traveller-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 0; border-bottom:1px solid #e5edf5; }
.traveller-row strong { display:block; font-size:.85rem; font-weight:650; }
.traveller-row small { display:block; font-size:.68rem; color:#687d92; margin-top:3px; }
.traveller-stepper { display:flex; align-items:center; gap:6px; }
.traveller-stepper button { display:grid; place-items:center; width:31px; height:31px; padding:0; border:1px solid #bfd0e1; border-radius:50%; background:#fff; color:#006bb3; font-size:1.05rem; }
.traveller-stepper button:disabled { opacity:.35; cursor:default; }
.traveller-stepper input { width:32px; padding:0; border:0; background:transparent; text-align:center; color:inherit; font-weight:650; font-size:.9rem; appearance:textfield; -moz-appearance:textfield; }
.traveller-stepper input::-webkit-inner-spin-button,.traveller-stepper input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.traveller-note { margin:13px 0; font-size:.67rem; color:#687d92; }
.traveller-done { width:100%; padding:7px; border:0; border-radius:8px; background:#067ac0; color:white; font-size:.8rem; font-weight:650; }
html[data-theme=dark] .traveller-trigger,html[data-theme=dark] .traveller-popup { background:#1b3048; color:#eaf3ff; border-color:#405a75; }
html[data-theme=dark] .traveller-row { border-color:#405a75; }
html[data-theme=dark] .traveller-row small,html[data-theme=dark] .traveller-note { color:#b2c4d8; }
html[data-theme=dark] .traveller-stepper button { background:#243e59; border-color:#527394; color:#a5dfff; }