/* Shared dialog proportions; each module retains its content and behavior. */
html body :is(dialog,.modal-card){box-sizing:border-box;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);border:1px solid var(--tp-platinum);border-radius:18px;background:var(--tp-white);color:var(--tp-ink);box-shadow:0 20px 64px #10091833;overflow:auto}
html body dialog::backdrop{background:#130e1c80;backdrop-filter:blur(3px)}
html body .modal-backdrop{padding:20px 16px;background:#130e1c80;backdrop-filter:blur(3px)}
html body :is(.modal-head,.ticket-dialog-heading,.form-summary-heading){align-items:flex-start;gap:16px}
html body :is(dialog,.modal-card) h2{font-size:21px;line-height:1.35;letter-spacing:-.3px;color:var(--tp-violet)}
html body :is(.modal-head,.ticket-dialog-heading) p{font-size:13px;line-height:1.6;color:var(--tp-gray-700);margin-top:6px}
html body :is(.modal-head,.ticket-dialog-heading,.form-summary-heading)>.icon-btn{width:36px;height:36px;min-width:36px;flex:none;border-radius:10px}
html body :is(.modal-actions,.catalog-actions,.ticket-save){display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:16px}
html body :is(.modal-actions,.catalog-actions,.ticket-save)>.btn{flex:0 0 auto;min-height:40px;padding:9px 18px;font-size:13px}
@media(max-width:600px){html body :is(dialog,.modal-card){max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);border-radius:14px}html body .modal-backdrop{padding:12px}}
/* Native dialogs are above every z-index. Feedback belongs to the active dialog. */
.copy-feedback-inline{display:inline-flex;align-items:center;align-self:center;gap:6px;margin-right:auto;padding:7px 10px;border:1px solid color-mix(in srgb,var(--tp-sea) 25%,transparent);border-radius:8px;background:color-mix(in srgb,var(--tp-sea) 9%,var(--tp-white));font:500 12px/1.4 var(--font-ui);color:var(--tp-sea)}
.copy-feedback-inline::before{content:'check_circle';font:18px 'Material Symbols Rounded'}
.copy-feedback-inline[data-state=error]{color:var(--tp-folly);border-color:currentColor}
.copy-feedback-inline[data-state=error]::before{content:'error'}
.copy-feedback-inline:empty{display:none}
.form-summary-actions{align-items:center;gap:12px;flex-wrap:wrap}