.device-settings{border:1px solid #d1dfd7;background:#f5f9f6;border-radius:16px;padding:16px;margin:16px 0;color:#173e30}.device-settings h3{font:700 17px/1.3 system-ui;margin:0 0 8px}.device-help{font:13px/1.5 system-ui!important;margin:8px 0!important;color:#496357}.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #dce6df}.device-row strong{font:600 14px/1.4 system-ui;display:block}.device-row small{font:12px/1.5 system-ui;display:block;max-width:380px;margin-top:4px}.device-row button{font:600 13px/1.3 system-ui!important;padding:10px 12px!important;border:1px solid #22684b!important;background:#fff!important;color:#174b3b!important;border-radius:10px;min-height:44px;width:auto!important;flex-shrink:0}.device-row button:disabled{opacity:.5}@media(max-width:480px){.device-row{align-items:stretch;flex-direction:column}.device-row button{align-self:flex-start}.device-settings{padding:13px}}

/* Compact passenger controls aligned to the side of the booking form. */
.device-settings--compact{display:flex;justify-content:flex-end;gap:8px;border:0;background:transparent;padding:0;margin:4px 0 12px;position:relative}
.device-settings--compact h3,.device-settings--compact .device-help,.device-settings--compact .device-row strong{display:none}
.device-settings--compact .device-row{display:flex;flex-direction:row;align-items:center;border:0;padding:0;gap:0;position:static}
.device-settings--compact .device-row button{display:grid;place-items:center;width:44px!important;height:44px;min-height:44px;padding:0!important;border:1px solid #d5e2da!important;border-radius:50%;position:relative;background:#f5f9f6!important;color:#52685d!important;cursor:pointer}
.device-settings--compact .device-row button svg{width:19px;height:19px;pointer-events:none}
.device-settings--compact .device-row button.is-active{background:#e7f3de!important;border-color:#22684b!important;color:#174b3b!important}
.device-settings--compact .device-row button.is-active:after{content:"";position:absolute;width:7px;height:7px;right:0;top:1px;background:#287c4b;border:2px solid white;border-radius:50%}
.device-settings--compact .device-row button:focus-visible{outline:3px solid #92bca1;outline-offset:3px}
.device-settings--compact .device-row small{display:none;position:absolute;right:0;top:100%;z-index:40;width:max-content;max-width:min(290px,75vw);padding:10px 12px;background:#173e30;color:#fff;border-radius:10px;box-shadow:0 6px 20px #173e3026;font-size:12px;line-height:1.5;margin:5px 0 0;pointer-events:none}
.device-settings--compact .device-row:hover small,.device-settings--compact .device-row:focus-within small{display:block}