/* UI-006 · channel surfaces. Scope/commission/collection facts remain in services. */
.channel-page {min-width:0;width:100%;color:#f4f3ef;}
.channel-heading {position:relative;isolation:isolate;min-height:150px;overflow:hidden;margin:7px 0 25px;padding:6px 0 15px;}
.channel-heading>div {position:relative;z-index:1;max-width:88%;}
.channel-heading small,.channel-eyebrow {font-size:9px;line-height:1.8;letter-spacing:.12em;color:#9baeb5;}
.channel-heading h1 {font-size:27px;line-height:1.4;letter-spacing:-.045em;font-weight:600;margin:12px 0;}
.channel-heading p {font-size:11px;line-height:1.9;color:#a4b6bc;max-width:26em;margin:8px 0;}
.channel-heading>img {position:absolute;right:-42px;bottom:-20px;width:185px;height:auto;z-index:-1;opacity:.45;}
.channel-access {padding:25px 20px;border:1px solid #ffffff17;border-radius:17px;background:#ffffff02;margin:20px 0;}
.channel-access-icon {display:grid;place-items:center;width:47px;height:47px;margin:0 0 16px;border:1px solid #ffffff17;border-radius:15px;background:#28312f;color:#bed1c0;}
.channel-access h2 {font-size:19px;line-height:1.6;letter-spacing:-.03em;font-weight:550;margin:10px 0;}
.channel-access p {font-size:11px;line-height:1.9;color:#9fafba;margin:10px 0 19px;}
.channel-access[data-state=disabled] {border-color:#d5acbd2a;background:#f0698c04;}
.channel-status {display:inline-flex;align-items:center;border:1px solid #ffffff1c;border-radius:5px;padding:3px 7px;font-size:9px;line-height:1.5;color:#aabac3;background:#ffffff04;}
.channel-status[data-state=active] {color:#c1d7bf;border-color:#bdcdb82e;background:#bdcdb809;}
.channel-status[data-state=disabled],.channel-status[data-state=historical] {color:#dfb8c7;border-color:#d5acbd32;background:#f0698c08;}
.channel-invite {padding:22px 19px;border:1px solid #c7d5c326;border-radius:18px;background:#1b2521;margin:20px 0;min-width:0;}
.channel-invite h2 {font-size:21px;font-weight:550;line-height:1.5;letter-spacing:-.035em;margin:9px 0;overflow-wrap:anywhere;}
.channel-invite .channel-eyebrow {color:#a4bca8;}
.channel-code {display:block;width:100%;font:18px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;color:#e2d9cf;overflow-wrap:anywhere;margin:17px 0 11px;}
.channel-url {display:block;font-size:11px;line-height:1.9;color:#b3c5bf;overflow-wrap:anywhere;margin:9px 0;}
.channel-actions {display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:17px 0;}
.channel-actions>button,.channel-actions>a {min-height:44px;font-size:11px;line-height:1.5;flex:1;min-width:0;}
.channel-qr {display:flex;align-items:center;justify-content:center;padding:19px 0;margin:18px 0 4px;border-top:1px solid #ffffff12;}
.channel-qr img,.channel-qr canvas,.channel-qr svg {display:block;max-width:100%;width:164px;height:auto;padding:9px;border-radius:12px;background:#fff;}
.channel-note,.channel-page .channel-note {font-size:10px;line-height:1.9;color:#92a7b1;overflow-wrap:anywhere;margin:13px 0;}
.channel-invite .channel-note {color:#95ada3;}
.channel-metrics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;}
.channel-metrics>article,.channel-metrics>div {padding:17px 14px;border:1px solid #ffffff16;border-radius:13px;background:#ffffff02;min-width:0;}
.channel-metrics small {display:block;font-size:10px;line-height:1.7;color:#9fb1bb;}
.channel-metrics strong {display:block;margin:8px 0;font-size:27px;line-height:1.5;letter-spacing:-.04em;font-weight:550;font-variant-numeric:tabular-nums;color:#ece7df;overflow-wrap:anywhere;}
.channel-metrics strong span {font-size:10px;letter-spacing:0;font-weight:400;margin-left:4px;color:#9eafb7;}
.channel-tabs {display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:4px 0 12px;margin:18px 0;}
.channel-tabs>button {min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:23px;font-size:12px;line-height:1.5;color:#a7b7be;white-space:nowrap;flex:0 0 auto;}
.channel-tabs>button:is(.selected,.active,[aria-pressed=true],[aria-selected=true]) {color:#f6bdcf;border-color:#f0698c55;background:#f0698c09;}
.channel-empty {padding:29px 13px;text-align:center;}
.channel-empty>img {display:block;width:150px;height:auto;margin:4px auto 18px;}
.channel-empty h2 {font-size:17px;line-height:1.7;font-weight:550;color:#d6e0d7;margin:10px 0;}
.channel-empty p {font-size:11px;line-height:1.9;color:#93a9b4;margin:10px 0 18px;}
.channel-admin-card {padding:20px;border:1px solid #ffffff17;border-radius:15px;background:#191c1f;margin:20px 0;min-width:0;}
.channel-admin-card h2 {font-size:17px;font-weight:550;line-height:1.6;margin:0 0 16px;}
.channel-admin-card p {font-size:11px;line-height:1.9;color:#9dafba;overflow-wrap:anywhere;}
.channel-admin-row {padding:16px 0;border-bottom:1px solid #ffffff13;min-width:0;}
.channel-admin-row h3 {font-size:14px;line-height:1.7;overflow-wrap:anywhere;}
.channel-admin-row>small {font-size:10px;line-height:1.9;color:#91a8b4;display:block;overflow-wrap:anywhere;}
.channel-admin-card input,.channel-admin-card select,.channel-admin-card textarea {min-width:0;max-width:100%;min-height:44px;padding:11px;border:1px solid #ffffff18;border-radius:9px;background:#1c2428;color:#dce5e4;font-size:11px;line-height:1.8;}
.channel-admin-card input[type=checkbox] {width:17px;height:17px;min-height:0;accent-color:#f0698c;}
.channel-admin-card .field:has(>input[type=checkbox]) {flex-direction:row;align-items:center;min-height:44px;}
.route-panel:has(.channel-page)>.route-top {background:#101112;}
.route-panel:has(.channel-page)>.route-top:before {content:"";position:absolute;z-index:-1;inset:-24px -22px 0;background:#101112;pointer-events:none;}
@media(max-width:350px){.channel-heading h1{font-size:24px}.channel-heading>img{opacity:.33;right:-62px}.channel-invite{padding:19px 15px}.channel-metrics{gap:8px}.channel-metrics>article,.channel-metrics>div{padding:14px 11px}.channel-metrics strong{font-size:24px}.channel-admin-card{padding:15px}}
@media(prefers-reduced-motion:no-preference){.channel-page button:active{transform:scale(.98);transition:transform .16s ease-out}}
/* Financial filters and export controls retain a clear interaction surface. */
.phone:has(.channel-page) .reminder-dock {display:none;}