/* APP TIENDA · UI V9 PRODUCCION R6
   Solo presentación. No altera cálculos, formularios ni datos. */

/* En producción no debe mostrarse el distintivo del laboratorio. */
.lab-v5-badge{display:none!important}

/* Compras pagadas personalmente: visibles como referencia, nunca mezcladas con salidas. */
.r6-personal-section{margin-top:14px;padding:14px;border:1px solid rgba(148,163,184,.20);border-radius:18px;background:rgba(148,163,184,.055)}
.r6-personal-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.r6-personal-title h4{margin:2px 0 3px;font-size:1rem;line-height:1.2}
.r6-personal-title p{margin:0;max-width:680px;font-size:.76rem;line-height:1.4;color:var(--muted,#64748b)}
.r6-personal-totals{text-align:right;white-space:nowrap}
.r6-personal-totals>strong{display:block;font-size:1rem}.r6-personal-totals>small{font-size:.69rem;color:#b45309;font-weight:800}
.r6-personal-list{display:grid;gap:8px}
.r6-personal-purchase{appearance:none;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:1px solid rgba(148,163,184,.20);border-radius:14px;padding:10px 12px;background:var(--card,#fff);color:inherit;font:inherit;cursor:pointer}
.r6-personal-purchase:hover,.r6-personal-purchase:focus-visible{border-color:rgba(37,99,235,.38);box-shadow:0 0 0 3px rgba(37,99,235,.08);outline:none}
.r6-personal-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(245,158,11,.13);font-size:18px}
.r6-personal-main{display:block;min-width:0}.r6-personal-main>b{display:block;font-size:.80rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.r6-personal-main>small{display:block;margin-top:2px;color:var(--muted,#64748b);font-size:.68rem;line-height:1.35;white-space:normal}
.r6-personal-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:2px}.r6-personal-head>strong{font-size:.75rem}.r6-personal-head>em{font-style:normal;font-size:.62rem;font-weight:800;padding:3px 7px;border-radius:999px;background:#fff4d8;color:#7a5200}
.r6-personal-balance>strong{color:#b45309}
.r6-personal-total{text-align:right;font-size:.86rem;font-weight:900;white-space:nowrap}.r6-personal-total>small{display:block;margin-top:3px;font-size:.62rem;color:#2563eb}
.r6-personal-empty{margin-top:10px;padding:11px 12px;border:1px dashed rgba(148,163,184,.28);border-radius:12px;color:var(--muted,#64748b);font-size:.75rem}

/* Modal de detalle de compra: corrige los paneles blancos/ilegibles que quedaron fuera del V9. */
.r6-purchase-detail-dialog .r6-purchase-meta{border:1px solid rgba(148,163,184,.28)!important;border-radius:12px!important;padding:10px 12px!important;margin:0 0 8px!important;background:#f8fafc!important;color:#334155!important;opacity:1!important}
.r6-purchase-detail-dialog .r6-purchase-meta,.r6-purchase-detail-dialog .r6-purchase-meta *{opacity:1!important}
.r6-purchase-detail-dialog .r6-purchase-meta.is-personal{border-color:rgba(245,158,11,.34)!important;background:#fffbeb!important;color:#78350f!important}
.r6-purchase-detail-dialog .v7299-refund-summary>div,.r6-purchase-detail-dialog .r6-refund-meta{border-radius:12px!important}

body.lab-theme-dark .r6-personal-section{background:#1b2736;border-color:#34465b}
body.lab-theme-dark .r6-personal-title p,body.lab-theme-dark .r6-personal-main>small{color:#9fb0c4!important}
body.lab-theme-dark .r6-personal-purchase{background:#202d3e!important;border-color:#34465b!important;color:#f3f7fb!important}
body.lab-theme-dark .r6-personal-purchase:hover,body.lab-theme-dark .r6-personal-purchase:focus-visible{background:#243449!important;border-color:#4d77ad!important}
body.lab-theme-dark .r6-personal-head>em{background:#493818!important;color:#ffd889!important}
body.lab-theme-dark .r6-personal-balance>strong,body.lab-theme-dark .r6-personal-totals>small{color:#f6c66d!important}
body.lab-theme-dark .r6-personal-total>small{color:#8dbbff!important}
body.lab-theme-dark .r6-personal-empty{color:#aebaca!important;border-color:#3a4a5e!important;background:#1d2938!important}

body.lab-theme-dark .r6-purchase-detail-dialog,
body.lab-theme-dark dialog:has(#v721DetailBody){background:#1b2736!important;color:#f3f7fb!important;border-color:#34465b!important}
body.lab-theme-dark .r6-purchase-detail-dialog #v721DetailBody,
body.lab-theme-dark dialog:has(#v721DetailBody) #v721DetailBody{color:#f3f7fb!important}
body.lab-theme-dark .r6-purchase-detail-dialog .r6-purchase-meta{background:#202d3e!important;color:#dce6f1!important;border-color:#3b4d63!important;box-shadow:none!important}
body.lab-theme-dark .r6-purchase-detail-dialog .r6-purchase-meta *{color:inherit!important}
body.lab-theme-dark .r6-purchase-detail-dialog .r6-purchase-meta.is-personal{background:#3c321f!important;color:#ffe2a4!important;border-color:#6b5428!important}
body.lab-theme-dark .r6-purchase-detail-dialog .v7299-refund-summary>div,
body.lab-theme-dark .r6-purchase-detail-dialog .r6-refund-meta{background:#202d3e!important;color:#f3f7fb!important;border-color:#3b4d63!important}
body.lab-theme-dark .r6-purchase-detail-dialog .v7299-refund-summary span{color:#aebaca!important;opacity:1!important}
body.lab-theme-dark .r6-purchase-detail-dialog .v7299-refund-summary strong{color:#f8fafc!important}
body.lab-theme-dark .r6-purchase-detail-dialog hr{border-color:#3b4d63!important}

@media(max-width:700px){
  .r6-personal-section{padding:12px;margin-top:12px;border-radius:16px}
  .r6-personal-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.r6-personal-title p{grid-column:1/-1;font-size:.70rem}
  .r6-personal-purchase{grid-template-columns:34px minmax(0,1fr);padding:10px;gap:9px}.r6-personal-icon{width:32px;height:32px}
  .r6-personal-total{grid-column:2;display:flex;justify-content:space-between;align-items:center;text-align:left;border-top:1px solid rgba(148,163,184,.16);padding-top:6px;margin-top:2px}
  .r6-personal-total>small{display:inline;margin:0}
  .r6-purchase-detail-dialog .r6-purchase-meta{padding:9px 10px!important}
}