/* Native-style modal actions: retain existing buttons, labels and handlers. */
:root .modal-actions{gap:12px;align-items:center;padding-top:20px;border-top:1px solid #e5e5ea}
:root .modal-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 1 auto;width:auto;min-width:112px;min-height:44px;height:auto;padding:10px 24px;border:1px solid transparent;border-radius:999px;background:#efeff4;color:#242426;font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;box-shadow:0 1px 2px #00000008;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}
:root .modal-actions>button.primary-action{background:#0071e3;color:white;box-shadow:0 2px 5px #0071e326}
:root .modal-actions>button>.app-action-label{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip-path:none;white-space:normal}
:root .modal-actions>button>.app-action-icon{display:none}
@media(hover:hover){:root .modal-actions>button:not(:disabled):hover{background:#e2e2e9}:root .modal-actions>button.primary-action:not(:disabled):hover{background:#0067d0;box-shadow:0 3px 8px #0071e329}}
:root .modal-actions>button:not(:disabled):active{transform:scale(.97);box-shadow:none}
:root .modal-actions>button:focus-visible{outline:3px solid #0071e3;outline-offset:3px}
:root .modal-actions>button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
@media(max-width:550px){:root .modal-actions{flex-wrap:wrap}:root .modal-actions>button{flex:1 1 120px;min-width:0;padding-inline:18px}}
@media(prefers-reduced-motion:reduce){:root .modal-actions>button{transition:none}:root .modal-actions>button:not(:disabled):active{transform:none}}
@media(prefers-contrast:more){:root .modal-actions>button{border-color:currentColor}}