.connection-layout{display:grid;grid-template-columns:420px minmax(0,1fr);gap:16px}.connection-main{grid-template-columns:1fr;align-content:start}.source-panel{min-height:590px}.source-list{display:grid;gap:7px}.source-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"icon copy status" "icon copy time";gap:1px 10px;align-items:center;width:100%;border:1px solid transparent;background:transparent;border-radius:11px;padding:10px;text-align:left;cursor:pointer}.source-item:hover,.source-item.active{background:#f0f5f1;border-color:var(--line)}.source-icon{grid-area:icon;width:36px;height:36px;border-radius:9px;background:var(--brand);color:var(--lime);display:grid;place-items:center;font-weight:700}.source-copy{grid-area:copy;min-width:0}.source-copy strong{display:block;font-size:11px}.source-copy small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.source-item .tag{grid-area:status}.sync-time{grid-area:time;text-align:right;color:var(--muted);font-size:8px}.connection-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.connection-meta label{font-size:10px;color:var(--muted)}.connection-meta input,.connection-meta select{display:block;width:100%;height:38px;margin-top:7px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#f8faf8;font-size:10px}.drop-zone{height:178px;border:1.5px dashed #b9c8bf;border-radius:12px;background:#f7faf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center}.drop-zone:hover{background:#edf4ef;border-color:var(--brand)}.drop-zone strong{font-size:12px}.drop-zone span{font-size:9px;color:var(--muted)}.mapping-table code{background:#f1f4f1;border-radius:5px;padding:3px 6px;font-size:9px}.mapping-table select{height:30px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:10px}.quality-alert{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.quality-alert:last-child{border-bottom:0}.quality-alert strong{display:block;font-size:11px}.quality-alert span{display:block;font-size:9px;color:var(--muted);margin-top:4px}@media(max-width:1000px){.connection-layout{grid-template-columns:1fr}.source-panel{min-height:auto}}@media(max-width:620px){.connection-meta{grid-template-columns:1fr}.source-item{grid-template-columns:34px minmax(0,1fr) auto}}