/* Modal actions stay in view; only the content between header and footer scrolls. */
dialog[open]{--dialog-edge:16px;--dialog-top-gap:max(var(--dialog-edge),env(safe-area-inset-top,0px));--dialog-bottom-gap:max(var(--dialog-edge),env(safe-area-inset-bottom,0px));position:fixed;inset-block-start:calc(var(--dialog-viewport-top,0px) + var(--dialog-top-gap));inset-block-end:calc(var(--dialog-viewport-bottom,0px) + var(--dialog-bottom-gap));height:fit-content;max-height:calc(var(--dialog-viewport-height,100dvh) - var(--dialog-top-gap) - var(--dialog-bottom-gap));margin-block:auto;overscroll-behavior:contain}
.date-dialog[open],.filter-dialog[open],.city-dialog[open],.listing-action-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.help-dialog[open],.editor-status-dialog:not(.listing-action-dialog)[open]{display:flex;flex-direction:column;overflow:hidden}.help-dialog>.dialog-header,.editor-status-dialog>h2,.editor-status-dialog>.editor-status-actions,.editor-status-dialog>button{flex:none}.help-dialog>.dialog-body,.editor-status-dialog:not(.listing-action-dialog)>p{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
.date-dialog .date-body,.filter-dialog .dialog-body,.listing-action-dialog .listing-action-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-block:16px}
:is(.date-dialog,.filter-dialog,.city-dialog)>.dialog-header,:is(.date-dialog,.filter-dialog)>.date-footer,.listing-action-dialog>h2,.listing-action-dialog>.editor-status-actions{flex:none}
.date-body .date-selection-tabs{margin-top:0}.date-body .calendar-months{padding-bottom:18px}.date-footer{position:relative;gap:12px;box-shadow:0 -6px 16px #1b2d4804}.date-footer>div{min-width:0}.date-footer .button{flex:none;min-height:48px}.date-footer #reset-filters{min-height:44px;display:inline-flex;align-items:center;padding:8px 4px}
.city-dialog .city-query-box,.city-dialog .country-regions,.city-dialog .country-breadcrumb,.city-dialog .country-global-search{flex:none}.city-dialog .city-scroll{flex:1 1 auto;min-height:0}.city-dialog .dialog-header h2{min-width:0}.city-dialog .dialog-header .icon-button{flex:none}
.listing-action-dialog[open]{padding:0}.listing-action-dialog>h2{padding:22px 24px 16px;border-bottom:1px solid #e5eaf1}.listing-action-dialog .listing-action-body{padding:20px 24px}.listing-action-dialog .editor-status-actions{padding:14px 24px;border-top:1px solid #e5eaf1;background:#fff;flex-wrap:nowrap}.listing-action-dialog .editor-status-actions .button{white-space:normal;min-width:0;line-height:1.4}.listing-action-dialog .response-consent{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;min-height:44px}.listing-action-dialog .response-consent input{margin:1px 0 0}
dialog.route-builder .composer-shell,dialog.sender-request-dialog .sender-request-shell,dialog.acp-dialog .acp-shell{min-height:0;max-height:calc(var(--dialog-viewport-height,100dvh) - var(--dialog-top-gap) - var(--dialog-bottom-gap) - 2px)}
.route-builder .composer-header,.route-builder .composer-footer,.sender-request-dialog .sender-request-header,.sender-request-dialog .sender-request-footer,.acp-dialog .acp-header,.acp-dialog .acp-toolbar,.acp-dialog .acp-tabs,.acp-dialog .acp-footer{flex:none}
.route-builder .composer-content,.sender-request-dialog .sender-request-body,.acp-dialog .acp-content{flex:1 1 auto;min-height:0;scroll-padding-block:16px}
.acp-dialog .acp-profile-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.acp-dialog .acp-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.acp-dialog .acp-toolbar .acp-text-button{max-width:120px;text-align:right;white-space:normal}.acp-dialog .acp-create-button{white-space:normal}
:is(.cargo-choice,.composer-chip,.composer-round,.composer-contact-consent,.sender-request-consent,.response-consent)>input,:is(.category-options) input{box-sizing:border-box;flex:none;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;accent-color:#315cf5}
.category-options label{gap:12px;line-height:1.5}.category-options .listing-icon{display:block;flex:none;width:20px;height:20px}.composer-round,.composer-contact-consent,.sender-request-consent{line-height:1.5;text-align:left}.composer-chip{align-items:center;justify-content:flex-start}.composer-category-copy{flex:1;min-width:0}.composer-chip .listing-icon{display:block;flex:none}.courier-offer-header>.transport-badge{align-self:center;flex:none}.courier-detail .courier-identity{flex:1;min-width:0}.courier-detail .courier-copy{min-width:0}.courier-detail .courier-name{overflow-wrap:break-word;word-break:normal}.courier-detail .courier-offer-header{gap:12px}.listing-icon,.icon{vertical-align:middle}
.auth-dialog .auth-body{overflow-wrap:break-word}.auth-dialog .auth-top{position:sticky;top:0;z-index:1;background:#fff}.auth-body .auth-privacy{text-align:left}.auth-body .auth-privacy .icon{margin-top:2px}
.courier-detail .offer-detail-top,.sender-detail .sender-detail-top{position:sticky;top:0;z-index:2;background:#fff;padding-bottom:12px;gap:12px;align-items:center}.courier-detail .detail-contact-jump,.sender-detail .detail-contact-jump{min-height:44px;font-size:13px;padding:8px 14px;white-space:normal}.courier-contact-section,.sender-detail-contact{scroll-margin-top:68px}.courier-contact-section:focus,.sender-detail-contact:focus{outline:none}
.courier-detail{--detail-inset:26px}.sender-detail{--detail-inset:24px}.courier-detail .offer-detail-top,.sender-detail .sender-detail-top{top:calc(-1*var(--detail-inset));margin-top:calc(-1*var(--detail-inset));margin-inline:calc(-1*var(--detail-inset));padding:var(--detail-inset) var(--detail-inset) 12px}.courier-contact-section,.sender-detail-contact{scroll-margin-top:calc(var(--detail-inset) + 68px)}
@media(max-width:600px){
 .courier-detail,.sender-detail{--detail-inset:20px}
 dialog[open]{--dialog-edge:8px;margin-inline:auto}.date-dialog .date-footer,.filter-dialog .date-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}.date-dialog .date-footer .button{min-width:120px;padding-inline:16px}.date-footer strong{display:block;line-height:1.4}.date-footer p{line-height:1.4}.date-dialog .date-footer p{font-size:10px}
 dialog.route-builder[open],dialog.sender-request-dialog[open],dialog.acp-dialog[open]{height:calc(var(--dialog-viewport-height,100dvh) - var(--dialog-top-gap) - var(--dialog-bottom-gap));max-height:calc(var(--dialog-viewport-height,100dvh) - var(--dialog-top-gap) - var(--dialog-bottom-gap));margin-block:auto}
 .listing-action-dialog>h2{font-size:21px;padding:18px 18px 14px}.listing-action-dialog .listing-action-body{padding:16px 18px}.listing-action-dialog .editor-status-actions{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));gap:8px}.listing-action-dialog .editor-status-actions .button{flex:1;font-size:12px;padding-inline:10px}
 .auth-extra .account-setting{font-size:13px;min-height:54px}.auth-body .auth-privacy{font-size:10px}.composer-header h2,.sender-request-header h2{overflow-wrap:break-word}
}
/* Keyboard-sized and landscape viewports need less chrome, not smaller tap areas. */
[data-short-viewport] :is(.composer-header,.sender-request-header){padding:12px 16px}[data-short-viewport] :is(.composer-header,.sender-request-header) h2{font-size:21px}[data-short-viewport] :is(.composer-kicker,.sender-request-kicker){display:none}[data-short-viewport] :is(.composer-footer,.sender-request-footer){padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));gap:6px}[data-short-viewport] :is(.composer-save,.sender-request-save){display:none}[data-short-viewport] .acp-header{padding:10px 16px}[data-short-viewport] .acp-header h2{font-size:21px}[data-short-viewport] .acp-identity{margin-bottom:5px}[data-short-viewport] .acp-avatar{width:28px;height:28px}[data-short-viewport] .acp-toolbar{padding:0 16px 8px}[data-short-viewport] .acp-tabs{padding-inline:12px}[data-short-viewport] .acp-footer{padding:6px 16px calc(6px + env(safe-area-inset-bottom,0px))}[data-short-viewport] .dialog-header{padding:10px 16px}[data-short-viewport] .dialog-header h2{font-size:20px}[data-short-viewport] .auth-body{padding:0 22px 18px}[data-short-viewport] .auth-body h2{font-size:22px}[data-short-viewport] .auth-mark,[data-short-viewport] .auth-kicker,[data-short-viewport] .auth-privacy{display:none}[data-short-viewport] .auth-profile-avatar{width:36px;height:36px;font-size:16px;margin-bottom:8px}[data-short-viewport] .auth-extra{margin-top:14px;gap:10px}[data-short-viewport] .telegram-button{margin-top:14px;min-height:48px}[data-short-viewport] .auth-body .dialog-subtitle{margin-top:8px}[data-short-viewport] .auth-top{padding:8px 10px 0}
/* The box already clears the device safe areas; do not count them twice inside. */
.acp-dialog .acp-header{padding-top:18px}
@media(max-width:600px){.date-dialog .date-footer,.filter-dialog .date-footer,.listing-action-dialog .editor-status-actions,.route-builder .composer-footer,.sender-request-dialog .sender-request-footer{padding-bottom:12px}.acp-dialog .acp-footer{padding-bottom:10px}}
@media(max-width:480px){.route-builder .composer-categories{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.route-builder .composer-chip{min-height:48px;padding:11px 12px;font-size:13px}.route-builder .composer-category-copy{gap:9px}}
[data-short-viewport] .acp-dialog .acp-header{padding-top:10px}[data-short-viewport] :is(.route-builder .composer-footer,.sender-request-dialog .sender-request-footer){padding-bottom:10px}[data-short-viewport] .acp-dialog .acp-footer{padding-bottom:6px}
@media(forced-colors:active){input[type=checkbox],input[type=radio]{forced-color-adjust:auto}}