/* Scoped UI for voluntary web measurement. Existing travel controls are unchanged. */
.usage-card,.usage-delete,.usage-dialog{box-sizing:border-box;min-width:0;overflow-wrap:anywhere;text-align:start}
.usage-card{margin:22px 0;padding:18px;border:1px solid #d7e6ed;border-radius:18px;background:#fff;color:#17344a}
.usage-card h2{margin:0 0 8px;font-size:18px;line-height:1.4;letter-spacing:normal}
.usage-card p,.usage-delete p{margin:8px 0;line-height:1.5}
.usage-note{font-size:14px;color:#4b6373}
.usage-survey-note{font-weight:600}
.usage-pass-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}
.usage-pass-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:86px;width:100%;padding:12px 7px;border:1px solid #8ec9e4;border-radius:13px;background:#edf8fd;color:#06698f;font:inherit;font-size:clamp(13px,3.8vw,16px);font-weight:750;line-height:1.35;white-space:normal;cursor:pointer;box-sizing:border-box}
.usage-pass-label{display:block}
.usage-pass-price{display:block;font-size:22px;font-weight:800;line-height:1.2}
.usage-pass-option:hover{background:#e0f2fb;border-color:#2196c9}
.usage-card button,.usage-delete button,.usage-dialog button{touch-action:manipulation;overflow-wrap:anywhere}
.usage-card button:focus-visible,.usage-delete button:focus-visible,.usage-dialog button:focus-visible,.usage-card textarea:focus-visible{outline:3px solid #e89b36;outline-offset:3px}
.usage-feedback-form{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.usage-feedback-form label{font-size:15px;font-weight:650}
.usage-feedback-form textarea{width:100%;min-height:115px;max-width:100%;box-sizing:border-box;resize:vertical;padding:12px;border:1px solid #adc4d0;border-radius:12px;color:#17344a;background:#fff;font:inherit;font-size:16px;line-height:1.5}
.usage-feedback-form textarea[readonly]{background:#f4f7f9;color:#536674}
.usage-count{font-size:12px;color:#586d7b;text-align:end}
.usage-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin-top:5px}
.usage-primary,.usage-secondary{min-width:0;min-height:44px;width:auto;max-width:100%;padding:11px 16px;border:1px solid #118abd;border-radius:11px;background:#118abd;color:white;font:inherit;font-size:15px;font-weight:650;line-height:1.4;white-space:normal;cursor:pointer;box-sizing:border-box}
.usage-secondary{background:#fff;color:#0879a5}
.usage-card button:disabled,.usage-delete button:disabled{opacity:.48;cursor:default}
.usage-message{min-height:1.5em;color:#176649;font-size:14px;line-height:1.5}
.usage-delete{padding-top:18px;margin-top:18px;border-top:1px solid #d7e6ed}
.usage-delete h3{font-size:17px;line-height:1.4;margin:0 0 8px}
.usage-delete .usage-secondary{margin-top:8px}
.usage-dialog{position:fixed;inset:0;width:calc(100% - 32px);max-width:410px;max-height:calc(100dvh - 40px);margin:auto;padding:24px;border:0;border-radius:22px;background:white;color:#17344a;box-shadow:0 18px 70px #123b5540;overflow-y:auto}
.usage-dialog:not([open]){display:none}
.usage-dialog::backdrop{background:rgba(14,35,48,.52)}
.usage-dialog-close{display:block;margin:0 0 16px auto;padding:5px 8px;min-height:40px;border:0;border-radius:8px;background:transparent;color:#476271;font:inherit;font-size:14px;cursor:pointer}
.usage-free-message{margin:0 0 24px;white-space:pre-line;font-size:20px;font-weight:700;line-height:1.65;text-align:center}
.usage-dialog .usage-primary{display:block;width:100%}
@media(max-width:350px){.usage-card{padding:14px}.usage-pass-options{gap:6px}.usage-dialog{padding:19px}.usage-free-message{font-size:18px}.usage-actions>*{flex:1 1 100%}}

/* Match the shared native-inspired controls without softening prices or notices. */
.usage-card { border-radius:24px; border-color:#dce6ee; box-shadow:var(--shadow,0 4px 20px #17344a0a); }
.usage-pass-option { border-radius:20px; background:linear-gradient(160deg,#f2faff,#e7f3fc); border-color:#bdd9e9; box-shadow:inset 0 1px 0 #fff; transition:background .18s,border-color .18s; }
.usage-primary,.usage-secondary { border-radius:999px; }
.usage-primary { background:var(--primary-surface,#087aaa); border-color:#087aaa; box-shadow:0 3px 10px #096d9c18; }
.usage-feedback-form textarea { border-radius:18px; }
.usage-dialog { border:1px solid #fff; border-radius:28px; background:#fafdff; }
.usage-dialog-close { min-height:44px; padding:8px 14px; background:#edf1f6; }
@media(prefers-reduced-motion:reduce){.usage-pass-option{transition:none}}