:root { --channel-blue:#2d5dd7; --channel-ink:#12213a; --channel-muted:#60718a; --channel-line:#dfe6f0; }
.channel-btn { display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 13px;border:1px solid var(--channel-line);border-radius:8px;background:#fff;color:var(--channel-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap; }
.channel-btn.primary { background:var(--channel-blue);border-color:var(--channel-blue);color:#fff; }
.channel-btn.danger { color:#b42332;border-color:#f1c8ce; }
.channel-btn:hover { filter:brightness(.97); }
.channel-btn:disabled { opacity:.5;cursor:wait; }
.channel-btn:focus-visible, .channel-create-form input:focus-visible, .channel-create-form select:focus-visible { outline:3px solid #a7c1ff;outline-offset:2px; }
.channel-actions { display:flex;gap:8px;align-items:center;flex-wrap:wrap; }
.channel-badge { display:inline-flex;padding:3px 8px;border-radius:5px;font-size:12px;background:#edf3ff;color:#2855b7;line-height:1.6; }
.channel-badge.success { background:#eaf7ef;color:#207441; }
.channel-badge.muted { background:#edf0f4;color:#637085; }
.channel-account-dialog { padding:0;border:1px solid var(--channel-line);border-radius:14px;width:min(900px, calc(100vw - 32px));max-height:88dvh;color:var(--channel-ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;box-shadow:0 25px 80px #10233f33; }
.channel-account-dialog::backdrop { background:#142a4766; }
.channel-dialog-head { padding:22px 26px;border-bottom:1px solid var(--channel-line);display:flex;align-items:start;justify-content:space-between;gap:20px; }
.channel-dialog-head h2 { margin:0;font-size:20px; }
.channel-dialog-head p, .channel-overview-head p { margin:5px 0 0;color:var(--channel-muted);font-size:13px; }
.channel-dialog-body { padding:22px 26px; }
.channel-account-row { display:grid;grid-template-columns:minmax(130px,1fr) 100px 160px auto;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--channel-line);font-size:13px; }
.channel-account-row strong { font-size:14px; }
.channel-account-row small { display:block;color:var(--channel-muted);font-size:12px;margin-top:3px; }
.channel-account-tools { margin-top:18px; }
.channel-create-form { border:1px solid var(--channel-line);border-radius:10px;margin-top:20px;padding:20px;background:#f8faff; }
.channel-create-form[hidden], .channel-account-dialog [hidden] { display:none!important; }
.channel-create-form h3 { margin:0 0 16px;font-size:16px; }
.channel-create-form label { display:grid;gap:6px;color:#42536a;font-size:13px; }
.channel-create-form input, .channel-create-form select { width:100%;box-sizing:border-box;border:1px solid #ccd6e4;border-radius:7px;min-height:40px;padding:8px 10px;font:inherit;color:var(--channel-ink);background:white; }
.channel-create-form input:disabled, .channel-create-form select:disabled { color:#60718a;background:#edf2f8; }
.channel-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px; }
.channel-scope-note { margin:16px 0;font-size:13px;color:#516780; }
.channel-footnote { margin:20px 0 0;color:var(--channel-muted);font-size:12px; }
.channel-empty { padding:30px 15px;text-align:center;background:#f7f9fc;border-radius:8px;color:var(--channel-muted);font-size:13px; }
.channel-inline-message { background:#edf6ff;border-radius:8px;padding:10px 12px;color:#255192; }
.channel-inline-message.error { background:#fff1f1;color:#a52d35; }
.channel-credential { background:#edf5ff;border:1px solid #bdd4ff;border-radius:10px;padding:18px;margin-bottom:22px; }
.channel-credential p { margin:4px 0 12px;font-size:13px;color:#516780; }
.channel-credential dl { display:grid;grid-template-columns:90px 1fr;gap:6px;margin:10px 0 16px; }
.channel-credential dt { color:#516780; }
.channel-credential dd { margin:0;overflow-wrap:anywhere; }
.channel-credential code { font-size:16px; }
.channel-overview-head { display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 14px; }
.channel-overview-head h3 { margin:0;font-size:16px; }
#channelAccountAdminPanel { border-top:1px solid var(--channel-line);margin-top:22px; }
.channel-count-note { display:block;font-size:12px;color:var(--channel-muted);margin-top:4px; }
.channel-contract-panel { margin-bottom:20px; }
.channel-contract-form { display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:12px; }
.channel-contract-form p { grid-column:1/-1;margin:0;font-size:12px;line-height:1.7;color:var(--muted); }
.channel-contract-form input { min-width:0;width:100%; }
@media(max-width:700px) {
  .channel-contract-form { grid-template-columns:1fr; }
  .channel-dialog-head,.channel-dialog-body { padding:18px; }
  .channel-account-row { grid-template-columns:1fr auto; }
  .channel-account-row .channel-actions { justify-content:flex-end; }
  .channel-form-grid { grid-template-columns:1fr; }
  .channel-create-form input,.channel-create-form select { font-size:16px; }
}