.modal-sheet{overscroll-behavior:contain}
.modal-sheet:focus{outline:none}
.modal-title{padding-right:0;margin-bottom:18px}.modal--technical .modal-title{padding-right:44px}.modal-title h2{margin:0;font-size:23px}.modal-title p{margin:6px 0 0;color:var(--text-secondary);font-size:14px}
.modal-title--action{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-title--action .ui-info{flex:0 0 auto}
.modal-actions{display:grid;gap:8px}.compact-form{display:grid;gap:12px}.compact-form .modal-title{margin-bottom:2px}

/* Shared Z/Q action placement. Button geometry remains owned only by ui/buttons. */
:is([data-v2-z-body],[data-v2-q-body]):has(.modal-actions>:first-child){padding-bottom:calc(80px + env(safe-area-inset-bottom))}
:is([data-v2-z-body],[data-v2-q-body]):has(.modal-actions>:nth-child(2)){padding-bottom:calc(136px + env(safe-area-inset-bottom))}
:is([data-v2-z-body],[data-v2-q-body]):has(.modal-actions>:nth-child(3)){padding-bottom:calc(192px + env(safe-area-inset-bottom))}
:is([data-v2-z-body],[data-v2-q-body]):has(.modal-actions>:nth-child(4)){padding-bottom:calc(248px + env(safe-area-inset-bottom))}
:is([data-v2-z-body],[data-v2-q-body]) .modal-actions{position:absolute;z-index:5;left:36px;right:36px;bottom:calc(24px + env(safe-area-inset-bottom));box-sizing:border-box;margin:0;padding:0}
@media(max-width:360px){:is([data-v2-z-body],[data-v2-q-body]) .modal-actions{left:32px;right:32px}}

.modal-sheet input,.modal-sheet select,.modal-sheet textarea{font-size:16px;max-width:100%;min-width:0}.modal-sheet input:focus,.modal-sheet select:focus,.modal-sheet textarea:focus{font-size:16px}
.modal-sheet.modal--surface-app{background:var(--app-bg)}
.modal-bottom-action{width:100%;height:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;color:var(--text);text-align:left}.modal-bottom-action span{font-size:14px;color:var(--text-secondary)}.modal-bottom-action strong{font-size:18px;white-space:nowrap}.modal-bottom-action--partial{background:rgba(154,98,88,.14)}.modal-bottom-action--paid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;text-align:center}.modal-bottom-action--paid strong{display:block;width:100%;font-size:18px;line-height:1.15;text-align:center}

/* S is facts only: when document information follows a source tile, the tile is not repeated inside S. */
.modal-sheet.modal--top > .document-tiles:has(+ .entity-details){display:none}
.modal-sheet.modal--top > .document-tiles:has(+ .entity-details) + .entity-details{margin-top:0}

.modal-sheet.modal--bottom.modal--consent-sheet{height:auto;min-height:210px;max-height:46%;padding:max(18px,var(--v2-layer-gesture-size)) 18px 18px;background:var(--white);overflow:hidden}
.modal--consent-sheet .account-consent-sheet{min-width:0;overflow:hidden}
.modal--consent-sheet .document-tiles--rail{margin:0;padding-bottom:6px}

.modal-sheet.modal--bottom.modal--password-sheet{height:auto;min-height:330px;max-height:62%;padding:max(22px,var(--v2-layer-gesture-size)) 18px calc(20px + env(safe-area-inset-bottom));background:var(--white);overflow:auto}

.modal-sheet.modal--bottom.modal--photo-sheet{height:auto;min-height:138px;max-height:38%;padding:max(20px,var(--v2-layer-gesture-size)) 18px calc(18px + env(safe-area-inset-bottom));background:var(--white);overflow:auto}

.modal-sheet.modal--bottom.modal--profile-settings-sheet{height:auto;min-height:320px;max-height:64%;padding:max(20px,var(--v2-layer-gesture-size)) 18px calc(18px + env(safe-area-inset-bottom));background:var(--white);overflow:auto}

.modal-sheet.modal--bottom.modal--color-sheet{height:auto;min-height:260px;max-height:54%;padding:max(20px,var(--v2-layer-gesture-size)) 18px calc(18px + env(safe-area-inset-bottom));background:var(--white);overflow:auto}
.modal-sheet.modal--bottom.modal--time-range-sheet{height:auto;min-height:260px;max-height:54%;padding:max(20px,var(--v2-layer-gesture-size)) 18px calc(18px + env(safe-area-inset-bottom));background:var(--white);overflow:auto}
.modal-sheet.modal--bottom.modal--form-sheet{height:auto;min-height:260px;max-height:54%;padding:max(20px,var(--v2-layer-gesture-size)) 18px calc(18px + env(safe-area-inset-bottom));background:var(--white);overflow:auto}

.modal-sheet.modal--bottom.modal--time-picker-sheet{height:auto;min-height:360px;max-height:72%;padding:max(20px,var(--v2-layer-gesture-size)) 18px calc(18px + env(safe-area-inset-bottom));background:var(--white);overflow:auto}