.client-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.client-toolbar input{flex:1 1 230px}.client-toolbar select{flex:0 1 170px}.client-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid #d9e3ef;border-radius:12px;margin:8px 0;flex-wrap:wrap}.client-row small{display:block;color:#63748a;margin-top:5px}.client-actions{display:flex;gap:8px;flex-wrap:wrap}.client-actions button{padding:8px 12px}.client-state{font-size:12px;border-radius:20px;padding:4px 8px;background:#eaf3ff;color:#194a83}.client-state.off{background:#f2f3f5;color:#596473}#clienteForm .field{min-width:0}#clienteForm input,#clienteForm select,#clienteForm textarea{width:100%}@media(max-width:600px){.client-toolbar>*{width:100%;flex:1 1 100%}.client-actions{width:100%}.client-actions button{flex:1}}
.client-subpanel{border:1px solid #d9e3ef;border-radius:12px;padding:20px;margin:18px 0;background:#fbfdff}.client-subpanel .field{min-width:0}.client-subpanel input:not([type=checkbox]),.client-subpanel textarea{width:100%}#empresaEspacio .client-row p{color:#63748a;font-size:13px;margin:5px 0 0}@media(max-width:600px){.client-subpanel{padding:12px}}
/* UI-2B.2A — Navegación contextual y acciones compactas */
.clientes-subnav{display:grid;gap:5px;margin:5px 0 13px 12px;padding-left:10px;border-left:1px solid rgba(170,198,233,.35)}
.clientes-subnav.hidden{display:none!important}
.clientes-subnav button{width:100%;border:0;background:transparent;color:#cbdcf2;text-align:left;font-size:13px;font-weight:600;padding:10px 12px;border-radius:8px;cursor:pointer;min-height:38px}
.clientes-subnav button:hover,.clientes-subnav button.active{background:#1555ad;color:white}
.clientes-indicadores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.clientes-kpi{background:#f3f7fd;border:1px solid #dce7f5;border-radius:11px;padding:13px 16px;display:grid;gap:3px}
.clientes-kpi strong{font-size:23px;color:#102d50}.clientes-kpi small{font-size:12px;color:#64748b}
.empresa-menu{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #e2e8f0;margin:18px 0;padding-bottom:10px}
.empresa-menu button{border:1px solid transparent;background:transparent;border-radius:8px;color:#435b78;font-weight:600;padding:9px 12px;font-size:13px;min-height:36px;cursor:pointer}
.empresa-menu button.active{background:#e9f2ff;color:#1150a1;border-color:#d2e3fa}.empresa-menu button:hover{background:#f0f5fc}
#clientes .client-toolbar{align-items:center}#clientes .client-toolbar button,#clientes .client-actions button,#clientes .create-actions button,#clientes .client-btn,#clientes #empresaEditarDatos{font-size:13px!important;line-height:1.3!important;font-weight:600!important;padding:8px 12px!important;min-height:35px!important;border-radius:8px!important;box-shadow:none!important;width:auto!important;flex:0 0 auto!important}
#clientes .client-actions{align-items:center;gap:6px}#clientes .client-row{padding:12px 14px;gap:10px}
#clientes .client-state{font-size:11px;padding:5px 9px}
#clientes .client-toolbar input,#clientes .client-toolbar select{min-height:38px}
#clientes .client-subpanel{margin:12px 0}
@media(max-width:650px){.clientes-indicadores{grid-template-columns:repeat(2,minmax(0,1fr))}.client-actions{width:auto!important}.client-actions button{flex:0 0 auto!important}.empresa-menu{gap:3px}.empresa-menu button{font-size:12px;padding:8px}.clientes-subnav{margin-left:8px}}
/* El espacio empresarial utiliza exclusivamente el menú lateral. */
.empresa-menu{display:grid;gap:5px;margin:5px 0 13px 12px;padding:0 0 0 10px;border:0;border-left:1px solid rgba(170,198,233,.35)}
.empresa-menu.hidden{display:none!important}
.empresa-menu button{width:100%;text-align:left;color:#cbdcf2;background:transparent;border:0;padding:10px 12px;border-radius:8px;font-size:13px;min-height:38px}
.empresa-menu button.active,.empresa-menu button:hover{background:#1555ad;color:#fff;border:0}

/* UI-2B.2B: menus contextuales y fichas compactas */
.client-row-openable{cursor:pointer}.client-row-openable:hover,.client-row-openable:focus-visible{background:#f0f6ff;outline:2px solid #b6d2f8}
.empresa-datos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}
.empresa-dato{display:grid;gap:5px;border:1px solid #dce7f5;border-radius:9px;padding:12px;background:white;min-width:0}
.empresa-dato small{font-size:12px;color:#65758b}.empresa-dato strong{font-size:14px;overflow-wrap:anywhere}
.empresa-sede-resumen{padding:14px;border:1px solid #dce7f5;border-radius:10px;background:white;margin:10px 0}
.empresa-sede-resumen p{font-size:13px;color:#52647c;margin:7px 0 0}.empresa-sede-add{margin-top:12px}
#clientes .client-subpanel h3{margin:12px 0}
@media(max-width:650px){.empresa-datos-grid{grid-template-columns:1fr}}

/* UI-2B.2C: menú de sedes, edición contextual y formularios independientes */
.empresa-menu .empresa-sede-links{display:grid;gap:2px;margin-left:10px;padding-left:9px;border-left:1px solid rgba(170,198,233,.35)}
.empresa-menu .empresa-sede-link{font-size:12px;color:#dceafa;padding:8px 10px;min-height:32px}
.empresa-menu #empresaNuevaSedeMenu{margin-top:8px;color:#fff;background:#1555ad}
.empresa-section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.empresa-section-head h3{margin:0!important}
.empresa-contacto-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border:1px solid #dce7f5;border-radius:9px;background:white;padding:12px;margin:8px 0}
.empresa-contacto-card p{font-size:12px;color:#64748b;margin:5px 0}
#empresaEspacio .client-subpanel{background:#fbfdff}
#empresaEspacio .client-subpanel .create-actions button{font-size:13px;padding:8px 12px;min-height:35px;border-radius:8px;width:auto}

/* UI-2B.2D: la navegación usa las reglas globales de ui1.css. */