/* SIG v2.6 · visual hierarchy inherits established SCION workspace tokens. */
.sig26{display:grid;gap:19px;max-width:1480px;margin:0 auto;color:var(--v12-text,var(--text))}
.sig26-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.sig26-head h2{font-size:clamp(23px,2.2vw,33px);letter-spacing:-.9px;line-height:1.2;margin:7px 0}
.sig26-head p{color:var(--v12-sub,var(--muted));max-width:750px;margin:0}
.sig26-eyebrow,.sig26-step{color:var(--v12-primary,#64dfbd);font-size:10px;font-weight:750;letter-spacing:1.2px;text-transform:uppercase}
.sig26-summary{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:17px 21px;border-radius:14px;background:var(--v12-card,#142235);border:1px solid var(--v12-line,#293c52)}
.sig26-summary span{display:flex;align-items:center;gap:7px;color:var(--v12-sub,#a3b5ca)}
.sig26-summary b{font-size:21px;line-height:1;color:var(--v12-text,#ecf3fc)}
.sig26-summary .sig26-status-note{margin-left:auto;font-size:11px;color:var(--v12-weak,#8ca4bc)}
.sig26-tabs{display:flex;gap:5px;padding:5px;width:max-content;max-width:100%;border:1px solid var(--v12-line,#293c52);background:var(--v12-layer,#192a40);border-radius:12px;overflow-x:auto}
.sig26-tabs button{appearance:none;border:0;border-radius:8px;padding:10px 19px;color:var(--v12-sub,#a3b5ca);background:transparent;font-weight:700;cursor:pointer;white-space:nowrap}
.sig26-tabs button[aria-selected=true]{background:var(--v12-card,#142235);box-shadow:0 2px 8px #0002;color:var(--v12-primary,#64dfbd)}
.sig26 [hidden]{display:none!important}
.sig26-view{display:grid;gap:18px;min-width:0}
.sig26-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sig26 .panel{min-width:0;margin:0}
.sig26 .panel-head h3{margin:6px 0;font-size:18px}
.sig26 .panel-head p{margin:4px 0 0;color:var(--v12-sub,#a3b5ca);font-size:12px}
.sig26 .panel-body{display:grid;gap:12px}
.sig26 .panel-body label{display:grid;gap:6px;font-weight:600;color:var(--v12-sub,#a3b5ca);font-size:12px}
.sig26 label input:not([type=checkbox]),.sig26 label select,.sig26 .sig26-fields input,.sig26 .sig26-fields select{width:100%;max-width:100%;min-height:40px;border-radius:9px;border:1px solid var(--v12-line-strong,#39516b);padding:8px 11px;background:var(--v12-layer,#192a40);color:var(--v12-text,#ecf3fc)}
.sig26 .sig26-check{display:flex!important;align-items:flex-start;gap:9px;line-height:1.5;cursor:pointer}
.sig26 .sig26-check input{margin-top:3px;flex:none}
.sig26 .sig26-hint{color:var(--v12-sub,#a3b5ca);font-size:12px;line-height:1.6;margin:0}
.sig26 .sig26-details{border-top:1px solid var(--v12-line,#293c52);padding-top:10px;color:var(--v12-sub,#a3b5ca)}
.sig26 .sig26-details summary{cursor:pointer;font-weight:620;color:var(--v12-primary,#64dfbd)}
.sig26 .sig26-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:12px;align-items:end}
.sig26 .sig26-fields label{min-width:0}
.sig26 .sig26-fields>.button{align-self:end}
.sig26-progress [data-progress]{white-space:pre-wrap;line-height:1.8;padding:12px 16px;border-radius:10px;background:var(--v12-layer,#192a40);border:1px solid var(--v12-line,#293c52)}
.sig26-actions{display:flex;gap:12px;flex-wrap:wrap}
.sig26-canvas{position:relative;width:100%;height:clamp(420px,55vh,700px);border:1px solid var(--v12-line,#293c52);background:radial-gradient(circle at center,#537e9d21 1px,transparent 1px) 0 0 / 22px 22px,var(--v12-layer,#192a40);border-radius:12px;overflow:hidden;touch-action:none}
.sig26-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sig26-canvas svg path{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}
.sig26-edge-active{stroke:var(--v12-primary,#64dfbd)}
.sig26-edge-candidate{stroke:var(--v12-weak,#8ca4bc);stroke-dasharray:8 8;opacity:.45}
.sig26-node{position:absolute;display:flex;flex-direction:column;gap:3px;align-items:flex-start;width:172px;min-height:68px;padding:12px 15px;border:1px solid var(--v12-line-strong,#39516b);background:var(--v12-card,#142235);border-radius:12px;box-shadow:0 5px 17px #0003;color:var(--v12-text,#ecf3fc);text-align:left;cursor:grab;user-select:none;touch-action:none}
.sig26-node:active{cursor:grabbing}
.sig26-node small{font-size:10px;color:var(--v12-primary,#64dfbd);letter-spacing:.8px}
.sig26-node b{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sig26-node span{font-size:11px;color:var(--v12-sub,#a3b5ca)}
.sig26-node-gateway{border-color:#7d86c0}
.sig26-legend{display:flex;gap:23px;flex-wrap:wrap;color:var(--v12-sub,#a3b5ca);font-size:11px;margin:12px 0}
.sig26-routebar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:13px;background:var(--v12-layer,#192a40);border-radius:10px}
.sig26-message{min-height:34px;margin:0;padding:10px 15px;color:var(--v12-primary,#64dfbd)}
.sig26-message[data-error="1"]{color:#f4a2a2}
.sig26-log{white-space:pre-wrap;word-break:break-word;max-height:430px;overflow:auto;color:var(--v12-sub,#a3b5ca);font-size:11px}
@media(max-width:850px){.sig26-grid{grid-template-columns:1fr}.sig26-head{flex-wrap:wrap}.sig26-summary .sig26-status-note{margin:0}}
@media(max-width:600px){.sig26 .sig26-fields{grid-template-columns:1fr}.sig26-tabs{width:100%}.sig26-tabs button{flex:1;padding:10px}.sig26-node{width:132px;min-height:64px;padding:9px}.sig26-summary{gap:13px}}

/* SIG v2.8 – install wizard shares the existing SCION workspace palette. */
.sig26-installer .panel-body{gap:15px}.sig26-install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.sig26-install-host{border:1px solid var(--v12-line,#293c52);border-radius:12px;min-width:0;padding:15px;display:grid;gap:12px}
.sig26-install-host legend{font-size:13px;color:var(--v12-primary,#64dfbd);font-weight:700;padding:0 7px}
.sig26-install-host label{display:grid;gap:6px;font-size:12px;color:var(--v12-sub,#a3b5ca)}
.sig26-install-host input,.sig26-install-host select{width:100%;min-height:40px;border-radius:9px;border:1px solid var(--v12-line-strong,#39516b);padding:8px 11px;background:var(--v12-layer,#192a40);color:var(--v12-text,#ecf3fc)}
.sig26-pill{font-size:11px;color:var(--v12-primary,#64dfbd);border:1px solid var(--v12-line,#293c52);border-radius:99px;padding:7px 11px}
.sig26-installed-list{display:grid;gap:6px;color:var(--v12-sub,#a3b5ca);font-size:12px}
.sig26-installed-list>div{padding:9px 12px;border:1px solid var(--v12-line,#293c52);border-radius:8px}
@media(max-width:850px){.sig26-install-grid{grid-template-columns:1fr}}