/* Application typography, including dialogs and standalone application pages. */
:root{--ui-title:32px;--ui-section:24px;--ui-subheading:20px;--ui-body:17px;--ui-control:16px;--ui-help:14px;--ui-table-heading:15px}
html body{font-size:var(--ui-body)!important;line-height:1.6}
html body h1,html body #view h1{font-size:var(--ui-title)!important;line-height:1.35!important}
html body h2,html body #view h2,html body #modalBody h2{font-size:var(--ui-section)!important;line-height:1.45!important}
html body h3,html body #view h3,html body #modalBody h3{font-size:var(--ui-subheading)!important;line-height:1.45!important}
html body label,html body .field label,html body #view label,html body #modalBody label{font-size:var(--ui-control)!important;line-height:1.5!important}
html body input,html body select,html body textarea,html body button,html body .btn,html body .input,html body #view input,html body #view select,html body #view textarea,html body #view .btn,html body #modalBody .btn{font-size:var(--ui-control)!important;line-height:1.45!important}
html body .editor,html body [contenteditable=true],html body .editor *{font-size:var(--ui-control)!important;line-height:1.6!important}
html body p,html body .sub,html body #view .sub{font-size:var(--ui-body)!important;line-height:1.6!important}
html body .notice,html body .field-help,html body .section-note,html body small,html body #view .notice,html body #view .card small{font-size:var(--ui-help)!important;line-height:1.65!important}
html body p.field-help{font-size:var(--ui-help)!important;line-height:1.65!important}
html body th,html body #view table th,html body #view table:not(.dashboard-table) th{font-size:var(--ui-table-heading)!important;line-height:1.45!important}
html body td,html body #view table td,html body #view table:not(.dashboard-table) td{font-size:var(--ui-body)!important;line-height:1.5!important}
html body .sidebar nav button,html body .common-menu a,html body .sidebar nav button span{font-size:var(--ui-control)!important;line-height:1.45!important}
html body .modal .btn,html body .ui-dialog button{font-size:var(--ui-control)!important}
.template-edit-form .field{margin-bottom:16px}.template-edit-form .field-help{margin:6px 0 10px}.signature-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:10px 0}.signature-preview:empty{display:none}
@media(max-width:760px){:root{--ui-title:28px;--ui-section:22px}html body .sidebar nav button,html body #view table.mobile-card-table td{font-size:var(--ui-control)!important}html body #view table.mobile-card-table td:before{font-size:var(--ui-help)!important}}

/* Hints are placeholders: focus never clears actual values. */
html body input:focus::placeholder,html body textarea:focus::placeholder{color:transparent!important;opacity:0!important}
html body [contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:#708392;pointer-events:none}
html body [contenteditable][data-placeholder]:focus:before{content:none}
html body [hidden]{display:none!important}
@media(max-width:520px){.sender-setting-card dl{display:grid!important}}