/* RepuestoApp v2.7 — capa visual final clara, cargada después de app.css */
:root{
  --light-bg:#f5f8fb;
  --light-card:#ffffff;
  --light-line:#b8c5e8;
  --light-title:#4452a0;
  --light-text:#6573ae;
  --light-muted:#8190bf;
  --light-teal:#08b9a6;
  --light-shadow:0 16px 38px rgba(70,83,143,.12);
}
html,body{background:linear-gradient(135deg,#f8fbfc,#f2f6f9)!important;color:var(--light-title)!important;}
body *{scrollbar-color:#aebbe0 #f3f6fa;}
.app-shell,.workspace,.content{background:transparent!important;}
.sidebar{background:#fff!important;border-right:1px solid #dce3f1!important;box-shadow:0 10px 30px rgba(75,89,145,.08)!important;}
.topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #dde4f1!important;}
.sidebar-user,.quick-actions a,.system-check,.category-row{background:#fbfcfe!important;border-color:#d6deef!important;color:var(--light-title)!important;}
.side-nav a{color:#7481b0!important;}
.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(8,185,166,.12),rgba(82,98,166,.04))!important;color:#4452a0!important;border-color:#d4ddef!important;}

/* Tarjetas y paneles */
.premium-card,.metric-card,.table-card,.hero-panel,.cash-status-card,.close-box,.catalog-panel,.checkout-panel,.report-sheet,.receipt,.modal,.auth-card,
.company-list>a,.user-row,.pending-summary>div,.report-meta>div,.receipt-total,.totals-box,.cart-row,.product-tile{
  background:linear-gradient(145deg,#fff,#fcfefe)!important;
  color:var(--light-title)!important;
  border-color:var(--light-line)!important;
  box-shadow:var(--light-shadow)!important;
}
.premium-card,.metric-card,.table-card,.hero-panel,.cash-status-card,.close-box,.catalog-panel,.checkout-panel,.report-sheet,.receipt,.auth-card{border-radius:22px!important;}

/* Usuarios: tarjeta completamente clara y bien espaciada */
.users-layout{align-items:start;gap:24px!important;}
.users-layout>.premium-card{padding:28px!important;}
.user-list{display:grid!important;gap:16px!important;margin-top:18px!important;}
.user-row{
  display:grid!important;
  grid-template-columns:72px minmax(220px,1fr) auto auto!important;
  grid-template-areas:"avatar identity role status" "avatar date role status"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:7px!important;
  padding:24px 26px!important;
  border:1.35px solid #bdc9e9!important;
  border-radius:20px!important;
  min-height:128px!important;
}
.user-row>.avatar{grid-area:avatar!important;width:64px!important;height:64px!important;border-radius:18px!important;font-size:24px!important;background:linear-gradient(135deg,#35cdbd,#5a68c6)!important;color:#fff!important;}
.user-row>div:nth-child(2){grid-area:identity!important;min-width:0!important;}
.user-row>div:nth-child(2)>strong{display:block!important;color:#4452a0!important;font-size:18px!important;margin-bottom:5px!important;}
.user-row>div:nth-child(2)>small{color:#6675b0!important;font-size:13px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.user-row>.tag{grid-area:role!important;background:#f0f4fd!important;color:#4d67c6!important;border:1px solid #dce4f6!important;padding:9px 14px!important;font-size:12px!important;}
.user-row>.status{grid-area:status!important;padding:9px 14px!important;font-size:12px!important;}
.user-row>small:last-child{grid-area:date!important;color:#8190bd!important;font-size:12px!important;margin:0!important;}
.card-head{gap:18px!important;margin-bottom:24px!important;}
.card-head .tag{background:#f0f4fd!important;color:#5368bd!important;border:1px solid #dce4f4!important;padding:8px 13px!important;}

/* Empresas */
.company-list{gap:14px!important;}
.company-list>a{padding:18px!important;border-radius:18px!important;}
.company-list>a:hover{background:#f7fcfb!important;border-color:#08b9a6!important;}

/* Textos */
h1,h2,h3,strong{color:var(--light-title)!important;}
p,.muted,small,.toolbar-meta,.catalog-count,.cart-empty,.field-help,.report-meta span,.report-meta small,.receipt-info span,.receipt-items small{color:var(--light-text)!important;}
.eyebrow{color:var(--light-teal)!important;}

/* Formularios y controles */
input,select,textarea,.search-box,.readonly-rate{background:#fff!important;color:#4c5b9f!important;border-color:#c7d2e8!important;}
input:focus,select:focus,textarea:focus{border-color:#08b9a6!important;box-shadow:0 0 0 3px rgba(8,185,166,.12)!important;}
select option{background:#fff!important;color:#4c5b9f!important;}
.search-box input{background:transparent!important;border:none!important;box-shadow:none!important;}

/* Tablas */
table,thead,tbody,tr{background:transparent!important;}
th{background:#f6f8fc!important;color:#8190bb!important;border-color:#dfe5f1!important;}
td{background:#fff!important;color:#5160a3!important;border-color:#e3e8f2!important;}
tbody tr:hover td{background:#f9fcfc!important;}

/* POS, caja, reportes y recibos */
.cart-list,.report-section,.report-brand,.receipt-info,.receipt-items{border-color:#d9e0ee!important;}
.cart-controls button{background:#f4f7fb!important;color:#4e5ca1!important;border-color:#cdd6e9!important;}
.pending-summary>div,.report-meta>div,.receipt-total,.totals-box{background:#f8fafc!important;box-shadow:none!important;}
.method-list>div,.cart-row{border-color:#e1e6f0!important;}
.thanks{color:#4452a0!important;}
.report-brand>span{background:#eef4f8!important;color:#4452a0!important;}

/* Modales y notificaciones */
.modal{background:#fff!important;color:#4452a0!important;box-shadow:0 30px 80px rgba(58,72,130,.2)!important;}
.modal::backdrop{background:rgba(74,86,135,.28)!important;}
.modal form{background:#fff!important;}
.toast{background:#fff!important;color:#4452a0!important;border-color:#cbd5e9!important;}
.toast button{color:#6370a7!important;}

/* Botones y estados */
.btn-primary,.pa-btn-primary{background:linear-gradient(135deg,#08bda9,#06aa98)!important;color:#fff!important;}
.btn-secondary,.pa-btn-outline{background:#fff!important;color:#4452a0!important;border:1.3px solid #7f90d2!important;}
.tag{background:#eef3fb!important;color:#5666a5!important;border:1px solid #dbe3f2!important;}
.status-ok{background:#eaf9f6!important;color:#069681!important;border:1px solid #cfefe8!important;}
.status-warning{background:#fff6e8!important;color:#bb781c!important;border:1px solid #f1dfbd!important;}
.status-info{background:#f1efff!important;color:#6d55c8!important;border:1px solid #e2dcfa!important;}

/* Quita cualquier negro restante en componentes conocidos */
.divider-title span{background:#fff!important;color:#6a75aa!important;}
.auth-stage{background:linear-gradient(135deg,#f7fbfc,#eef3f8)!important;}
.feature-grid article{background:rgba(255,255,255,.72)!important;}

@media(max-width:900px){
  .user-row{grid-template-columns:58px 1fr!important;grid-template-areas:"avatar identity" "date date" "role status"!important;padding:18px!important;}
  .user-row>.avatar{width:54px!important;height:54px!important;}
  .user-row>.tag,.user-row>.status{justify-self:start!important;}
}
@media(max-width:560px){
  .users-layout>.premium-card{padding:20px!important;}
  .user-row{grid-template-columns:1fr!important;grid-template-areas:"avatar" "identity" "date" "role" "status"!important;text-align:left!important;}
}


/* RepuestoApp v2.9 - categorías en página y eliminación segura de empresas */
.category-create-page{margin-bottom:22px}.category-create-grid{grid-template-columns:minmax(260px,720px)}.category-directory{padding:25px}.category-directory .card-head{align-items:flex-start}.category-page-list{display:grid;gap:14px}.category-page-row{display:grid;grid-template-columns:62px minmax(0,1fr) 46px;gap:18px;align-items:center;padding:18px 20px;background:#fff;border:1.25px solid #c7d2ec;border-radius:19px;box-shadow:0 10px 26px rgba(67,79,137,.08)}.category-page-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#fff7dd;border:1px solid #f0dfa8;font-size:27px}.category-page-edit{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:14px;align-items:end}.category-page-edit label{margin:0}.category-page-edit small{align-self:center;color:#7180b4;white-space:nowrap}.category-page-edit .btn{min-height:45px}.company-entry{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:center;padding:8px;background:#fff;border:1.25px solid #c7d2ec;border-radius:19px;box-shadow:0 10px 26px rgba(67,79,137,.08)}.company-entry-main{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto 24px;gap:13px;align-items:center;padding:10px!important;background:transparent!important;border:0!important;box-shadow:none!important}.company-entry-copy{min-width:0}.company-entry-copy strong,.company-entry-copy small{display:block}.company-entry-copy small{margin-top:4px;color:#7481b3}.company-delete-button{color:#e64e62!important;background:#fff5f6!important;border-color:#f3c5cc!important}.danger-confirm{display:flex!important;grid-template-columns:22px 1fr;align-items:flex-start;gap:10px;padding:13px;border:1px solid #f2c5cc;border-radius:13px;background:#fff7f8;color:#9d3d4a}.danger-confirm input{width:18px!important;height:18px!important;margin:1px 0 0}.company-delete-modal p strong{color:#4653a0}.pa-dashboard{grid-auto-flow:row dense}
@media(max-width:800px){.category-page-row{grid-template-columns:50px minmax(0,1fr) 44px;padding:14px}.category-page-icon{width:48px;height:48px}.category-page-edit{grid-template-columns:1fr}.category-page-edit small{white-space:normal}.company-entry-main{grid-template-columns:44px minmax(0,1fr)}.company-entry-main .status,.company-entry-main>b{display:none}}


/* RepuestoApp v3.0 - gestión segura de contraseñas */
.user-row{
  grid-template-columns:64px minmax(220px,1fr) auto auto!important;
  grid-template-areas:"avatar identity role status" "avatar created actions actions"!important;
}
.user-row>.user-identity{grid-area:identity!important;min-width:0!important;}
.user-row>.user-created{grid-area:created!important;align-self:center!important;}
.user-row>.user-password-button{grid-area:actions!important;justify-self:end!important;min-height:42px!important;padding:9px 14px!important;}
.password-modal{width:min(92vw,520px)!important;}
.password-modal form{display:grid!important;gap:4px!important;}
.password-modal .modal-icon.password{background:#eef9f7!important;color:#08a892!important;border:1px solid #d3eee8!important;}
.password-modal .modal-actions{margin-top:10px!important;justify-content:flex-end!important;}
.password-modal p{margin:6px 0 14px!important;}
.password-modal label{margin-bottom:10px!important;}
@media(max-width:1050px){
  .user-row{grid-template-columns:58px minmax(0,1fr) auto!important;grid-template-areas:"avatar identity role" "avatar created status" "actions actions actions"!important;}
  .user-row>.user-password-button{justify-self:start!important;}
}
@media(max-width:620px){
  .user-row{grid-template-columns:1fr!important;grid-template-areas:"avatar" "identity" "created" "role" "status" "actions"!important;}
  .user-row>.user-password-button{width:100%!important;justify-self:stretch!important;}
}


/* RepuestoApp v3.1 — edición de usuarios */
.user-row{display:grid!important;grid-template-columns:auto minmax(220px,1fr) auto!important;grid-template-areas:"avatar identity badges" "avatar actions actions"!important;gap:14px 18px!important;align-items:center!important;padding:22px 24px!important;background:#fff!important;border:1px solid #c8d3ec!important;border-radius:20px!important;box-shadow:0 9px 24px rgba(74,87,145,.08)!important;}
.user-row .avatar{grid-area:avatar}.user-identity{grid-area:identity;min-width:0}.user-badges{grid-area:badges;display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.user-actions{grid-area:actions;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.user-created{margin-top:8px!important}.user-actions .btn{min-height:40px;padding:9px 14px}.modal .modal-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#eef9f7;color:#08ad99;font-size:25px;margin-bottom:12px}
@media(max-width:850px){.user-row{grid-template-columns:auto 1fr!important;grid-template-areas:"avatar identity" "badges badges" "actions actions"!important}.user-badges,.user-actions{justify-content:flex-start}.user-actions .btn{flex:1;min-width:190px}}


/* RepuestoApp v3.2 — edición de empresas y administradores nivel 3 */
.company-entry-actions{display:flex;align-items:center;gap:8px;margin-left:10px;flex:none}
.company-entry{display:flex;align-items:center;gap:10px}
.company-entry-main{flex:1;min-width:0}
.company-edit-modal form{width:min(620px,92vw)}
.company-edit-modal .divider-title{margin:18px 0 12px}
@media(max-width:760px){
  .company-entry{align-items:stretch;flex-wrap:wrap}
  .company-entry-main{width:100%;flex-basis:100%}
  .company-entry-actions{width:100%;justify-content:flex-end;margin:0}
}


/* RepuestoApp v3.3 — acceso rápido entre repuesto y categorías */
.category-field-group{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.category-field-group>label{width:100%;margin-bottom:0!important}
.add-category-inline{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:4px 2px;color:#08a995!important;font-size:13px;font-weight:800;line-height:1.2;text-decoration:none}
.add-category-inline:hover{color:#087f75!important;transform:translateX(2px)}
.category-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
@media(max-width:760px){.category-header-actions{width:100%;justify-content:stretch}.category-header-actions .btn{flex:1;min-width:210px}.add-category-inline{margin-top:9px}}