/* 5 · Разъёмы + холст. Токены — atlas.css; паспорт, узел, провод, полоса — shell.css; .cl, .li, .pp — views.css. */
.v5{position:relative;height:100%;display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr)}
.v5-pane{display:none}
.v5-l{overflow:auto;padding:6px 22px 40px 12px;border-right:1px solid var(--line-soft);background:var(--bg);position:relative;z-index:1}
.v5-l h3{margin:12px 0 4px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);display:flex;justify-content:space-between}
.v5-l h3 span{font-family:var(--f-mono);font-weight:400}
.v5-l .svc.hitd{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset}
.v5-l.imp .svc:not(.hitd){opacity:.32;min-height:22px;padding-block:2px}
.v5-l.imp .svc:not(.hitd) .nm{font-size:11px}

.v5-st{position:relative;overflow:hidden;cursor:grab;touch-action:none;user-select:none}
.v5-st.grabbing{cursor:grabbing}
.v5-b{position:absolute;left:0;top:0;transform-origin:0 0;display:grid;grid-template-columns:96px 340px 210px 290px 220px 150px;gap:1px;background:var(--line-soft);width:max-content;border:1px solid var(--line-soft);transition:transform .38s cubic-bezier(.2,.7,.2,1)}
.v5-b.dragging{transition:none}
.v5-b .cl{min-height:70px}
.v5n{display:grid;grid-template-columns:1fr 1fr;gap:5px}.v5n.one{grid-template-columns:1fr}
/* столбцы холста по наполнению, как пропорции слоёв утверждённого макета: ЦОД и ВЛХ — два ряда блоков, РУС, Cloud, «вне площадок» — один */
.v5n .nd span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sitehd{cursor:pointer;border-left:3px solid var(--slate)}
.sitehd.lit,.v5-b .nd.lit{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset}
.sitehd.hitn,.v5-b .nd.hitn{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset}
.v5-b .nd.dim,.sitehd.dim{opacity:.3}
.v5-b .nd{cursor:pointer}.v5-b .nd.k-ghost{cursor:default}
.team-row{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;min-height:0!important}
.team-row .nd{width:220px}

.v5-tools{position:absolute;left:10px;top:10px;z-index:4;display:flex;gap:5px}.v5-tools .chip{background:var(--bg)}
.v5-hint{position:absolute;left:12px;bottom:8px;z-index:4;font-size:11px;color:var(--faint);pointer-events:none;background:var(--bg);padding:2px 6px;border-radius:4px}
.v5-card{position:absolute;right:10px;top:10px;bottom:10px;width:300px;z-index:8;overflow:auto;background:var(--surface);border:1px solid var(--amber);border-radius:8px;padding:10px 14px 14px;box-shadow:0 14px 40px rgba(0,0,0,.45);animation:unfold .3s;cursor:auto;user-select:text}
.v5c-h{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:start}
.v5c-h i{font-style:normal;font-family:var(--f-mono);font-size:10px;color:var(--amber);text-transform:uppercase;letter-spacing:.06em;grid-column:1}
.v5c-h b{font-size:15px;grid-column:1}.v5c-h .tr-x{grid-column:2;grid-row:1/3}
.v5-card p{font-size:12.5px;color:var(--muted);margin:6px 0}
.v5-card h6{margin:12px 0 4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.v5-card .risk{margin-top:8px;padding:6px 10px}.v5-card .risk b{font-size:12px}.v5-card .risk p{font-size:11.5px;margin:2px 0 0}
.v5-dep{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.v5-dep li{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:12px;color:var(--muted)}
.v5-dep button{border:0;background:none;color:var(--fg);font-weight:600;font-size:12.5px;cursor:pointer;padding:0;text-align:left;flex:1 1 auto}
.v5-dep button:hover{color:var(--amber)}.v5-dep small{flex:0 1 45%;font-size:10.5px;color:var(--faint);text-align:right;line-height:1.25}
.v5-card .tech{border:1px dashed var(--line);border-radius:5px;padding:6px 8px;font-size:11.5px}
#v5W{z-index:6}
.w.off{opacity:.4}.wd.off{fill:var(--bg);stroke:currentColor;stroke-width:1.2}

@media (max-width:760px){
  .v5{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .v5-pane{display:flex;gap:6px;padding:6px 12px;border-bottom:1px solid var(--line-soft)}
  .v5[data-pane="list"] .v5-st,.v5[data-pane="map"] .v5-l,#v5W{display:none}
  .v5-l{padding-right:12px}.v5-hint{display:none}
  .v5-card{top:auto;left:8px;right:8px;width:auto;max-height:58%}
}