/* Scope above legacy .modal and Dough's unscoped table rules. */
body .modal.brb-modal-shell.dough-canonical-copy {
    width: min(740px, 100%);
    max-width: 740px;
    padding: 0;
    font-family: var(--font-app);
    --paper-grain: radial-gradient(circle at 18% 24%, rgba(60,42,30,.04) 0 1px, transparent 1.4px), radial-gradient(circle at 78% 68%, rgba(60,42,30,.03) 0 .8px, transparent 1.3px);
}
.dough-canonical-copy .brb-modal-content { padding: 48px 28px 20px; }
.dough-canonical-copy .brb-modal-title { margin: 0 32px 10px 0; font-size: 28px; line-height: 1.15; }
.canonical-copy-source { margin: 0 0 26px; color: var(--text-secondary); font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.dough-canonical-copy select { min-height: 48px; padding: 10px 12px; }
.dough-canonical-copy .brb-modal-label { color: var(--ink); font-size: 14px; }
.canonical-copy-preview h3 { margin: 26px 0 12px; font-size: 17px; font-weight: 600; }
.dough-canonical-copy .canonical-copy-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 14px; line-height: 1.45; }
.dough-canonical-copy .canonical-copy-table th, .dough-canonical-copy .canonical-copy-table td { padding: 12px; text-align: left; vertical-align: top; overflow-wrap: anywhere; white-space: pre-line; border-bottom: 1px solid rgba(43, 37, 33, .12); }
.dough-canonical-copy .canonical-copy-table thead th { background: var(--surface-band); color: var(--ink); font-size: 13px; font-weight: 600; text-transform: none; letter-spacing: 0; border-bottom: 1px solid rgba(43, 37, 33, .22); }
.dough-canonical-copy .canonical-copy-table tbody th { font-weight: 500; background: var(--card-bg); }
.dough-canonical-copy .canonical-copy-table td { color: var(--text-secondary); }
.dough-canonical-copy .canonical-copy-table td:last-child { color: var(--ink); font-weight: 500; }
.canonical-copy-note, .canonical-copy-status { font-size: 14px; line-height: 1.5; color: var(--text-secondary); margin: 20px 0 0; }
.canonical-copy-status:empty { display: none; }
.canonical-copy-status[role="alert"] { color: var(--rust); }
.canonical-copy-footer { position: sticky; bottom: 0; padding: 12px 0 16px; margin-top: 20px; background: var(--card-bg); border-top: 1px solid rgba(43, 37, 33, .12); }
.canonical-copy-footer .canonical-copy-status { margin: 0 0 12px; font-size: 13px; }
.dough-canonical-copy .brb-modal-actions { margin: 0; }
.dough-canonical-copy .brb-modal-primary { max-width: 75%; overflow-wrap: anywhere; min-width: 140px; font-size: 14px; letter-spacing: 0; }
.dough-canonical-copy :is(button, select):focus-visible { outline: 2px solid var(--rust); outline-offset: 3px; }
.dough-canonical-copy [hidden] { display: none !important; }
@media (max-width: 540px) {
    .dough-canonical-copy .brb-modal-content { padding: 48px 18px 20px; }
    .dough-canonical-copy .brb-modal-title { font-size: 25px; }
    .canonical-copy-source { font-size: 15px; margin-bottom: 22px; }
    .dough-canonical-copy .canonical-copy-table, .dough-canonical-copy .canonical-copy-table tbody, .dough-canonical-copy .canonical-copy-table tr, .dough-canonical-copy .canonical-copy-table th, .dough-canonical-copy .canonical-copy-table td { display: block; width: auto; }
    .dough-canonical-copy .canonical-copy-table thead { display: none; }
    .dough-canonical-copy .canonical-copy-table tbody th { padding: 12px 0 5px; border: 0; font-weight: 600; background: transparent; }
    .dough-canonical-copy .canonical-copy-table td { padding: 4px 0; border: 0; background: transparent; }
    .dough-canonical-copy .canonical-copy-table td::before { content: attr(data-label); display: block; color: var(--text-secondary); font-size: 12px; font-weight: 400; margin-bottom: 2px; }
    .dough-canonical-copy .canonical-copy-table tr { padding-bottom: 12px; border-bottom: 1px solid rgba(43, 37, 33, .15); }
    .dough-canonical-copy .brb-modal-actions { flex-direction: row; flex-wrap: wrap; }
    .dough-canonical-copy .brb-modal-actions button { width: auto; }
    .dough-canonical-copy .brb-modal-primary { flex: 1; max-width: none; min-width: 120px; }
}
