.phone-support-intro{margin:4px 0 10px;color:var(--muted);font-size:14px;line-height:1.5}
.phone-support-toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:8px 0}
.phone-support-toolbar>label{flex:1 1 240px;min-width:0}.phone-support-toolbar select{width:100%}
.phone-support-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0 10px}.phone-support-actions>span{flex:1;min-width:100px}
#riderDialog #phoneSupportFields{background:#000;color:#f0f0f0;padding:0 12px 12px;border-radius:4px;min-width:0;font-size:16px;line-height:1.45}
#riderDialog .phone-support-tabs{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;margin:0 -12px 4px;background:#000;border-bottom:1px solid #6b778d}
#riderDialog .phone-support-tabs>button{min-height:50px;padding:10px 6px;border:0;border-radius:0;border-bottom:4px solid transparent;background:#000;color:#aaa;font-size:19px;font-weight:700}
#riderDialog .phone-support-tabs>button[aria-selected=true]{color:#fff;border-bottom-color:#00d34c}
#riderDialog .phone-support-native-page[hidden],#riderDialog .phone-support-check[hidden],#riderDialog #supportSavePhone[hidden]{display:none}
#riderDialog .phone-support-section{border:0;border-bottom:3px solid #eee;border-radius:0;margin:0;padding:10px 0 12px;background:#000;break-inside:avoid}
#riderDialog .phone-support-section>h3{margin:0 0 8px;color:#ff7f00;font-size:17px;font-weight:500;line-height:1.4}
#riderDialog .phone-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;padding:0;align-items:start}
#riderDialog .phone-support-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:16px}
#riderDialog .phone-support-control-title{color:#f0f0f0;font-weight:400}
#riderDialog .phone-support-field>input:not([type=range]),#riderDialog .phone-support-field>textarea,#riderDialog .phone-support-field>select{width:100%;min-width:0;min-height:40px;border:1px solid #929292;border-radius:2px;background:#f0f0f0;color:#111;padding:7px 8px;font:inherit;box-sizing:border-box}
#riderDialog .phone-support-field>textarea{line-height:1.45;resize:none;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;max-height:none}
#riderDialog .phone-support-check{display:flex;align-items:center;gap:7px;min-height:40px;min-width:0;margin:0;font-size:16px;font-weight:400;line-height:1.45;color:#f0f0f0}
#riderDialog .phone-support-check>span{overflow-wrap:anywhere}
#riderDialog .phone-support-check input[type=checkbox],#riderDialog .phone-support-check input[type=radio]{appearance:auto;min-height:0;width:22px;height:22px;padding:0;flex:none;margin:0;accent-color:#00f0f0}
#riderDialog #phoneSupportFields button:not([role=tab]){min-height:40px;padding:7px 12px;background:#d6d6d6;color:#111;border:1px solid #929292;border-radius:3px;box-shadow:none;font-size:16px;line-height:1.4;font-weight:500}
#riderDialog #phoneSupportFields button:disabled{opacity:.5}
#riderDialog #phoneSupportFields button:focus-visible,#riderDialog #phoneSupportFields input:focus-visible,#riderDialog #phoneSupportFields textarea:focus-visible{outline:3px solid #00c9cd;outline-offset:2px}
#riderDialog .phone-support-choice-field{grid-column:1/-1;min-width:0}.phone-support-choice-row{display:flex;gap:4px 12px;flex-wrap:wrap;align-items:center}
#riderDialog .phone-support-choice-field>.phone-support-control-title{display:block;color:#ff7f00;margin-bottom:3px}
#riderDialog .phone-support-full{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
#riderDialog .phone-support-full>.phone-support-control-title{grid-column:1/-1;display:none}
#riderDialog .phone-support-full>button{height:100%}
#riderDialog .phone-support-field input[type=range]{width:100%;min-height:40px;padding:0;margin:0;accent-color:#00f0f0}
#riderDialog .phone-support-field output{color:#00f0f0}
#riderDialog .phone-support-preset{grid-column:1/-1;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:5px 7px;align-items:start;padding:5px 0;border-top:1px solid #555}
#riderDialog .phone-support-preset>.phone-support-control-title{grid-column:1/-1;color:#ff7f00;font-size:14px}
#riderDialog .phone-support-preset>textarea{grid-column:2;grid-row:2;min-height:42px}
#riderDialog .phone-support-preset-actions{display:contents}
#riderDialog .phone-support-preset-actions>button:first-child{grid-column:1;grid-row:2;height:100%}
#riderDialog .phone-support-preset-actions>button:nth-child(2){grid-column:3;grid-row:2}
#riderDialog .phone-support-gu{display:contents}
#riderDialog .phone-support-gu>button{grid-column:3;grid-row:3;align-self:start}
#riderDialog .phone-support-selected-districts{grid-column:2;grid-row:3;color:#b8d6d6;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#riderDialog .phone-support-destination-presets>.phone-support-grid{gap:0}
#riderDialog .phone-support-cid-order{display:flex;align-items:center;gap:5px;min-width:0}.phone-support-cid-order>span{flex:1;overflow-wrap:anywhere}
#riderDialog .phone-support-cid-order button{padding:4px 10px;min-width:38px}
#riderDialog .phone-support-devices .phone-support-field,#riderDialog .phone-support-tracking .phone-support-field{grid-column:1/-1}
#riderDialog .phone-support-providers .phone-support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#riderDialog .phone-support-providers [data-phone-setting=max_catch_count]{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
#riderDialog .phone-support-providers [data-phone-setting=max_catch_count]>input{max-width:88px;text-align:center}
#riderDialog .phone-support-vehicles .phone-support-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#riderDialog .phone-support-vehicles [data-phone-setting=tax_invoice]{grid-column:1/-1}
#riderDialog .phone-support-quick-presets .phone-support-grid,#riderDialog .phone-support-exclude-presets .phone-support-grid,#riderDialog .phone-support-office-presets .phone-support-grid{gap:8px}
.phone-support-picker{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:12px;border:1px solid #888;border-radius:4px;background:#000;color:#f0f0f0;box-sizing:border-box}
.phone-support-picker::backdrop{background:rgba(0,0,0,.55)}
.phone-support-picker h3{color:#ff7f00;font-size:19px;font-weight:500;margin:0 0 10px}
.phone-support-picker-body{overflow:auto;max-height:calc(100dvh - 158px)}
.phone-support-picker-body>input{width:100%;min-height:44px;box-sizing:border-box;font-size:16px;padding:8px;background:#f0f0f0;color:#111;border:1px solid #999;border-radius:2px}
.phone-support-district-list{margin-top:8px}
.phone-support-district-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 8px;align-items:start;padding:9px 0;border-bottom:1px solid #555;font-size:16px}
.phone-support-district-row[hidden]{display:none}.phone-support-district-row input{width:22px;height:22px;margin:1px 0;accent-color:#00f0f0}
.phone-support-district-row small{grid-column:2;color:#b8c7c7;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.phone-support-picker-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-top:10px}
.phone-support-picker-actions button{min-height:44px;font-size:17px;background:#d6d6d6;color:#111;border:1px solid #888;border-radius:3px}
@media(min-width:1000px){#riderDialog .phone-support-native-page{max-width:760px;margin:0 auto}#riderDialog .phone-support-grid{gap:7px 24px}}
@media(max-width:600px){.phone-support-toolbar{gap:6px}.phone-support-toolbar>label{flex-basis:100%}.phone-support-toolbar button{flex:1;font-size:14px;min-height:42px;padding:8px}
.phone-support-actions{gap:6px}.phone-support-actions button{font-size:14px;min-height:42px;padding:8px}.phone-support-actions>span{font-size:13px;min-width:0}
#riderDialog #phoneSupportFields{padding:0 10px 10px}#riderDialog .phone-support-tabs{margin:0 -10px 4px}#riderDialog .phone-support-grid{gap:4px 10px}
#riderDialog .phone-support-section>h3{font-size:17px}#riderDialog .phone-support-vehicles .phone-support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#riderDialog .phone-support-preset{grid-template-columns:48px minmax(0,1fr) 62px;gap:5px}#riderDialog #phoneSupportFields .phone-support-preset button{padding:6px;font-size:15px}
#riderDialog .phone-support-providers .phone-support-check{font-size:15px}#riderDialog .phone-support-providers .phone-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#riderDialog #phoneSupportFields button:not([role=tab]),#riderDialog .phone-support-check{min-height:44px}}
#riderDialog .phone-support-full{display:flex;flex-direction:column}
#riderDialog .phone-support-text-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}
#riderDialog .phone-support-number-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%}
#riderDialog #phoneSupportFields .phone-support-number-presets>button[aria-pressed=true]{background:#fdbe0f;border-color:#f000f0;box-shadow:inset 0 0 0 1px #f000f0}
#riderDialog .phone-support-preset{grid-template-columns:52px minmax(0,1fr) 52px 64px;gap:5px}
#riderDialog .phone-support-preset>.phone-support-control-title{display:none}
#riderDialog .phone-support-preset>textarea{grid-row:1}
#riderDialog .phone-support-preset-actions>button:first-child{grid-row:1}
#riderDialog .phone-support-preset-actions>button:nth-child(2){grid-row:1;height:100%}
#riderDialog .phone-support-gu>button{grid-column:4;grid-row:1;height:100%}
#riderDialog .phone-support-selected-districts{grid-column:2/5;grid-row:2}
.phone-support-picker .phone-support-check{display:flex;gap:8px;align-items:center;min-height:44px;color:#eee;font-size:16px;margin:0}
.phone-support-picker input[type=checkbox]{width:22px;height:22px;accent-color:#00f0f0}
.phone-support-picker .phone-support-cid-order{display:flex;gap:7px;align-items:center;min-height:50px}.phone-support-picker .phone-support-cid-order>span{flex:1}
.phone-support-picker .phone-support-cid-order button{min-height:42px;min-width:44px;font-size:20px;background:#d6d6d6;color:#111;border:1px solid #888}
@media(max-width:600px){#riderDialog .phone-support-preset{grid-template-columns:44px minmax(0,1fr) 44px 56px;gap:4px}#riderDialog #phoneSupportFields .phone-support-preset button{padding:5px 2px;font-size:14px}}
#riderDialog .phone-support-connection .phone-support-choice-row,#riderDialog .phone-support-navigation .phone-support-choice-row{display:flex;flex-direction:column;align-items:stretch;gap:0}
#riderDialog .phone-support-connection .phone-support-control-title,#riderDialog .phone-support-navigation .phone-support-control-title,#riderDialog .phone-support-duplicate .phone-support-control-title{display:none}
#riderDialog .phone-support-sound .phone-support-grid,#riderDialog .phone-support-font .phone-support-grid,#riderDialog .phone-support-screen .phone-support-grid{grid-template-columns:minmax(0,1fr)}
#riderDialog.phone-settings-help-open .modal-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:10px 18px}
#riderDialog .phone-support-footer[hidden]{display:none}
#riderDialog.phone-settings-help-open .phone-support-footer{display:contents}
#riderDialog.phone-settings-help-open .phone-support-feedback{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;color:var(--muted);font-size:12px;line-height:1.4}
#riderDialog .phone-support-feedback p{margin:0;min-width:0;overflow-wrap:anywhere}
#riderDialog .phone-support-feedback #supportChanged{flex:none;color:#1d65d7}
#riderDialog.phone-settings-help-open .modal-actions>#deleteRider,#riderDialog.phone-settings-help-open .modal-actions>span{display:none}
#riderDialog.phone-settings-help-open .modal-actions button{min-width:0;min-height:44px;padding:8px 6px;font-size:14px;line-height:1.35;white-space:normal}
@media(max-width:600px){#riderDialog.phone-settings-help-open .modal-actions{grid-template-columns:repeat(6,minmax(0,1fr));padding:8px;gap:6px}
#riderDialog.phone-settings-help-open .phone-support-footer>button{grid-column:span 2}
#riderDialog.phone-settings-help-open .modal-actions>button[data-close-dialog],#riderDialog.phone-settings-help-open #saveRider{grid-column:span 3}
#riderDialog.phone-settings-help-open .phone-support-feedback{font-size:11px;align-items:start}}
.phone-support-district-row{grid-template-columns:minmax(0,1fr) 28px;align-items:center;padding:9px 4px;font-size:17px;min-height:44px}
.phone-support-district-row input{justify-self:center;grid-column:2;grid-row:1}.phone-support-district-row>span{grid-column:1;grid-row:1}
#riderDialog .phone-support-tabs>button{transition:none}

/* The scrolling pane must not leave a strip above its sticky setting tabs. */
#riderDialog .tab-page[data-tab-page="support"]{padding-top:0}
#riderDialog #phoneSupportFields.phone-support-empty-state{background:#f6f8fc;color:#273a51;padding:24px 18px;border:1px solid var(--line)}
#riderDialog .phone-support-empty{display:flex;min-height:140px;flex-direction:column;justify-content:center;gap:9px;text-align:center;overflow-wrap:anywhere}
#riderDialog .phone-support-empty>strong{font-size:17px;line-height:1.5}
#riderDialog .phone-support-empty>p{margin:0;color:#5b6d84;font-size:14px;line-height:1.6}
#riderDialog.phone-settings-help-open .modal-actions{margin-top:auto}

#riderDialog #phoneSupportFields select:focus-visible{outline:3px solid #00c9cd;outline-offset:2px}

#riderDialog .phone-support-saved-note{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 -10px;padding:10px 12px;background:#eaf2ff;color:#243b62;font-size:14px;line-height:1.5;border-bottom:1px solid #b8cbea}
#riderDialog .phone-support-saved-note strong{font-size:15px;white-space:nowrap}

#riderDialog #phoneSupportFields .phone-support-number-presets>button{transition:none}
#riderDialog .phone-support-cid-more{grid-column:1/-1;width:100%}
#riderDialog .phone-support-range{position:relative;width:100%;min-width:0}
#riderDialog .phone-support-range-touch{display:none;position:absolute;inset:0;touch-action:pan-y}
@media(any-pointer:coarse){#riderDialog .phone-support-range-touch{display:block}}

#riderDialog .phone-support-no-penalty-hint{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:#d2e1e8;font-weight:400}
#riderDialog .phone-support-no-penalty-hint[hidden]{display:none}