/* Читаемая схема и постоянная информационная панель в одном fullscreen-контейнере. */
.slc-viewer{position:relative;isolation:isolate;margin:0 12px 12px;border:1px solid var(--plant-line,#dbe4e3);border-radius:14px;background:var(--plant-panel,#fff);color:var(--plant-ink,#29413e);overflow:hidden}
.slc-viewer-actions{position:absolute;z-index:4;top:12px;right:332px;display:flex;gap:6px}
.slc-viewer-actions button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:9px;border:1px solid var(--plant-line,#dbe4e3);border-radius:10px;background:var(--plant-panel,#fff);color:var(--plant-ink,#29413e);box-shadow:0 2px 8px #173c3010;cursor:pointer}
.slc-viewer-actions button:hover{background:var(--plant-soft,#f2f6f5)}
.slc-viewer-actions button:focus-visible,.slc-viewer-viewport:focus-visible,.slc-viewer-sidebar summary:focus-visible{outline:2px solid var(--slc-accent,#466bd6);outline-offset:-2px}
.slc-viewer-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.slc-viewer-actions [data-action="information"],.slc-contract-icon{display:none}
.slc-viewer-actions [aria-pressed="true"] .slc-expand-icon{display:none}
.slc-viewer-actions [aria-pressed="true"] .slc-contract-icon{display:initial}
.slc-viewer-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:clamp(560px,78dvh,1000px);min-height:0}
.slc-viewer-viewport{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;touch-action:none;cursor:grab;background:var(--plant-panel,#fff);scrollbar-width:auto;scrollbar-color:#8da5a0 var(--plant-soft,#f2f6f5)}
.slc-viewer-viewport::-webkit-scrollbar{width:12px;height:12px}
.slc-viewer-viewport::-webkit-scrollbar-track,.slc-viewer-viewport::-webkit-scrollbar-corner{background:var(--plant-soft,#f2f6f5)}
.slc-viewer-viewport::-webkit-scrollbar-thumb{border:3px solid var(--plant-soft,#f2f6f5);border-radius:8px;background:#8da5a0}
.slc-viewer-viewport::-webkit-scrollbar-thumb:hover{background:#607e77}
.slc-viewer-viewport.slc-viewer-dragging{cursor:grabbing;user-select:none}
.slc-viewer-surface{position:relative;overflow:hidden;overflow:clip;min-width:100%;min-height:100%}
#slc-plant-design .slc-viewer-surface>.slc-viewer-content.plant-drawing{position:absolute;left:0;top:0;margin:0;overflow:visible;max-width:none;transform-origin:0 0;will-change:transform}
.slc-viewer-content>svg{display:block;max-width:none}
.slc-viewer-sidebar{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px;background:var(--plant-soft,#f3f7f6);border-left:1px solid var(--plant-line,#dbe4e3);overflow-wrap:anywhere}
.slc-viewer-details{min-width:0}
#slc-plant-design .slc-viewer-details>.plant-popover{position:static;box-sizing:border-box;width:100%;max-width:none;margin:0;font-size:14px;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}
.slc-viewer-expanded,.slc-viewer:fullscreen{position:fixed;inset:0;z-index:2000;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;height:100dvh;max-height:100dvh;background:var(--plant-panel,#fff)}
.slc-viewer-expanded>.slc-viewer-main,.slc-viewer:fullscreen>.slc-viewer-main{flex:1;height:auto;min-height:0}
@media(min-width:1100px) and (max-width:1399px){.slc-viewer-main{grid-template-columns:minmax(0,1fr) 280px}.slc-viewer-actions{right:292px}}
@media(max-width:1099px){
 .slc-viewer-actions{right:12px}
 .slc-viewer-actions [data-action="information"]{display:inline-flex}
 .slc-viewer-main{display:block;height:auto}
 .slc-viewer-viewport{height:clamp(360px,65dvh,720px)}
 .slc-viewer-sidebar{border-left:0;border-top:1px solid var(--plant-line,#dbe4e3);overflow:visible;scrollbar-gutter:auto}
 .slc-viewer-expanded>.slc-viewer-main,.slc-viewer:fullscreen>.slc-viewer-main{display:flex;flex-direction:column;overflow:hidden}
 .slc-viewer-expanded .slc-viewer-viewport,.slc-viewer:fullscreen .slc-viewer-viewport{flex:1;height:auto;min-height:120px}
 .slc-viewer-expanded .slc-viewer-sidebar,.slc-viewer:fullscreen .slc-viewer-sidebar{flex:0 1 auto;max-height:38dvh;overflow:auto;scrollbar-gutter:stable}
}
/* В горизонтальной ориентации низкая нижняя панель перекрывала бы рисунок. */
@media(min-width:560px) and (max-width:1099px) and (max-height:500px){
 .slc-viewer-expanded .slc-viewer-actions,.slc-viewer:fullscreen .slc-viewer-actions{right:252px}
 .slc-viewer-expanded>.slc-viewer-main,.slc-viewer:fullscreen>.slc-viewer-main{display:grid;grid-template-columns:minmax(0,1fr) 240px}
 .slc-viewer-expanded .slc-viewer-viewport,.slc-viewer:fullscreen .slc-viewer-viewport{height:100%;min-height:0}
 .slc-viewer-expanded .slc-viewer-sidebar,.slc-viewer:fullscreen .slc-viewer-sidebar{height:100%;max-height:none;border-top:0;border-left:1px solid var(--plant-line,#dbe4e3)}
 #slc-plant-design .slc-viewer-expanded .plant-return-drawing,#slc-plant-design .slc-viewer:fullscreen .plant-return-drawing{display:none}
}
@media(max-width:700px){
 .slc-viewer{margin:0 8px 8px;border-radius:11px}
 .slc-viewer-actions{top:10px;right:10px}
 .slc-viewer-actions button{width:44px;height:44px}
 .slc-viewer-viewport{height:clamp(340px,62dvh,600px)}
 .slc-viewer-sidebar{padding:14px}
 .slc-viewer-expanded,.slc-viewer:fullscreen{margin:0;border-radius:0}
}