/* Panel flotante y botones del sistema vTaxes; únicamente composición y ubicación. */
.demo-popup{position:fixed;inset:auto 20px 20px auto;margin:0;width:min(400px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:24px;box-sizing:border-box;color:var(--vt-navy);font-family:Montserrat,sans-serif;z-index:100;transform-origin:bottom right;scrollbar-width:thin}
.demo-popup:popover-open,.demo-popup:not([popover]):not([hidden]){display:grid;gap:12px}.demo-popup[hidden]{display:none}.demo-popup>.chip{margin-right:42px;white-space:normal;font-size:10px}.demo-popup h3{font-size:20px;line-height:1.35;margin:0}.demo-popup p{font-size:14px;line-height:1.65;margin:0;overflow-wrap:anywhere}.demo-popup small{font-size:11px;line-height:1.55}.demo-popup .row{gap:10px;flex-wrap:wrap;margin:0}.demo-popup .vt-btn{font-size:12px;min-height:42px;padding-inline:18px}.demo-popup .demo-popup-close{position:absolute;top:16px;right:16px;width:38px;height:38px;min-height:38px;padding:0}.demo-popup-controls{display:grid;gap:12px}.demo-popup-controls .row{gap:12px;flex-wrap:wrap}.demo-popup-controls h3{margin:0}.demo-popup-controls p{font-size:13px}
@media(max-width:1280px){.demo-popup{inset:20px 20px auto auto;max-height:min(460px,calc(100dvh - 40px));transform-origin:top right}}
@media(max-width:700px){.demo-popup{inset:12px 12px auto auto;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:48dvh;padding:20px}.demo-popup h3{font-size:18px}.demo-popup p{font-size:13px}.demo-popup small{font-size:10px}.demo-popup .row{gap:8px}.demo-popup-controls .vt-btn{white-space:normal}}
@media print{.demo-popup,.demo-popup-controls{display:none}}