.step-template-substep{margin-left:2rem;border-left:3px solid #39a9b8!important}
.wiki-page-type-choice{max-width:360px;margin:1rem 0}.wiki-type-hint{font-size:.9rem}
.wiki-network{--net-ink:var(--ink,#f5f4f9);--net-muted:var(--muted,#b4bfd7);--net-line:var(--line,#38445f);--net-bg:var(--field,#0c1121);--net-surface:var(--surface,#181f35);--net-accent:var(--blue-light,#a2b2cb);background:var(--net-surface);color:var(--net-ink);border:1px solid var(--net-line);border-radius:18px;overflow:hidden;margin:1rem 0;box-shadow:0 10px 30px #163b5710;color-scheme:inherit}
.network-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid var(--net-line);flex-wrap:wrap}.network-brand{display:grid;gap:3px}.network-brand strong{font-size:1.1rem;letter-spacing:-.02em}.network-brand small{font-size:.75rem;color:var(--net-muted)}
.network-actions{display:flex;gap:5px;flex-wrap:wrap}.wiki-network button.secondary{background:var(--net-surface);color:var(--net-ink);border:1px solid var(--net-line);box-shadow:none;min-height:34px;padding:7px 10px;border-radius:8px;font-size:.75rem;width:auto;margin:0}.wiki-network button:hover{background:var(--net-bg);border-color:var(--net-accent)}.wiki-network button.is-active{background:var(--net-bg);color:var(--net-accent);border-color:var(--net-accent)}.wiki-network button:disabled{opacity:.4;cursor:default}
.network-layout{display:grid;grid-template-columns:minmax(0,1fr)}.wiki-network.is-editable .network-layout{grid-template-columns:160px minmax(0,1fr) 220px}.network-palette{border-right:1px solid var(--net-line);padding:16px 12px;display:flex;flex-direction:column;gap:7px;background:var(--net-surface)}.wiki-network h4{color:var(--net-muted);font-size:.65rem;letter-spacing:.12em;margin:0 0 14px;font-weight:750}.network-palette button.secondary{display:flex;align-items:center;text-align:left;gap:10px;border-color:transparent;background:transparent;padding:9px 6px}.network-palette button.secondary:hover{background:var(--net-bg)}.network-palette button.network-palette-extra{border:1px solid var(--net-line);margin-top:8px;font-size:.72rem;justify-content:center}
.network-stage{min-width:0;background:var(--net-bg);position:relative}.network-canvas{display:block;width:100%;height:620px;touch-action:none;user-select:none}.network-canvas:focus{outline:2px solid var(--net-accent);outline-offset:-3px}.network-device,.network-zone{cursor:grab}.network-device:active,.network-zone:active{cursor:grabbing}.network-edge{cursor:pointer}.network-device:focus .network-device-card{stroke:var(--net-accent);stroke-width:3}.network-inspector{border-left:1px solid var(--net-line);padding:20px 16px;overflow:auto;max-height:620px;background:var(--net-surface)}.network-inspector label{display:grid;gap:6px;margin:0 0 14px;font-size:.72rem;font-weight:650;color:var(--net-muted)}.network-inspector input,.network-inspector select{width:100%;max-width:100%;border:1px solid var(--net-line);background:var(--net-bg);color:var(--net-ink);padding:8px;border-radius:7px;min-height:34px;font-size:.8rem;box-sizing:border-box}.network-inspector .hint{color:var(--net-muted);font-size:.78rem;line-height:1.65}.network-inspector button{margin-bottom:8px!important}.wiki-network button.destructive{color:var(--coral,#e4a7b4);border-color:var(--net-line);background:var(--net-bg)}.network-status{margin:0!important;padding:11px 20px;color:var(--net-muted);background:var(--net-surface);border-top:1px solid var(--net-line);font-size:.73rem}
.wiki-storage{border:1px solid var(--border,#5a7185);border-radius:12px;overflow:hidden;margin:1rem 0}.wiki-storage-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px;border-bottom:1px solid var(--border,#5a7185)}.wiki-storage-toolbar h3{margin:0 auto 0 0;font-size:1rem}.wiki-storage-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:300px}.wiki-storage-tree{padding:12px;border-right:1px solid var(--border,#5a7185);overflow:auto}.wiki-storage-tree button{display:block;width:100%;text-align:left;margin:3px 0;padding:7px 8px;border:0;background:transparent;color:inherit;white-space:normal}.wiki-storage-tree button.selected{background:#259fb128;border-radius:6px;color:#30b9c9}.wiki-storage-pane{padding:18px;min-width:0}.wiki-storage-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:15px;font-size:.85rem}.wiki-storage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.wiki-storage-folder{display:flex;align-items:center;gap:10px;padding:18px;border:1px solid var(--border,#5a7185);border-radius:8px;cursor:pointer;background:transparent;color:inherit;text-align:left}.wiki-storage-folder span:first-child{font-size:1.7rem;color:#3eaec5}.wiki-storage-file{border:1px solid var(--border,#5a7185);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}.wiki-storage-file strong{overflow-wrap:anywhere;font-size:.9rem}.wiki-storage-file small{opacity:.65}.wiki-storage-file .knowledge-actions{margin-top:auto;gap:5px}.wiki-storage-file button{font-size:.75rem;padding:6px 9px}.wiki-storage-file select{max-width:100%;font-size:.75rem}.wiki-storage-drop{outline:2px dashed #27b4ca;outline-offset:-5px}.wiki-storage-status{padding:0 15px;font-size:.85rem}.wiki-storage-empty{text-align:center;padding:45px 20px;opacity:.7}
@media(max-width:1100px){.wiki-network.is-editable .network-layout{grid-template-columns:140px minmax(0,1fr)}.network-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--net-line);max-height:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.network-inspector h4,.network-inspector>p{grid-column:1/-1}.network-inspector label{margin:0}.network-canvas{height:540px}}
@media(max-width:650px){.wiki-network.is-editable .network-layout{grid-template-columns:minmax(0,1fr)}.network-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--net-line);padding:10px;gap:3px}.network-palette h4{grid-column:1/-1;margin:0 0 4px}.network-palette button.secondary{font-size:.65rem;gap:4px;padding:5px}.network-palette svg{width:20px;height:20px;flex-shrink:0}.network-palette button.network-palette-extra{margin-top:0}.network-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.network-canvas{height:450px}.network-topbar{padding:13px}.wiki-storage-layout{grid-template-columns:1fr}.wiki-storage-tree{border-right:0;border-bottom:1px solid var(--border,#5a7185);max-height:180px}.wiki-storage-grid{grid-template-columns:1fr}.wiki-storage-pane{padding:12px}}

.network-inventory-picker{max-width:720px}.network-inventory-picker>input{width:100%;margin:0 0 14px}.network-inventory-results{display:grid;gap:8px;max-height:45vh;overflow:auto}.network-inventory-result{display:grid;gap:4px;text-align:left;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink)}.network-inventory-result:hover{border-color:var(--blue-light)}.network-inventory-result small{color:var(--muted);font-weight:400}.network-inspector>h4:not(:first-child){margin-top:12px}

#settings-tab-retention{min-width:40px;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px}#settings-panel-retention .editor-content{max-width:760px;padding:22px}#detail-retention-field{display:block;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}

.network-details-dialog{width:min(1100px,calc(100% - 28px));max-width:1100px;max-height:92vh;padding:0;overflow:hidden;border:1px solid var(--line);border-top:5px solid var(--blue-light);border-radius:16px;background:var(--surface);color:var(--ink)}.network-details-dialog>form{display:flex;flex-direction:column;max-height:calc(92vh - 8px)}.network-details-heading{padding:20px 24px 8px}.network-details-heading h2{margin:0;font-size:1.3rem}.network-details-heading p{margin:5px 0}.network-details-tabs{display:flex;gap:5px;overflow:auto;flex-shrink:0;padding:10px 20px;border-bottom:1px solid var(--line)}.network-details-tabs button{white-space:nowrap;padding:8px 13px;background:var(--field);color:var(--muted);border:1px solid var(--line);border-radius:8px;font-size:.8rem}.network-details-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--blue-light);box-shadow:inset 0 -2px var(--blue-light)}.network-details-body{padding:20px 24px;overflow:auto;min-height:180px}.network-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.network-details-dialog label{display:grid;gap:5px;font-size:.85rem;margin:0 0 12px}.network-details-dialog input,.network-details-dialog select,.network-details-dialog textarea{width:100%;min-width:0;background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font:inherit;box-sizing:border-box}.network-details-dialog :is(input,select,textarea):disabled{opacity:1;border-color:transparent;background:var(--field);color:var(--ink)}.network-details-dialog .check-label{display:flex;align-items:center;gap:8px}.network-details-dialog input[type=checkbox]{width:auto}.network-details-card{background:var(--field);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px}.network-details-card h3{margin:0 0 15px;font-size:1rem}.network-details-card h4{font-size:.85rem;margin:18px 0 10px;color:var(--muted)}.network-details-card .network-details-card{background:var(--surface);padding:12px}.network-port-destination{border-top:1px dashed var(--line);padding-top:15px;margin:12px 0}.network-details-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;padding:13px 24px;border-top:1px solid var(--line);flex-shrink:0}.network-details-status{padding:0 24px;margin:0;font-size:.85rem;color:var(--coral)}.network-details-dialog button{font-size:.8rem;min-height:34px}.network-details-dialog fieldset{border:1px solid var(--line);border-radius:8px;margin:8px 0 14px}.network-details-dialog fieldset .check-label{display:inline-flex;margin:8px 20px 8px 0}.network-details-dialog .preserve{white-space:pre-wrap}
@media(max-width:650px){.network-details-grid{grid-template-columns:1fr}.network-details-heading,.network-details-body{padding:16px}.network-details-tabs{padding:8px 12px}.network-details-actions{padding:12px}.network-details-card{padding:12px}}

.network-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--net-line);background:var(--net-surface)}.network-catalog>section{padding:18px 20px;min-width:0}.network-catalog>section+section{border-left:1px solid var(--net-line)}.network-catalog-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:10px}.network-catalog-heading h3{margin:0;font-size:.9rem;color:var(--net-ink)}.network-catalog .hint{font-size:.78rem;color:var(--net-muted)}.network-catalog-line{display:grid;gap:2px;margin:0;padding:7px 0;border-bottom:1px solid var(--net-line);overflow-wrap:anywhere}.network-catalog-line strong{font-size:.8rem}.network-catalog-line span{font-size:.75rem;color:var(--net-muted)}.network-catalog-choice{display:flex;gap:8px;align-items:center;margin:0 0 16px;flex-wrap:wrap}.network-catalog-choice select{width:auto;flex:1;min-width:160px}.network-catalog-choice button{flex-shrink:0}
@media(max-width:650px){.network-catalog{grid-template-columns:1fr}.network-catalog>section+section{border-left:0;border-top:1px solid var(--net-line)}}

.network-details-dialog[data-device-type]{border-top-color:var(--network-device-accent,var(--blue-light))}.network-details-dialog[data-device-type] .network-details-heading{position:relative;padding-left:82px}.network-details-type-icon{position:absolute;left:23px;top:20px;display:flex;width:43px;height:43px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--network-device-accent,var(--blue-light));padding:7px}.network-details-type-icon svg{width:100%;height:100%}

/* Finite, content-sized diagram surface with native navigation. */
.network-stage{height:620px;overflow:scroll;scrollbar-gutter:stable;overscroll-behavior:contain}.network-canvas{max-width:none;max-height:none;flex-shrink:0}.network-stage{scrollbar-color:var(--net-line) var(--net-bg)}
@media(max-width:1100px){.network-stage{height:540px}}
@media(max-width:650px){.network-stage{height:450px}}

.network-actions .network-device-search,.network-actions .network-device-results{background:var(--net-bg);color:var(--net-ink);border:1px solid var(--net-line);border-radius:7px;padding:8px;max-width:260px;min-width:150px;font-size:.75rem}.network-actions .network-device-search:focus,.network-actions .network-device-results:focus{outline:2px solid var(--net-accent);outline-offset:1px}