
.subscription-detail-card { width:min(1160px,calc(100vw - 40px)); overflow-x:hidden; }
.subscription-detail-card .subscription-line { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; gap:12px; padding:16px; margin-bottom:12px; border:1px solid var(--line-soft); border-radius:10px; background:#f7f9fc; }
.subscription-detail-card .subscription-line label { min-width:0; font-size:12px; }
.subscription-detail-card .subscription-line input { width:100%; min-width:0; box-sizing:border-box; }
.subscription-line-protocol { grid-column:1/-1; color:#233f5a; font-size:13px; font-weight:600; }
.subscription-detail-card .subscription-line .small-btn { justify-self:end; grid-column:-2/-1; }
.subscription-detail-card .subscription-line .small-btn { height:37px; }
@media (max-width:900px){ .subscription-detail-card { width:min(760px,calc(100vw - 24px)); } .subscription-detail-card .subscription-line { grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .subscription-detail-card .subscription-line { grid-template-columns:minmax(0,1fr); } }
.subscription-detail-card .editor-head>.subscription-line-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.subscription-xpanel{margin:18px 0;color:var(--text,#20354b)}
.x-added-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.x-added-heading h4{margin:0}.x-added-heading span,.x-added-node small{color:var(--muted,#66798b);font-size:12px}
.x-added-list{display:grid;gap:10px}.x-added-node{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--line,#dce4ec);border-radius:10px;background:#f7f9fc}
.x-added-node>div{display:grid;gap:5px;min-width:0}.x-added-node span{overflow-wrap:anywhere}.x-added-node button{flex-shrink:0}
.x-add-form{margin-top:14px;padding:18px;border:1px solid #cbd8e5;border-radius:12px;background:#f7f9fc}.x-add-form[hidden]{display:none}
.x-add-form h4{margin:0 0 8px}.x-add-form p{line-height:1.7;color:var(--muted,#66798b);margin:0 0 14px}.x-add-form label{display:grid;gap:8px}.x-add-form select{min-height:42px;width:100%;padding:8px 10px;border:1px solid #ccd7e3;border-radius:7px;background:white;color:#20354b}.x-add-form .editor-actions{padding-bottom:0}
@media(max-width:600px){.subscription-detail-card .editor-head{flex-wrap:wrap}.subscription-detail-card .editor-head>.subscription-line-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.subscription-line-actions .small-btn{min-height:44px}.x-added-node{align-items:flex-start;flex-direction:column}.x-added-node button{align-self:flex-end;min-height:42px}.x-added-heading{align-items:flex-start;flex-direction:column;gap:5px}.x-add-form{padding:14px}.x-add-form .editor-actions{display:grid;grid-template-columns:1fr}.x-add-form .editor-actions button{width:100%;min-height:44px}}

.subscription-line-note{grid-column:1/-1;color:var(--muted,#66798b);line-height:1.6;overflow-wrap:anywhere}
.subscription-detail-card .subscription-line.managed input[readonly]{background:#fff;color:var(--text,#20354b)}
