/* TecniQuote v5.6.4 - lanzamiento, cámara y tuberías inteligentes */

body.tq-diagram-mode .tq-camera-cycle{flex:0 0 42px!important;width:42px!important;min-width:42px!important;padding:0!important;justify-content:center!important;border-radius:11px!important}
body.tq-diagram-mode .tq-camera-cycle span{font-size:20px!important}
body.tq-diagram-mode .tq-pipe-button{border-color:#3d8fb2!important;background:#0d2a3c!important}
body.tq-diagram-mode .tq-pipe-panel{position:absolute;left:10px;top:10px;z-index:70;width:min(390px,calc(100% - 20px));padding:13px;border:1px solid #397493;border-radius:14px;background:#071827f2;box-shadow:0 18px 45px #0009;backdrop-filter:blur(12px);color:#eaf8ff}
body.tq-diagram-mode .tq-pipe-panel[hidden]{display:none!important}
body.tq-diagram-mode .tq-pipe-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.tq-diagram-mode .tq-pipe-panel-head button{width:30px;height:30px;border:1px solid #36566f;border-radius:9px;background:#10263a;color:#fff;font-size:20px}
body.tq-diagram-mode .tq-pipe-panel p{margin:8px 0 11px;color:#a9c5d7;font-size:11px;line-height:1.4}
body.tq-diagram-mode .tq-pipe-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.tq-diagram-mode .tq-pipe-actions button{min-height:42px;border:1px solid #315a72;border-radius:10px;background:#10263a;color:#eefaff;font-weight:800}
body.tq-diagram-mode .tq-pipe-actions button:nth-child(1) span{display:inline-block;width:18px;border-top:4px solid #35b8ff;margin-right:7px}
body.tq-diagram-mode .tq-pipe-actions button:nth-child(2) span{display:inline-block;width:18px;border-top:4px solid #55df94;margin-right:7px}
body.tq-diagram-mode .tq-pipe-actions button[data-pipe-tool="select"],body.tq-diagram-mode .tq-smart-pipes{grid-column:1/-1}
body.tq-diagram-mode .tq-smart-pipes{background:linear-gradient(180deg,#176fe0,#0d55bd)!important;border-color:#51a6ff!important}
body.tq-diagram-mode .tq-pipe-actions button.active{background:#176fe0;border-color:#55a4ff}
body.tq-diagram-mode label:has(#v500RenderPipes){display:none!important}

body.tq-diagram-mode .tq-render-inventory{
  display:block;max-width:680px;padding:9px 13px;border:1px solid #2f6686;border-radius:11px;
  background:#0b2233;color:#ccefff;font-size:12px;line-height:1.45
}

@media(min-width:821px){
  body.tq-diagram-mode .tq-pro-diagram{grid-template-rows:62px minmax(0,1fr)!important}
  body.tq-diagram-mode .tq-pro-topbar{height:62px!important;min-height:62px!important;padding:4px 12px!important}
  body.tq-diagram-mode .tq-pro-navbtn{height:47px!important;min-width:59px!important;padding:3px 6px!important}
  body.tq-diagram-mode .tq-pro-shell{padding:6px!important;gap:6px!important}
  body.tq-diagram-mode .tq-pro-center{grid-template-rows:44px minmax(0,1fr) 76px!important;gap:5px!important}
  body.tq-diagram-mode .tq-pro-toolbar{height:44px!important;min-height:44px!important;padding:3px 5px!important}
  body.tq-diagram-mode .tq-pro-pill,body.tq-diagram-mode .tq-layout-toggle{height:34px!important}
  body.tq-diagram-mode .tq-pro-views{height:76px!important;gap:5px!important}
  body.tq-diagram-mode .tq-pro-viewcard{height:76px!important;border-radius:9px!important}
  body.tq-diagram-mode .tq-pro-viewthumb{height:49px!important}
  body.tq-diagram-mode .tq-pro-viewlabel{height:27px!important;padding:5px 6px!important;font-size:9px!important}
}

/* La barra principal se conserva completa y desplazable en pantallas estrechas. */
@media(min-width:821px){
  body.tq-diagram-mode .tq-pro-brand{display:flex!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}
  body.tq-diagram-mode .tq-pro-logo{position:relative!important;z-index:1!important;flex:0 0 auto!important}
  body.tq-diagram-mode .tq-pro-mainnav{position:relative!important;z-index:3!important;display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  body.tq-diagram-mode .tq-pro-mainnav::-webkit-scrollbar{display:none!important}
  body.tq-diagram-mode .tq-pro-navbtn{flex:0 0 58px!important;min-width:58px!important}
}

@media(max-width:820px){
  body.tq-diagram-mode{padding-bottom:68px!important}
  body.tq-diagram-mode .tq-pro-mobilebar{min-height:52px!important;height:52px!important;padding:6px 10px!important}
  body.tq-diagram-mode .tq-pro-mobilebar .left b{font-size:19px!important}
  body.tq-diagram-mode .tq-pro-mobilebar .tq-pro-round{width:36px!important;height:36px!important}
  body.tq-diagram-mode .tq-pro-shell{padding:4px!important}
  body.tq-diagram-mode .tq-pro-center{gap:4px!important}
  body.tq-diagram-mode .tq-pro-toolbar{height:48px!important;min-height:48px!important;padding:4px!important}
  body.tq-diagram-mode .tq-pro-toolbar-left{height:40px!important;flex-wrap:nowrap!important;align-items:center!important;padding:0!important}
  body.tq-diagram-mode .tq-pro-titlepill{display:none!important}
  body.tq-diagram-mode .tq-pro-pill{height:38px!important;padding:0 11px!important}
  body.tq-diagram-mode .tq-pro-stagecard{height:calc(100dvh - 176px)!important;min-height:430px!important;max-height:none!important;border-radius:11px!important}
  body.tq-diagram-mode #v45TechnicalStage,body.tq-diagram-mode #v45PhotoStage{padding:0!important;overflow:hidden!important}
  body.tq-diagram-mode #diagram .tq-pro-stagecard #v45TechnicalStage svg,
  body.tq-diagram-mode #diagram .tq-pro-stagecard #v45PhotoStage svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:contain!important}
  body.tq-diagram-mode .tq-camera-cycle{font-size:20px!important}
  body.tq-diagram-mode .tq-mobile-dock{left:5px!important;right:5px!important;bottom:max(5px,env(safe-area-inset-bottom))!important;padding:5px!important;border-radius:15px!important}
  body.tq-diagram-mode .tq-mobile-dock button{height:46px!important}
  #v500RenderStage .tq-render-empty{padding:16px 14px!important;gap:8px!important}
  #v500RenderStage .tq-render-empty-icon{font-size:31px!important}
  #v500RenderStage .tq-render-empty h3{font-size:20px!important}
  #v500RenderStage .tq-render-empty p{font-size:11px!important}
  #v500RenderStage .tq-render-inventory{padding:7px 9px;font-size:10px}
}