/* ===== Pulido área de cliente SIX (Kusarive 2026-07-19) — uplift visual estilo moderno ===== */
:root{ --tv-blue:#124e77; --tv-blue-d:#0e3d5e; --tv-accent:#1c86d4; }
body{ background:#f4f6f9; }
/* Tiles KPI: tarjetas modernas */
.tiles .tile{ background:#fff; border-radius:14px; box-shadow:0 4px 14px rgba(18,78,119,.08); border:1px solid #e7edf3; padding:18px 14px 14px; margin-bottom:18px; transition:.18s; position:relative; overflow:hidden; }
.tiles .tile:hover{ transform:translateY(-3px); box-shadow:0 10px 26px rgba(18,78,119,.16); }
.tiles .tile .icon{ font-size:26px; color:var(--tv-accent); margin-bottom:6px; }
.tiles .tile .stat{ font-size:2rem; font-weight:800; color:var(--tv-blue); line-height:1.1; }
.tiles .tile .title{ color:#6b7a89; font-size:.85rem; font-weight:600; text-transform:uppercase; letter-spacing:.4px; }
.tiles .tile .highlight{ position:absolute; left:0; bottom:0; height:4px; width:100%; border-radius:0 0 14px 14px; }
.tiles .tile .highlight.bg-color-blue{ background:var(--tv-accent); }
.tiles .tile .highlight.bg-color-green{ background:#27ae60; }
.tiles .tile .highlight.bg-color-red{ background:#e74c3c; }
.tiles .tile .highlight.bg-color-gold{ background:#f1c40f; }
/* Paneles / cards */
.panel,.card{ border-radius:12px; border:1px solid #e7edf3; box-shadow:0 3px 10px rgba(18,78,119,.06); }
.panel-heading{ border-radius:12px 12px 0 0; font-weight:700; }
/* Sidebar cuenta */
.panel-sidebar .list-group-item{ border:none; padding:11px 16px; }
.panel-sidebar .list-group-item.active,.panel-sidebar .list-group-item:hover{ background:var(--tv-blue); color:#fff; border-radius:8px; }
.panel-sidebar .list-group-item h4{ margin-top:6px; margin-bottom:6px; }
/* Billetera destacada */
#Primary_Sidebar-Client-Balance .list-group-item{ background:linear-gradient(135deg,var(--tv-blue),var(--tv-accent)); color:#fff; border-radius:10px; margin-bottom:8px; }
#Primary_Sidebar-Client-Balance .list-group-item h4,#Primary_Sidebar-Client-Balance .list-group-item small{ color:#fff !important; }
/* Botones */
.btn-primary{ background:var(--tv-blue); border-color:var(--tv-blue); border-radius:8px; }
.btn-primary:hover{ background:var(--tv-blue-d); border-color:var(--tv-blue-d); }
.btn{ border-radius:8px; }
/* Tablas */
.table>thead>tr>th{ border-bottom:2px solid var(--tv-accent); color:var(--tv-blue); }
/* Buscador KB del home */
.home-kb-search input{ border-radius:10px; box-shadow:0 3px 10px rgba(18,78,119,.06); }

/* KPI tiles: CSS grid responsive (4 col desktop, 2 col movil, alturas iguales) */
.tiles .row{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:0; }
/* FIX escalonado: Bootstrap pone .row::before/::after (clearfix) que en un grid se vuelven
   ITEMS del grid y ocupan la 1a y ultima celda, empujando y desalineando las tarjetas. */
.tiles .row::before, .tiles .row::after{ content:none !important; display:none !important; }
.tiles .row > [class*="col-"]{ width:auto; max-width:none; padding:0; margin:0; float:none; }
.tiles .tile{ width:100%; height:100%; margin:0; }
@media(max-width:767px){ .tiles .row{ grid-template-columns:repeat(2,1fr); } }



/* Centrar botón Google Sign-In en SIX (genérico Y personalizado 'Inicia sesión como...') 2026-07-21 */
.social-signin-btns{ text-align:center !important; }
.social-signin-btns > *{ float:none !important; }
.social-signin-btns .g_id_signin{ display:flex !important; justify-content:center !important; width:100% !important; float:none !important; }
.social-signin-btns .g_id_signin > *{ margin-left:auto !important; margin-right:auto !important; float:none !important; }
.social-signin-btns iframe{ margin-left:auto !important; margin-right:auto !important; float:none !important; }