.channel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
.channel-page-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.channel-page-actions > a { margin: 0; }
.channel-connection .record-panel-heading > .icon { width: 22px; height: 22px; color: var(--muted); }
.channel-connection dl, .channel-preferences dl { margin: 0; padding: 0 24px; }
.channel-connection dl > div { border-top: 1px solid var(--line); padding: 18px 0; }
.channel-connection dt { font-size: var(--text-supporting); font-weight: 400; color: var(--muted); }
.channel-connection dd { font-size: var(--text-body); margin: 8px 0 0; overflow-wrap: anywhere; }
.channel-delivery-control { padding: 20px 24px 24px; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.channel-delivery-control p, .channel-footnote, .channel-footer-note { font-size: var(--text-ui); color: var(--secondary); line-height: 1.8; }
.channel-delivery-control > p, .channel-delivery-control form { margin: 0; }
.channel-delivery-control button { margin: 0; }
.channel-delivery-control a { margin: 0; }
.channel-preferences dl > div { border-top: 1px solid var(--line); display: flex; gap: 20px; justify-content: space-between; align-items: start; padding: 20px 0; }
.channel-preferences dt { font-size: var(--text-action); font-weight: 500; line-height: 1.6; }
.channel-preferences dt span { display: block; font-size: var(--text-supporting); font-weight: 400; color: var(--muted); margin-top: 6px; }
.channel-preferences dd { margin: 0; font-size: var(--text-ui); color: var(--secondary); }
.channel-footnote { padding: 12px 24px 24px; margin: 0; }
.channel-footnote a { display: inline-flex; gap: 7px; align-items: center; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.channel-footnote .icon { width: 15px; height: 15px; }
.channel-history { margin-top: 24px; }
.channel-message { border-top: 1px solid var(--line); }
.channel-message summary { padding: 24px; display: flex; justify-content: space-between; align-items: center; gap: 24px; cursor: pointer; list-style: none; }
.channel-message summary::-webkit-details-marker { display: none; }
.channel-meta, .channel-message-status, .channel-updated { font-size: var(--text-supporting); color: var(--muted); line-height: 1.8; }
.channel-message h3 { font-size: var(--text-lead); font-weight: 550; line-height: 1.6; margin: 8px 0 0; }
.channel-message-status { display: flex; gap: 18px; align-items: center; }
.channel-message-status .icon { width: 16px; height: 16px; }
.channel-message[open] .channel-message-status .icon { transform: rotate(180deg); }
.channel-message-body { padding: 0 24px 24px; }
.channel-message-body p { font-size: var(--text-body); color: var(--secondary); line-height: 1.8; max-width: 760px; margin-bottom: 20px; }
.channel-message-body a { margin: 0; }
.channel-footer-note, .channel-updated { margin-top: 20px; }
.channel-editor .channel-choice { display: flex; align-items: start; gap: 15px; padding: 24px; margin: 0; border-top: 1px solid var(--line); cursor: pointer; }
.channel-choice input { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 3px; accent-color: var(--ink); }
.channel-choice strong { display: block; color: var(--ink); font-size: var(--text-action); font-weight: 550; line-height: 1.7; }
.channel-choice span span { display: block; margin-top: 6px; font-size: var(--text-ui); color: var(--secondary); line-height: 1.8; }
.channel-conflict { margin-bottom: 20px; }
.channel-form-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; padding: 24px; }
.channel-full-field { grid-column: 1 / -1; }
.channel-form-fields .field-help { margin-top: 8px; }
.channel-advanced summary { cursor: pointer; color: var(--text-secondary); font-size: 13px; font-weight: 600; }
.channel-advanced[open] summary { margin-bottom: 16px; }
@media (max-width: 900px) { .channel-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767.98px) {
    .channel-connection dl, .channel-preferences dl { padding-inline: 20px; }
    .channel-delivery-control, .channel-message summary, .channel-editor .channel-choice { padding: 20px; }
    .channel-footnote, .channel-message-body { padding: 0 20px 20px; }
    .channel-message summary { align-items: start; flex-direction: column; gap: 12px; }
    .channel-message-status { width: 100%; justify-content: space-between; }
    .channel-message-body a { width: 100%; }
    .channel-page-actions { width: 100%; }
    .channel-page-actions > a { flex: 1; justify-content: center; }
    .channel-form-fields { grid-template-columns: minmax(0, 1fr); padding: 20px; }
    .channel-full-field { grid-column: 1; }
    .channel-form-fields input { font-size: var(--text-lead); }
}
