/* Acciones de Ganafort: criterio compartido con Artículos. */
:is(.btn,button.pill,button.blue){border-radius:9px;box-sizing:border-box;font-family:Inter,"Segoe UI",Arial,sans-serif;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s}
.btn{border:1px solid transparent}
:is(.btn.primary,button.primary){background:#166534;color:#fff;border-color:#166534}
.btn.secondary{background:#e9f1eb;color:#166534;border-color:#c9dacd}
.btn.danger{background:#fee4e2;color:#b42318;border-color:#f2bab5}
:is(.btn,button.pill,button.blue)[data-gf-button-color]{background:var(--gf-btn-bg)!important;color:var(--gf-btn-ink)!important;border:1px solid var(--gf-btn-border)!important}
:is(.btn,button.pill,button.blue)[data-gf-button-color]:hover{background:var(--gf-btn-hover)!important;color:var(--gf-btn-ink)!important}
[data-gf-button-color="save"],[data-gf-button-color="edit"]{--gf-btn-bg:#166534;--gf-btn-hover:#14532d;--gf-btn-ink:#fff;--gf-btn-border:#166534}
[data-gf-button-color="price"],[data-gf-button-color="search"]{--gf-btn-bg:#e7effc;--gf-btn-hover:#d7e5fc;--gf-btn-ink:#1755a0;--gf-btn-border:#b8cef0}
[data-gf-button-color="disable"]{--gf-btn-bg:#fff3d6;--gf-btn-hover:#fce5af;--gf-btn-ink:#805500;--gf-btn-border:#e8c677}
[data-gf-button-color="enable"]{--gf-btn-bg:#e2f4e8;--gf-btn-hover:#cbead5;--gf-btn-ink:#22653a;--gf-btn-border:#a5d4b5}
[data-gf-button-color="delete"]{--gf-btn-bg:#fee4e2;--gf-btn-hover:#fbd0cc;--gf-btn-ink:#b42318;--gf-btn-border:#f2bab5}
[data-gf-button-color="account"]{--gf-btn-bg:#e1f3f1;--gf-btn-hover:#cbe8e4;--gf-btn-ink:#17655d;--gf-btn-border:#a6d3cd}
[data-gf-button-color="portal"]{--gf-btn-bg:#efebfb;--gf-btn-hover:#e0d7f6;--gf-btn-ink:#61408b;--gf-btn-border:#cfbfe8}
[data-gf-button-color="media"]{--gf-btn-bg:#e9f3fa;--gf-btn-hover:#d6eaf5;--gf-btn-ink:#2b6080;--gf-btn-border:#b7d5e6}
[data-gf-button-color="excel"]{--gf-btn-bg:#217346;--gf-btn-hover:#185c37;--gf-btn-ink:#fff;--gf-btn-border:#217346}
/* Estos tres colores no se reinterpretan por el texto del botón. */
html body .btn:is(.report-excel,.lid-excel){background:#217346!important;color:#fff!important;border-color:#217346!important}
html body .btn:is(.report-excel,.lid-excel):hover{background:#185c37!important}
html body .btn:is(.report-pdf,[data-report-pdf]){background:#c62828!important;color:#fff!important;border-color:#c62828!important}
html body .btn:is(.report-pdf,[data-report-pdf]):hover{background:#a51e1e!important}
html body .btn.report-whatsapp{background:#128c7e!important;color:#fff!important;border-color:#128c7e!important}
html body .btn.report-whatsapp:hover{background:#0b7064!important}
:is(.btn,button.pill,button.blue):focus-visible{outline:3px solid #5284ce;outline-offset:3px}
:is(.btn,button.pill,button.blue):is(:disabled,[aria-disabled="true"]){opacity:.55;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){:is(.btn,button.pill,button.blue){transition:none}}

/* Segundo tono: fondo general verde. */
:root{--cream:#dfeade}
body{background:#dfeade!important}
@media print{body{background:#fff!important}}

/* Pestañas de Clientes con el mismo aspecto que las de Artículos. */
#customer-form .customer-tabs{
 display:flex;flex-wrap:wrap;gap:8px;background:transparent!important;
 border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0;
 padding:3px 2px 11px;margin:18px 0 15px;
}
#customer-form .customer-tabs button{
 flex:0 0 auto;border:1px solid #c5d8ca!important;border-radius:9px;
 background:#e9f1eb!important;color:var(--green)!important;
 font:inherit;font-weight:700;padding:9px 14px;cursor:pointer;white-space:nowrap;
 box-shadow:0 2px 5px #00000012!important;transition:background .15s,color .15s,box-shadow .15s;
}
#customer-form .customer-tabs button:hover{background:#d6e8da!important}
#customer-form .customer-tabs button[aria-selected="true"]{
 background:var(--green)!important;color:#fff!important;border-color:var(--green)!important;
 box-shadow:0 3px 9px #16653445!important;
}
#customer-form .customer-tabs button:focus-visible{outline:2px solid var(--green);outline-offset:2px}
/* Respaldo directo para las acciones de la grilla de Clientes. */
.client-action-grid .btn[href^="cuenta_cliente.php"]:not([data-gf-button-color]){background:#e1f3f1!important;color:#17655d!important;border-color:#a6d3cd!important}
.client-action-grid .btn[href^="cliente_editar.php"]:not([data-gf-button-color]){background:#166534!important;color:#fff!important;border-color:#166534!important}
.client-action-grid .btn[href*="#portal"]:not([data-gf-button-color]){background:#efebfb!important;color:#61408b!important;border-color:#cfbfe8!important}


/* Tercer tono: superficie de edición, más clara que el fondo general. */
:root{--gf-edit-surface:#edf4e9;--gf-edit-border:#bdd2bb}
#product-form.card,#customer-form.card{
 background:var(--gf-edit-surface)!important;border-color:var(--gf-edit-border)!important;
 box-shadow:0 3px 12px #234c2410;
}
#product-form .form-actions,#customer-form .form-actions,
#product-form .card,#customer-form .card{
 background:var(--gf-edit-surface)!important;border-color:var(--gf-edit-border)!important;
}
#product-form [data-product-panel],#customer-form [data-customer-panel]{background:transparent}
@media print{
 #product-form.card,#customer-form.card,
 #product-form .form-actions,#customer-form .form-actions,
 #product-form .card,#customer-form .card{background:#fff!important;box-shadow:none}
}


/* Grilla de Clientes: botones compactos y distribución como en Artículos. */
.clients-list .client-action-grid{
 display:flex!important;flex-wrap:wrap!important;align-items:flex-start;
 gap:5px!important;min-width:144px;max-width:185px;width:auto;
}
.clients-list .client-action-grid form{
 margin:0!important;min-width:0;width:auto!important;flex:0 0 auto;
}
.clients-list .client-action-grid .btn{
 display:inline-flex!important;align-items:center;justify-content:center;
 width:auto!important;min-width:0;min-height:0;flex:0 0 auto;
 padding:7px 9px!important;margin:0!important;font-size:11px!important;
 line-height:normal;white-space:nowrap;
}