.notification-channel-section { grid-column:1 / -1; }
.notification-channel-list { display:grid; gap:.75rem; margin-block:1rem; }
.notification-channel-row { display:grid; grid-template-columns:minmax(9rem,1fr) minmax(16rem,1fr); align-items:center; gap:1rem; padding:1rem; border:1px solid var(--line); border-radius:1rem; }
.notification-channel-row strong, .notification-channel-row small { display:block; overflow-wrap:anywhere; }
.notification-channel-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.75rem; }
.notification-channel-toggle { display:flex; align-items:center; gap:.5rem; cursor:pointer; }
.notification-channel-toggle input { appearance:none; width:2.65rem; height:1.5rem; flex:0 0 2.65rem; border:1px solid var(--muted); border-radius:2rem; background:var(--surface); cursor:pointer; position:relative; margin:0; padding:0; min-height:0; max-height:1.5rem; }
.notification-channel-toggle input::before { content:''; display:block; position:absolute; top:.18rem; left:.2rem; height:1rem; width:1rem; border-radius:50%; background:var(--muted); transition:transform .15s; }
.notification-channel-toggle input:checked { background:var(--accent); border-color:var(--accent); }
.notification-channel-toggle input:checked::before { transform:translateX(1.1rem); background:var(--bg); }
.notification-channel-toggle input:disabled { opacity:.45; cursor:wait; }
#notifications { margin-block:1.5rem; scroll-margin-top:1rem; }
.pagination { flex-wrap:wrap; }
.pagination-gap { padding:.5rem; }
button:active, .btn:active { transform:translateY(1px); filter:brightness(.94); }
button[aria-busy="true"] { cursor:wait; opacity:.7; }
button[aria-checked="true"], button[aria-pressed="true"], .btn[aria-current="page"] { box-shadow:inset 0 0 0 2px var(--accent); }
:is(button,a,input,select,textarea):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media (max-width:620px) {
  .notification-channel-row { grid-template-columns:1fr; }
  .notification-channel-actions { grid-template-columns:minmax(0,1fr) auto; }
}
@media (prefers-reduced-motion:reduce) { .notification-channel-toggle input::before { transition:none; } }

#notifications .notifications-layout > .card:has(#notification-settings) { order:0; }
.notification-channel-section { border-inline-end:0 !important; padding-inline-end:0 !important; }
.notification-channel-toggle { justify-content:flex-end; min-width:2.65rem; }
.nav-link[data-route="crossposting"] { gap:.35rem; font-size:.88rem; }
.nav-link[data-route="crossposting"] > span { white-space:nowrap; }
.cp-nav-soon { white-space:nowrap; flex-shrink:0; }

.canonical-plan-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.canonical-plan { display:flex; flex-direction:column; min-width:0; }
.canonical-plan .plan-list { flex:1; margin-block:1rem; }
.canonical-plan .plan-list li { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.25rem .5rem; }
.canonical-plan .plan-list small { width:100%; color:var(--muted); }
.canonical-plan .plan-price { font-size:1.7rem; }
.agency-calculator { margin-block:1.5rem; scroll-margin-top:5rem; }
.agency-calculator input[type=range] { width:100%; accent-color:var(--accent); }
.agency-calculator label { display:block; }
.agency-calculator output { float:inline-end; font-weight:700; }
.feature-price { font-size:.9rem; padding-block:.5rem; }
#notification-settings .notification-channel-toggle input:checked { background:#7a3ff2 !important; border-color:#7a3ff2 !important; }
#notification-settings .notification-channel-toggle input:checked::before { background:#fff; }
@media (max-width:1200px) { .canonical-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .canonical-plan-grid { grid-template-columns:1fr; } }

.landing-workflow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.creation-feature { padding:1.5rem; min-width:0; }
.creation-feature h2 { font-size:1.5rem; }
.viewer-heatmap-example { height:1rem; border-radius:1rem; margin-block:1rem; background:linear-gradient(90deg,#8b52ed,#ff7190 18%,#f8c86b 38%,#7ac9c1 53%,#8d75e6 70%,#ed648c); }
@media (max-width:900px) { .landing-workflow { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .landing-workflow { grid-template-columns:1fr; } .landing-workflow .step-arrow { display:none; } }

.incident-notice { position:fixed; z-index:1000; inset-inline-end:1rem; bottom:1rem; width:min(28rem,calc(100vw - 2rem)); background:var(--solid,#fff); color:var(--text,#18213c); padding:1rem; border:1px solid #d75978; border-radius:1rem; box-shadow:0 5px 30px #0002; overflow-wrap:anywhere; }
.incident-notice p { font-size:.85rem; margin-block:.5rem; }
.table-cell-content { min-width:0; overflow-wrap:anywhere; }
.table-cell-content > small { display:block; }

/* The legacy glass layer uses physical left offsets; RTL drawers start right. */
:root[dir="rtl"] .sidebar { left:auto; right:12px; }
@media (max-width:900px) {
  :root[dir="rtl"] .sidebar { right:10px; transform:translateX(calc(100% + 32px)); }
  :root[dir="rtl"] .nav-open .sidebar { transform:none; }
}