/* 公共模块：系统设置 → 关联上游渠道（源头 null53/gateway-common）。通用的颜色、表格、小标签在 gw-common.css。
   卡片正文自己带内边距（和网关 .panel-heading 的 16px 20px 对齐）；网关的 .panel 本身带内边距的设 --gw-panel-padding:0。 */
.gw-cl .gw-cl-body{display:flex;flex-direction:column;gap:12px;padding:var(--gw-panel-padding,20px)}
.gw-cl .gw-cl-search{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
.gw-cl .gw-cl-input{min-width:0;padding:7px 10px;border:1px solid var(--gwc-border);border-radius:var(--gwc-radius);background:transparent;color:var(--gwc-fg);font:inherit;font-size:13.5px;line-height:1.5}
.gw-cl .gw-cl-input:focus{outline:2px solid var(--gwc-primary,#2563eb);outline-offset:-1px}
.gw-cl textarea.gw-cl-query{flex:1 1 360px;min-height:36px;resize:vertical}
.gw-cl .gw-cl-search button{height:36px;white-space:nowrap}
.gw-cl .gw-cl-frame{max-height:520px;border:1px solid var(--gwc-border);border-radius:var(--gwc-radius);overflow:auto;background:var(--gwc-surface)}
.gw-cl .gw-cl-frame[hidden]{display:none}
.gw-cl table.gw-cl-table{min-width:1180px}
.gw-cl-table th:nth-child(1){width:44px}
.gw-cl-table th:nth-child(2){width:84px}
.gw-cl-table th:nth-child(4){width:150px}
.gw-cl-table th:nth-child(5){width:120px}
.gw-cl-table th:nth-child(6){width:90px}
.gw-cl-table th:nth-child(7){width:96px}
.gw-cl-table th:nth-child(8){width:100px}
.gw-cl-table th:nth-child(9){width:220px}
.gw-cl .gw-cl-table input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--gwc-primary,#2563eb);cursor:pointer}
.gw-cl .gw-cl-table tr.gw-cl-picked-row td{background:color-mix(in oklab,var(--gwc-primary,#2563eb) 8%,transparent)}
.gw-cl .gw-cl-type{width:100%;height:32px}
.gw-cl textarea.gw-cl-key{width:100%;min-height:32px;padding:5px 8px;font-family:var(--gwc-mono,ui-monospace,monospace);font-size:12.5px;resize:vertical}
.gw-cl .gw-cl-ok{color:var(--gwc-success)}
.gw-cl .gw-cl-bad{color:var(--gwc-danger)}
.gw-cl .gw-cl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--gwc-border);border-radius:var(--gwc-radius);background:var(--gwc-surface)}
.gw-cl .gw-cl-actions[hidden]{display:none}
.gw-cl .gw-cl-picked{flex:1 1 auto;min-width:96px;font-size:13.5px;font-weight:600}
.gw-cl .gw-cl-picker{position:relative;display:inline-flex;min-width:0}
.gw-cl .gw-cl-owner{flex:0 1 360px}
.gw-cl .gw-cl-actions select{width:320px;max-width:100%;height:36px}
.gw-cl .gw-cl-actions select[data-cl="billing"]{width:140px}
.gw-cl .gw-cl-actions button{height:36px;white-space:nowrap}
.gw-cl .gw-cl-block{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:20px;border-top:1px solid var(--gwc-border)}
.gw-cl .gw-cl-head{display:flex;align-items:baseline;gap:12px}
.gw-cl .gw-cl-head h4{margin:0;font-size:15px;font-weight:700}
.gw-cl .gw-cl-head small{color:var(--gwc-muted);font-size:13px}
.gw-cl table.gw-cl-channels{min-width:900px}
.gw-cl-channels th:nth-child(1){width:96px}
.gw-cl-channels th:nth-child(4){width:90px}
.gw-cl-channels th:nth-child(6){width:140px}
.gw-cl-channels th:nth-child(7){width:110px}
.gw-cl-channels th:nth-child(8){width:100px}
.gw-cl .gw-cl-small{height:30px;padding:0 10px;white-space:nowrap}
.gw-cl tr.gw-cl-editor td{background:color-mix(in oklab,var(--gwc-primary,#2563eb) 5%,transparent)}
.gw-cl .gw-cl-editor-body{display:flex;flex-direction:column;gap:8px}
.gw-cl textarea.gw-cl-key-input{width:100%;min-height:56px;font-family:var(--gwc-mono,ui-monospace,monospace);font-size:12.5px;resize:vertical}
.gw-cl .gw-cl-editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gw-cl .gw-cl-editor-actions button{height:34px;white-space:nowrap}
.gw-cl .gw-cl-log-frame{max-height:360px}
.gw-cl table.gw-cl-log{min-width:860px}
.gw-cl-log th:nth-child(1){width:104px}
.gw-cl-log th:nth-child(2){width:110px}
.gw-cl-log th:nth-child(3){width:90px}
.gw-cl-log th:nth-child(5){width:140px}
@media (max-width:860px){
  .gw-cl .gw-cl-actions{align-items:stretch;flex-direction:column}
  .gw-cl .gw-cl-actions select,.gw-cl .gw-cl-owner,.gw-cl .gw-cl-actions select[data-cl="billing"]{width:100%;flex:1 1 auto}
}