/* =========================================================
   APP TIENDA · V15 ADMIN · DIÁLOGOS LARGOS / DETALLE COMPRA
   Solo presentación. No cambia datos, endpoints ni reglas.
   ========================================================= */

/* Compra: convertir el detalle en un modal de trabajo legible. */
body.v10-admin #v721PurchaseDetail .dialogform{
  width:min(96vw,760px);
  max-width:760px;
  max-height:min(90dvh,860px);
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  background:#fff;
}
body.v10-admin #v721PurchaseDetail .dialog-title{
  position:relative!important;
  top:auto!important;
  z-index:6;
  padding:14px 16px 12px!important;
  margin:0!important;
  background:#fff;
  border-bottom:1px solid #e5e7eb;
}
body.v10-admin #v721PurchaseDetail .dialog-title .eyebrow{font-size:.62rem}
body.v10-admin #v721PurchaseDetail #v721DetailTitle{font-size:1.15rem;line-height:1.15}
body.v10-admin #v721PurchaseDetail #v721DetailBody{
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  padding:12px 14px 14px;
  scrollbar-gutter:stable;
}
body.v10-admin #v721PurchaseDetail .v721-detail-meta{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-bottom:10px;
}
body.v10-admin #v721PurchaseDetail .v721-detail-meta span{
  min-width:0;
  padding:8px 9px;
  border:1px solid #e2e8f0;
  border-radius:9px;
  background:#f8fafc;
  color:#475569;
  font-size:.72rem;
  line-height:1.3;
}
body.v10-admin #v721PurchaseDetail .v721-detail-meta b{color:#0f172a}
body.v10-admin #v721PurchaseDetail .v721-detail-items{
  border:1px solid #e2e8f0;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
body.v10-admin #v721PurchaseDetail .v721-detail-items>div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:10px 11px!important;
  border-bottom:1px solid #e8edf3!important;
}
body.v10-admin #v721PurchaseDetail .v721-detail-items>div:last-child{border-bottom:0!important}
body.v10-admin #v721PurchaseDetail .v721-detail-items>div>span:first-child{min-width:0}
body.v10-admin #v721PurchaseDetail .v721-detail-items>div>span:first-child b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#0f172a;
  font-size:.82rem;
  line-height:1.25;
}
body.v10-admin #v721PurchaseDetail .v721-detail-items small{
  color:#64748b;
  font-size:.62rem;
  line-height:1.25;
}
body.v10-admin #v721PurchaseDetail .v721-detail-items>div>span:last-child{
  text-align:right;
  white-space:nowrap;
  color:#475569;
  font-size:.72rem;
}
body.v10-admin #v721PurchaseDetail .v721-detail-items>div>span:last-child b{
  display:inline;
  color:#0f172a;
  font-size:.82rem;
}
body.v10-admin #v721PurchaseDetail #v721DetailMsg{padding:0 14px;margin:0}
body.v10-admin #v721PurchaseDetail .dialogbuttons{
  position:relative!important;
  bottom:auto!important;
  z-index:7;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  margin:0!important;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
  background:#fff;
  border-top:1px solid #e5e7eb;
}
.v15-purchase-total{display:grid;gap:1px;min-width:0}
.v15-purchase-total span{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:800}
.v15-purchase-total strong{font-size:1rem;color:#0f172a;white-space:nowrap}
body.v10-admin #v721PurchaseDetail .dialogbuttons button{min-height:36px;padding:8px 11px;font-size:.72rem}

/* Reembolso mostrado dentro del detalle: compacto, sin romper scroll. */
body.v10-admin #v721PurchaseDetail .v7299-detail-refund{margin-top:10px}
body.v10-admin #v721PurchaseDetail .v7299-detail-refund hr{border:0;border-top:1px solid #e2e8f0}

/* Regla común para diálogos largos de administración: encabezado y acción accesibles. */
@media(max-width:680px){
  body.v10-admin #editDialog,
  body.v10-admin #userDialog,
  body.v10-admin #closeShiftDialog,
  body.v10-admin #saleDetailDialog,
  body.v10-admin #closeSummaryDialog,
  body.v10-admin #v721PurchaseDetail{
    max-height:94dvh!important;
  }
  body.v10-admin #editDialog .dialogform,
  body.v10-admin #userDialog .dialogform,
  body.v10-admin #closeShiftDialog .dialogform,
  body.v10-admin #saleDetailDialog .dialogform,
  body.v10-admin #closeSummaryDialog .dialogform{
    max-height:94dvh!important;
    overflow:auto!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  body.v10-admin #editDialog .dialog-title,
  body.v10-admin #userDialog .dialog-title,
  body.v10-admin #closeShiftDialog .dialog-title,
  body.v10-admin #saleDetailDialog .dialog-title,
  body.v10-admin #closeSummaryDialog .dialog-title{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    margin:-12px -12px 8px!important;
    padding:11px 12px 9px!important;
    background:#fff!important;
    border-bottom:1px solid #e5e7eb!important;
  }
  body.v10-admin #editDialog .edit-actions,
  body.v10-admin #saleDetailDialog .dialogbuttons,
  body.v10-admin #closeSummaryDialog #closeSummaryOk,
  body.v10-admin #closeShiftDialog #closeShiftForm>button.big-action,
  body.v10-admin #userDialog #userForm>button[type="submit"]{
    position:sticky!important;
    bottom:-12px!important;
    z-index:8!important;
    margin-top:4px!important;
    box-shadow:0 -8px 18px rgba(15,23,42,.08);
  }
  body.v10-admin #closeShiftDialog #closeShiftForm>button.big-action,
  body.v10-admin #userDialog #userForm>button[type="submit"],
  body.v10-admin #closeSummaryDialog #closeSummaryOk{
    width:100%!important;
  }

  body.v10-admin #v721PurchaseDetail .dialogform{
    width:100vw!important;
    max-width:none!important;
    height:min(91dvh,820px)!important;
    max-height:91dvh!important;
    border-radius:18px 18px 0 0!important;
  }
  body.v10-admin #v721PurchaseDetail .dialog-title{padding:11px 12px 9px!important}
  body.v10-admin #v721PurchaseDetail #v721DetailBody{padding:9px 10px 11px!important}
  body.v10-admin #v721PurchaseDetail .v721-detail-meta{
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin-bottom:8px!important;
  }
  body.v10-admin #v721PurchaseDetail .v721-detail-meta span{
    padding:7px 8px!important;
    font-size:.64rem!important;
  }
  body.v10-admin #v721PurchaseDetail .v721-detail-items>div{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:9px 9px!important;
  }
  body.v10-admin #v721PurchaseDetail .v721-detail-items>div>span:first-child b{
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:.72rem!important;
  }
  body.v10-admin #v721PurchaseDetail .v721-detail-items small{font-size:.55rem!important}
  body.v10-admin #v721PurchaseDetail .v721-detail-items>div>span:last-child{font-size:.62rem!important}
  body.v10-admin #v721PurchaseDetail .v721-detail-items>div>span:last-child b{font-size:.72rem!important}
  body.v10-admin #v721PurchaseDetail .dialogbuttons{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;
  }
  .v15-purchase-total strong{font-size:.86rem}
  body.v10-admin #v721PurchaseDetail .dialogbuttons button{min-width:58px!important;padding:7px 8px!important;font-size:.62rem!important}
}

/* Dark mode: nada blanco ni contraste lavado. */
body.v10-admin.lab-theme-dark #v721PurchaseDetail .dialogform,
body.v10-admin.lab-theme-dark #v721PurchaseDetail .dialog-title,
body.v10-admin.lab-theme-dark #v721PurchaseDetail .dialogbuttons{
  background:#172334!important;
  color:#eef4ff!important;
  border-color:#314157!important;
}
body.v10-admin.lab-theme-dark #v721PurchaseDetail .v721-detail-meta span{
  background:#1e2c40!important;
  border-color:#34465f!important;
  color:#afbdd0!important;
}
body.v10-admin.lab-theme-dark #v721PurchaseDetail .v721-detail-meta b,
body.v10-admin.lab-theme-dark #v721PurchaseDetail .v721-detail-items>div>span:first-child b,
body.v10-admin.lab-theme-dark #v721PurchaseDetail .v721-detail-items>div>span:last-child b,
body.v10-admin.lab-theme-dark .v15-purchase-total strong{color:#f8fbff!important}
body.v10-admin.lab-theme-dark #v721PurchaseDetail .v721-detail-items{
  background:#172334!important;
  border-color:#34465f!important;
}
body.v10-admin.lab-theme-dark #v721PurchaseDetail .v721-detail-items>div{border-color:#34465f!important}
body.v10-admin.lab-theme-dark #v721PurchaseDetail .v721-detail-items small,
body.v10-admin.lab-theme-dark #v721PurchaseDetail .v721-detail-items>div>span:last-child,
body.v10-admin.lab-theme-dark .v15-purchase-total span{color:#9fb0c6!important}

@media(max-width:680px){
  body.v10-admin.lab-theme-dark #editDialog .dialog-title,
  body.v10-admin.lab-theme-dark #userDialog .dialog-title,
  body.v10-admin.lab-theme-dark #closeShiftDialog .dialog-title,
  body.v10-admin.lab-theme-dark #saleDetailDialog .dialog-title,
  body.v10-admin.lab-theme-dark #closeSummaryDialog .dialog-title{
    background:#172334!important;
    border-color:#314157!important;
    color:#f8fbff!important;
  }
  body.v10-admin.lab-theme-dark #editDialog .edit-actions,
  body.v10-admin.lab-theme-dark #saleDetailDialog .dialogbuttons{
    background:linear-gradient(to top,#172334 72%,rgba(23,35,52,0))!important;
    padding-top:12px!important;
  }
}