/* Local extension of the incumbent public gold membrane detail UI. */
.dr-page { max-width: 42rem; margin: 2rem auto 4rem; padding: 0 1rem; }
.dr-panel { max-width: 42rem; margin: 0 auto; overflow: hidden; }
#modal-panel:has([data-domain-request]) { max-width: 42rem; }
.dr-heading { padding: 1.5rem 3.5rem 1.5rem 1.5rem; }
.dr-heading h1 { font-size: 1.5rem; font-weight: 700; color: #1e293b; }
.dr-domain { margin-top: .5rem; font-size: 1.35rem; overflow-wrap: anywhere; color: #334155; }
.dr-body { padding: 1.5rem; display: grid; gap: 1.25rem; color: #475569; line-height: 1.6; }
.dr-body h2 { font-size: 1.25rem; font-weight: 700; color: #1e293b; }
.dr-form { display: grid; gap: .65rem; }
.dr-form label { font-weight: 600; color: #334155; }
.dr-form input:not([type=hidden]) { width: 100%; min-width: 0; border: 1px solid #cbd5e1; border-radius: .65rem; padding: .75rem; background: white; color: #1e293b; font-size: 1rem; margin-bottom: .5rem; }
.dr-form input:focus-visible, .dr-submit:focus-visible, .dr-back:focus-visible, .dr-warning button:focus-visible { outline: 2px solid #a16207; outline-offset: 3px; }
.dr-note { font-size: .875rem; }
.dr-submit { width: 100%; padding: .85rem 1rem; border-radius: .75rem; font-weight: 700; }
.dr-submit:disabled { opacity: .5; cursor: not-allowed; }
.dr-form.htmx-request .dr-submit { opacity: .6; pointer-events: none; }
.dr-form.htmx-request .dr-submit::after { content: '…'; }
.dr-error { color: #991b1b; background: #fef2f2; border: 1px solid #fecaca; border-radius: .65rem; padding: .85rem; }
.dr-back { display: inline-block; color: #854d0e; text-decoration: underline; text-underline-offset: 3px; margin-bottom: 1rem; }
.dr-facts { display: grid; gap: 1rem; }
.dr-facts dt { font-size: .875rem; }
.dr-facts dd { color: #1e293b; font-weight: 700; overflow-wrap: anywhere; }
.dr-facts div:first-child dd { font-size: 1.8rem; font-variant-numeric: tabular-nums; }
.dr-warning { margin-bottom: 1.5rem; padding: 1rem; border: 1px solid #fcd34d; border-radius: .75rem; background: #fffbeb; color: #78350f; display: flex; align-items: start; gap: 1rem; }
.dr-warning button { margin-left: auto; padding: .25rem .5rem; text-decoration: underline; flex-shrink: 0; }