/* Channel administration extends the existing analytics dashboard. */
.channel-manager { padding-top:4px; }
.manager-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.manager-heading p { color:var(--muted); margin:10px 0 0; }
.manager-heading form { flex-shrink:0; }
.manager-layout { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr); align-items:start; gap:32px; margin-top:28px; }
.manager-layout section { margin:0; min-width:0; }
.manager-section-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
.manager-section-heading h2 { margin:0; font-size:19px; }
.manager-section-heading h2 span { color:var(--muted); font-size:14px; font-weight:500; margin-left:6px; }
.manager-section-heading .button { padding:8px 12px; }
.channel-items { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.channel-items li { border-bottom:1px solid var(--line); }
.channel-item { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:12px; row-gap:3px; padding:16px 12px; text-decoration:none; color:var(--ink); }
.channel-item:hover { background:var(--tint); color:var(--ink); }
.channel-item.is-current { background:var(--tint); box-shadow:inset 0 0 0 1px #c594aa; }
.channel-item-name { font-weight:680; overflow-wrap:anywhere; }
.channel-item-code { color:var(--muted); font-size:13px; overflow-wrap:anywhere; }
.channel-item-action { color:var(--accent); font-size:13px; text-align:right; }
.channel-state { font-size:12px; line-height:24px; color:#206247; align-self:start; white-space:nowrap; }
.channel-state.is-paused { color:var(--muted); }
.manager-editor { background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:26px; scroll-margin-top:20px; }
.manager-editor h2 { margin-bottom:24px; }
.manager-field { margin-bottom:20px; }
.manager-field label { font-size:15px; }
.manager-field input { min-width:0; font-size:16px; }
.manager-field input[readonly] { background:var(--bg); color:var(--muted); }
.manager-hint { color:var(--muted); font-size:13px; line-height:1.65; margin:7px 0 0; }
.manager-product-field { border-top:1px solid var(--line); padding-top:24px; margin-top:24px; }
.manager-enabled-field { padding-top:2px; }
.manager-checkbox { display:flex; align-items:center; gap:10px; min-height:44px; cursor:pointer; }
.manager-checkbox input { width:20px; height:20px; min-height:20px; margin:0; accent-color:var(--accent); }
.manager-enabled-field .manager-hint { margin-top:0; }
.manager-form-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px; margin-top:24px; }
.manager-form-actions a { font-size:14px; }
.manager-save-status { color:var(--muted); font-size:13px; }
.manager-entry { margin-top:28px; padding-top:24px; border-top:1px solid var(--line); }
.manager-entry p { font-size:14px; color:var(--muted); margin:6px 0 12px; }
.manager-entry input { font-size:14px; }
.manager-entry-actions { display:flex; align-items:center; gap:18px; margin-top:12px; }
.manager-entry-actions a { font-size:14px; }
.manager-entry .manager-copy-status { min-height:22px; margin:10px 0 0; }
.manager-message { padding:16px 20px; margin-top:20px; border:1px solid var(--line); border-radius:12px; background:var(--paper); overflow-wrap:anywhere; }
.manager-message p { margin:4px 0 0; font-size:14px; }
.manager-error { color:#8b1836; border-color:#d9a7b4; background:#fff3f5; }
.manager-success { color:#24563f; border-color:#a7c9b4; background:#f2faf5; }
.manager-local-note { color:var(--muted); font-size:13px; margin:14px 0 0; }
.manager-empty { padding:28px 8px; border-top:1px solid var(--line); }
.manager-empty p { color:var(--muted); font-size:14px; margin-top:10px; }
.manager-login h1 { font-size:27px; }
.manager-login>p { color:var(--muted); font-size:14px; margin-top:12px; }
.manager-login .manager-message { color:var(--ink); }
.manager-login .manager-error { color:#8b1836; }
.manager-back { display:inline-block; margin-top:24px; font-size:14px; }
.manager-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:760px) {
  .manager-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
  .manager-heading { gap:14px; }
  .manager-heading h1 { font-size:27px; }
  .manager-heading p { font-size:14px; }
  .manager-heading button { padding:8px 12px; }
  .manager-editor { padding:22px 18px; }
  .manager-list .channel-items { max-height:300px; overflow-y:auto; }
  .topbar { flex-wrap:wrap; }
  .topbar nav { gap:16px; }
  .topbar nav a { font-size:14px; }
  .manager-login { padding:24px; margin-top:32px; }
}
@media(prefers-reduced-motion:reduce) { .channel-manager button,.channel-manager .button { transition:none; } }