/* Keep the connection guide independent of legacy terminal and mobile skins. */
#deploy #term {
 background:#141b1ef5; border:1px solid #ffffff24; border-radius:8px;
 clip-path:none; box-shadow:0 12px 32px #0003; overflow:hidden;
 font-family:Inter,sans-serif; letter-spacing:0;
}
#deploy #term::before, #deploy #term::after { display:none; }
#deploy #term .studio-game-selector { display:none; }
#deploy #term .term__tabs {
 display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
 gap:0; padding:0; overflow:visible; background:#0c1215;
 border-bottom:1px solid #ffffff1a;
}
#deploy #term .term__tab {
 display:flex; align-items:center; justify-content:flex-start; gap:12px;
 min-width:0; min-height:76px; padding:16px 24px; margin:0;
 border:0; border-right:1px solid #ffffff12; border-radius:0;
 background:none; color:#99a8af; text-align:left; white-space:normal;
 font:500 14px/1.4 Inter,sans-serif; letter-spacing:0;
 box-shadow:none; transform:none; text-transform:none;
}
#deploy #term .term__tab:last-child { border-right:0; }
#deploy #term .term__tab.sc-action {
 --action-surface:transparent; --action-hover:#1a2428; --action-text:#99a8af;
 border-radius:0!important;
}
#deploy #term .term__tab[aria-selected=true] {
 background:#202a2e!important; color:#f0f5f6; box-shadow:inset 0 -3px var(--term-accent)!important;
}
#deploy #term .term__tab:hover { background:#1a2428; color:#fff; }
#deploy #term .term__tab > .vector-icon { width:22px; height:22px; flex:0 0 22px; }
#deploy #term .connect-tab-label { display:grid; gap:3px; min-width:0; }
#deploy #term .connect-tab-label strong { font-size:15px; font-weight:650; }
#deploy #term .connect-tab-label small { font-size:12px; color:#a4b0b7; font-weight:400; }
#deploy #term :is(.term__tab,.copybtn):focus-visible {
 outline:2px solid #d2ece5; outline-offset:-4px!important;
}
#deploy #term .term__panel {
 display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);
 gap:32px; padding:28px; align-items:start; animation:none;
}
#deploy #term .term__panel[hidden] { display:none; }
#deploy #term .term__side {
 grid-column:1; grid-row:1; display:grid; grid-template-columns:64px minmax(0,1fr);
 align-items:center; align-content:start; gap:18px 16px; min-width:0; margin:0; padding:0;
 border:0; border-radius:0; background:none; box-shadow:none;
}
#deploy #term .term__art {
 width:64px; height:64px; max-width:none; margin:0; padding:0;
 border:0; border-radius:0; background:none; box-shadow:none;
}
#deploy #term .term__art img { width:100%; height:100%; object-fit:contain; transform:none; }
#deploy #term .ipline {
 display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
 gap:7px; min-width:0; margin:0; padding:0; border:0; border-radius:0; background:none;
}
#deploy #term .ipline::before, #deploy #term .ipline::after { display:none; }
#deploy #term .ipline__label { color:#99a8af; font:500 11px/1.4 Inter,sans-serif; letter-spacing:0; }
#deploy #term .ipline__value {
 display:block; max-width:100%; padding:0; border:0; color:#eef3f4;
 font:600 16px/1.6 Inter,sans-serif; letter-spacing:0; white-space:normal;
 overflow-wrap:anywhere; text-decoration:none; text-shadow:none;
}
#deploy #term .term__btns { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#deploy #term .copybtn {
 display:inline-flex; justify-content:center; align-items:center; gap:8px;
 min-height:48px; padding:10px 12px; border:1px solid #ffffff26;
 border-radius:6px; clip-path:none; box-shadow:none; background:#ffffff05; color:#ced9dc;
 font:600 13px/1.5 Inter,sans-serif; letter-spacing:0; text-transform:none;
 white-space:normal; overflow-wrap:anywhere; min-width:0; max-width:100%;
}
#deploy #term .copybtn:not(.copybtn--ghost) { background:#343d45; color:#f1f4f6; border-color:#343d45; }
#deploy #term .copybtn:hover { background:#ffffff12; border-color:#8daaa1; }
#deploy #term .copybtn:not(.copybtn--ghost):hover { background:#424d57; }
#deploy #term .copybtn.is-copied { background:#343d45; color:#f1f4f6; border-color:#343d45; }
#deploy #term .copybtn.sc-action {
 --action-surface:#ffffff05; --action-hover:#ffffff12; --action-border:#ffffff26; --action-text:#ced9dc;
}
#deploy #term .copybtn:not(.copybtn--ghost).sc-action {
 --action-surface:#343d45; --action-hover:#424d57; --action-border:#343d45; --action-text:#f1f4f6;
}
#deploy #term .copybtn:not(.copybtn--ghost).sc-action:hover { color:#f1f4f6!important; }
#deploy #term .copybtn.sc-action.is-copied {
 --action-surface:#343d45; --action-hover:#424d57; --action-border:#343d45; --action-text:#f1f4f6;
}
#deploy #term .copybtn > span { min-width:0; }
#deploy #term .copybtn::before, #deploy #term .copybtn::after { display:none; }
#deploy #term .term__note {
 grid-column:1/-1; padding:0; margin:0; border:0; border-radius:0; background:none;
 color:#9facb2; font:400 12px/1.7 Inter,sans-serif; letter-spacing:0;
}
#deploy #term .steps {
 grid-column:2; grid-row:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
 gap:24px; min-width:0; margin:0; padding:0 0 0 32px; border-left:1px solid #ffffff1a;
 list-style:none; align-items:start;
}
#deploy #term .steps__line {
 display:grid; grid-template-columns:26px minmax(0,1fr); grid-template-rows:auto auto;
 gap:6px 10px; min-height:0; min-width:0; margin:0; padding:0; overflow:visible;
 border:0; border-radius:0; background:none; opacity:1; transform:none; transition:none;
 align-items:start; font:400 13px/1.6 Inter,sans-serif; letter-spacing:0;
}
#deploy #term .steps__line::before { display:none; }
#deploy #term .steps__num {
 grid-column:1; grid-row:1/3; width:auto; height:auto; display:block; padding:0;
 border:0; background:none; border-radius:0; color:var(--term-accent); opacity:.9;
 font:600 12px/20px Inter,sans-serif; letter-spacing:0;
}
#deploy #term .steps__verb { grid-column:2; color:#e3e9ec; font:650 12px/20px Inter,sans-serif; letter-spacing:0; }
#deploy #term .steps__sep { display:none; }
#deploy #term .steps__text {
 grid-column:2; min-width:0; color:#aebcc2; font:400 13px/1.65 Inter,sans-serif;
 letter-spacing:0; overflow-wrap:anywhere;
}
#deploy #term .steps__cmd { padding:0; border:0; border-radius:0; background:none; color:#deebe7; font-weight:500; }
@media(max-width:1000px) {
 #deploy #term .term__panel { grid-template-columns:minmax(0,1fr); gap:24px; padding:24px; }
 #deploy #term .term__side { grid-template-columns:64px minmax(0,1fr); }
 #deploy #term .steps { grid-column:1; grid-row:2; padding:24px 0 0; border-left:0; border-top:1px solid #ffffff1a; }
 #deploy #term .term__tab { padding:14px 16px; }
}
@media(max-width:600px) {
 #deploy #term .term__tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #deploy #term .term__tab { min-height:66px; padding:12px 16px; gap:10px; }
 #deploy #term .term__tab:nth-child(-n+2) { border-bottom:1px solid #ffffff12; }
 #deploy #term .term__tab:nth-child(2) { border-right:0; }
 #deploy #term .term__panel { padding:20px; gap:20px; }
 #deploy #term .term__side { grid-template-columns:44px minmax(0,1fr); gap:16px 12px; }
 #deploy #term .term__art { width:44px; height:44px; }
 #deploy #term .ipline__value { font-size:14px; }
 #deploy #term .term__btns .copybtn { flex:1 1 110px; }
 #deploy #term .steps { grid-template-columns:minmax(0,1fr); gap:18px; padding-top:20px; }
 #deploy #term .steps__line { gap:3px 10px; }
}
@media(max-width:420px) {
 #deploy #term .term__btns .copybtn { min-height:62px; font-size:12px; }
}