/* BeHost México · panel-layout-v265
   Única capa de geometría para panel administrador y cliente.
   No redefine colores de negocio: sólo ancho, flujo, navegación y respuesta móvil. */
html{width:100%;max-width:100%;margin:0;padding:0;overflow-x:clip}
body{width:100%;max-width:100%;min-width:0;margin:0;padding:0;overflow-x:clip}
body *,body *::before,body *::after{box-sizing:border-box}

/* ===== ADMINISTRADOR ===== */
.unified-admin-topbar{
  display:block!important;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important;
  overflow:visible!important;z-index:120!important;background:rgba(250,253,255,.98)!important;border-bottom:1px solid #d8e5ef!important;
  box-shadow:0 10px 26px rgba(7,26,50,.075)!important
}
.unified-admin-topbar .unified-admin-wrap{
  display:block!important;position:relative!important;inset:auto!important;float:none!important;transform:none!important;
  width:min(1500px,calc(100% - 24px))!important;max-width:1500px!important;min-width:0!important;
  margin:0 auto!important;padding:10px 0 12px!important;overflow:visible!important
}
.unified-admin-head{
  display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(260px,420px) minmax(180px,1fr)!important;
  align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;position:relative!important;inset:auto!important;transform:none!important;overflow:visible!important
}
.admin-home-brand{grid-column:1!important;justify-self:start!important;min-width:0!important;max-width:100%!important;position:relative!important;inset:auto!important;transform:none!important}
.admin-home-brand img{display:block!important;width:148px!important;height:46px!important;max-width:100%!important;object-fit:contain!important}
.admin-live-context{grid-column:2!important;justify-self:stretch!important;min-width:0!important;max-width:420px!important;width:100%!important;text-align:center!important}
.unified-admin-actions{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;max-width:100%!important;position:relative!important;inset:auto!important;transform:none!important}
.session-user{max-width:170px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.exit-icon-only{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;display:grid!important;place-items:center!important;padding:0!important}

.unified-nav.rebuilt-menu.flow-menu{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;margin:9px 0 0!important;padding:0!important;
  position:relative!important;inset:auto!important;transform:none!important;overflow:visible!important
}
.unified-nav.rebuilt-menu.flow-menu .unified-nav-row{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important;
  width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important
}
.unified-nav.rebuilt-menu.flow-menu .nav-chip{
  display:inline-flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;min-width:0!important;max-width:100%!important;min-height:40px!important;padding:8px 11px!important;
  white-space:nowrap!important;position:relative!important;inset:auto!important;transform:none!important
}
.unified-nav.rebuilt-menu.flow-menu .nav-chip>span:first-child{flex:0 0 27px!important;width:27px!important;height:27px!important;min-width:27px!important;display:grid!important;place-items:center!important}
.unified-nav.rebuilt-menu.flow-menu .nav-chip strong{font-size:12px!important;line-height:1!important;white-space:nowrap!important}

/* Contenido: jamás usa margen lateral heredado, transform o ancho mayor al viewport. */
body.safe-admin-page>main.safe-admin,
.unified-admin-topbar+main,
.unified-admin-topbar~main,
main.safe-admin,
main.wrap,
main.site,
.cat-wrap,.fa-wrap,.fa-shell,.capture-shell,.imp-shell,.diag-wrap,.bridge-shell,.admin-module-main{
  display:block!important;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  float:none!important;clear:both!important;transform:none!important;
  width:min(1500px,calc(100% - 24px))!important;max-width:1500px!important;min-width:0!important;
  margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important
}
body.safe-admin-page>main.safe-admin>* ,
.unified-admin-topbar~main>* ,main.wrap>* ,main.site>* ,
.cat-wrap>* ,.fa-wrap>* ,.fa-shell>* ,.capture-shell>* ,.imp-shell>* ,.diag-wrap>* ,.bridge-shell>* ,.admin-module-main>*{
  min-width:0!important;max-width:100%!important
}

/* Compras/Licencias */
.safe-admin{padding-top:22px!important;padding-bottom:42px!important}
.safe-page-head,.safe-context-tabs,.safe-tools,.safe-kpis,.safe-grid,.safe-order,.safe-note,.garden-safe,.safe-table-wrap{width:100%!important;max-width:100%!important;min-width:0!important}
.safe-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
.safe-order{display:block!important;position:relative!important;inset:auto!important;float:none!important;transform:none!important;margin:0!important;overflow:visible!important}
.safe-order-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important;width:100%!important;min-width:0!important;max-width:100%!important}
.safe-order-top>*{min-width:0!important;max-width:100%!important}
.safe-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important;max-width:100%!important}
.safe-meta>span{max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.safe-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important;min-width:0!important;max-width:100%!important}
.safe-actions form{max-width:100%!important;min-width:0!important;margin:0!important}
.safe-table-wrap,.table-wrap{display:block!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important}
.safe-table{width:100%!important;max-width:none!important;border-collapse:collapse!important}
.safe-search{max-width:100%!important;min-width:0!important}
.safe-search input{min-width:0!important;max-width:100%!important}

/* ===== CLIENTE ===== */
.client-v36-topbar{
  display:block!important;position:relative!important;inset:auto!important;transform:none!important;
  width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;z-index:120!important
}
.client-v36-shell{
  display:block!important;position:relative!important;inset:auto!important;float:none!important;transform:none!important;
  width:min(1420px,calc(100% - 24px))!important;max-width:1420px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important
}
.client-v36-head{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(220px,400px) minmax(180px,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important;max-width:100%!important}
.client-v36-brand{justify-self:start!important;min-width:0!important;max-width:100%!important}.client-v36-brand img{display:block!important;width:145px!important;height:46px!important;max-width:100%!important;object-fit:contain!important}
.client-v36-context{justify-self:stretch!important;min-width:0!important;max-width:400px!important;width:100%!important;text-align:center!important}
.client-v36-session{justify-self:end!important;min-width:0!important;max-width:100%!important}
.client-v36-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
.client-v36-nav a{display:inline-flex!important;flex:0 0 auto!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important}
.client-v36-main{display:block!important;position:relative!important;inset:auto!important;float:none!important;transform:none!important;width:min(1420px,calc(100% - 24px))!important;max-width:1420px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;padding-top:22px!important}
.client-v36-main>*{min-width:0!important;max-width:100%!important}
.client-v36-table-card,.client-v36-purchases,.client-v36-payment-list,.client-v36-form-card,.client-v36-fiscal-list{width:100%!important;max-width:100%!important;min-width:0!important}
.client-v36-table-card,.client-v36-purchases{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}

img,svg,video,canvas{max-width:100%;height:auto}

@media(max-width:1000px){
  .unified-admin-head,.client-v36-head{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:8px!important}
  .admin-home-brand,.client-v36-brand{grid-column:1!important;grid-row:1!important}
  .unified-admin-actions,.client-v36-session{grid-column:2!important;grid-row:1!important}
  .admin-live-context,.client-v36-context{grid-column:1/-1!important;grid-row:2!important;justify-self:stretch!important;max-width:none!important;width:100%!important;min-width:0!important}
  .unified-nav.rebuilt-menu.flow-menu .unified-nav-row,.client-v36-nav{
    justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;padding:2px 1px 7px!important
  }
  .unified-nav.rebuilt-menu.flow-menu .nav-chip,.client-v36-nav a{flex:0 0 auto!important}
}

@media(max-width:700px){
  .unified-admin-topbar .unified-admin-wrap,
  body.safe-admin-page>main.safe-admin,.unified-admin-topbar+main,.unified-admin-topbar~main,main.safe-admin,main.wrap,main.site,
  .cat-wrap,.fa-wrap,.fa-shell,.capture-shell,.imp-shell,.diag-wrap,.bridge-shell,.admin-module-main,
  .client-v36-shell,.client-v36-main{width:calc(100% - 14px)!important}
  .admin-home-brand>div,.client-v36-brand>div{display:none!important}
  .admin-home-brand img,.client-v36-brand img{width:116px!important;height:40px!important}
  .session-user{max-width:105px!important}
  .safe-tools{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .safe-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important}
  .safe-order{padding:17px!important}
  .safe-order-top{grid-template-columns:minmax(0,1fr)!important}
  .safe-order-top>.safe-tag{justify-self:start!important}
  .safe-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
  .safe-actions .btn,.safe-actions form,.safe-actions form .btn{width:100%!important;max-width:100%!important}
  .safe-meta{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .safe-meta>span{width:100%!important}
  .safe-kpis{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:460px){
  .unified-admin-topbar .unified-admin-wrap,.client-v36-shell,.client-v36-main,
  body.safe-admin-page>main.safe-admin,.unified-admin-topbar+main,.unified-admin-topbar~main,main.safe-admin,main.wrap,main.site{width:calc(100% - 10px)!important}
  .session-user{display:none!important}
  .admin-live-context time,.admin-live-context span,.client-v36-context{font-size:10px!important}
  .safe-search{grid-template-columns:minmax(0,1fr)!important}
  .safe-search .btn{width:100%!important}
}

@media(prefers-reduced-motion:reduce){.unified-nav a,.client-v36-nav a{transition:none!important}}
