de texto plano (sin logo). El helper get_cliente_logo_html_td() usa ambos caminos, por eso sin esto el peso de letra difiere entre clientes. */ #sl-app .clientes_logos, #sl-app .clientes_logos label { font-family: var(--sl-font); font-size: .6875rem; font-weight: 600; color: var(--sl-fg-2); margin: 0; } /* Tablas legacy (.table.webapp / border-round-th) → look del sistema en pantallas migradas: cabecera tipo panel (fondo + línea fina), filas con separador fino y hover suave. Se respetan los fondos de fila inline (zebra / prioridad), que son semánticos. */ #sl-app .table.webapp { border: 1px solid var(--sl-border); border-radius: var(--sl-radius-md); } #sl-app .table.webapp th, #sl-app .table.webapp.border-round-th th { color: var(--sl-blue); background: var(--sl-bg-soft); border: 0; border-bottom: 1px solid var(--sl-border); border-radius: 0; font-weight: 700; font-size: .8125rem; /* banda de cabecera; lateral igual que el td (.3rem) para no ensanchar columnas */ padding: .5rem .3rem !important; vertical-align: middle; text-align: left; } #sl-app .table.webapp th, #sl-app .table.webapp.border-round-th .footable-filtering th:first-child { padding: 15px !important; } #sl-app tr.footable-filtering th form.form-inline { margin-bottom: 0px !important; display: flex; align-items: center; gap: 10px; } #sl-app tr.footable-filtering .input-group input, #sl-app tr.footable-filtering .input-group-btn button { height: 1.75rem; } #sl-app tr.footable-filtering .input-group { display: flex; gap: 5px; } #sl-app tr.footable-filtering .input-group .btn-primary > * { line-height: 0 !important; font-size: .75rem; } #sl-app .table.webapp td { border-top: 0; border-bottom: 1px solid var(--sl-border); color: var(--sl-fg-2); /* aire vertical en las celdas sin romper columnas con width en px (poco padding lateral) */ padding: .45rem .3rem !important; font-size: .75rem; /* antes heredaba ~12px fijos del tema legacy */ /* Montserrat a peso 400 + antialiasing se veía fino/desvaído en celdas pequeñas: 500 (medium) mejora mucho la legibilidad sin engordar la tabla. */ font-weight: 600; } #sl-app .table.webapp tbody tr:last-child td { border-bottom: 0; } #sl-app .table-tr-hover > tbody > tr:hover { background-color: var(--sl-blue-050) !important; } /* Paginador de FooTable (módulo "paging"): re-tokeniza el

del dropdown "más", se re-encaja en el flujo normal y se reduce con transform (la imagen y el JS que anima background-position NO se tocan, solo su tamaño en pantalla). */ .sl-menu { right: 0 !important; left: auto; opacity: 1; } .sl-menu-fav-wrap { display: inline-block; width: 1.5rem; height: 1.5rem; overflow: hidden; vertical-align: middle; } .sl-menu #asunto_favorito { position: static; top: auto; right: auto; transform: scale(.24); transform-origin: 0 0; } /* ============================================================================ FIN ASUNTO.TPL — CABECERA E INFO ============================================================================ */ /* ============================================================================ ASUNTO.ENCARGO.PANEL.INFO.TPL — panel de encargo (rediseño en línea con la cabecera/ficha del asunto: mismas cajas .sl-panel, mismo .sl-filtros-grid). ============================================================================ */ /* ——— Estado del encargo: de grupo de botones "pegados" a chips sueltos ——— #eebar es un .btn-group de Bootstrap (radios como botones, sin tocar su lógica/JS). La capa de compatibilidad de #sl-app fuerza el look "unido" típico de btn-group (radio 0 en los botones interiores); aquí lo anulamos solo dentro de #eebar para que cada estado sea una píldora independiente. */ #sl-app #eebar.btn-group { display: flex; flex-wrap: wrap; gap: .35rem; } #sl-app #eebar.btn-group > .btn { border-radius: var(--sl-radius-pill) !important; border: 1px solid var(--sl-border-2); background: #fff; color: var(--sl-fg-3); font-weight: 700; } #sl-app #eebar.btn-group > .btn.active { background: var(--sl-blue); border-color: var(--sl-blue); color: #fff; } /* ============================================================================ FIN ASUNTO.ENCARGO.PANEL.INFO.TPL ============================================================================ */ /* ============================================================================ EDICIÓN INLINE POR CAMPO (lápiz) — sustituye a los diálogos de "Editar asunto"/"Editar encargo" campo a campo. El JS (inline_edit_*) solo hace show/hide de .sl-inline-edit__display / .sl-inline-edit__input; el guardado real es un POST mínimo (solo el campo tocado) al mismo endpoint que ya usan los selects/checkboxes (asunto/autosave//). Cubre inputs de texto/fecha/número, (Departamentos y Rptes. asignados del asunto, que son muchos-a-muchos). ============================================================================ */ .sl-inline-edit { display: inline-flex; align-items: center; gap: .35rem; flex-wrap: wrap; } .sl-inline-edit__pencil { font-size: .625rem; color: var(--sl-fg-3); cursor: pointer; opacity: .5; transition: opacity .15s, color .15s; } .sl-fcell:hover .sl-inline-edit__pencil { opacity: 1; } .sl-inline-edit__pencil:hover { color: var(--sl-blue); } /* El valor editable se pinta en azul (como un link) para que se note de un vistazo qué se puede tocar sin pasar por el diálogo grande; el estado vacío/"—" se queda en el gris apagado de siempre, no en azul. */ .sl-inline-edit__display { color: var(--sl-blue); font-weight: 600; cursor: pointer; } .sl-inline-edit__display.sl-meta-value--muted, .sl-inline-edit__display.sl-meta-value--warn { color: inherit; font-weight: inherit; } .sl-inline-edit__input { height: 1.5rem !important; padding: 0 .35rem !important; font-size: .75rem !important; max-width: 8rem; } select.sl-inline-edit__input { max-width: 11rem; } select.sl-inline-edit__input[multiple] { height: auto !important; min-height: 4.5rem; padding: .2rem !important; max-width: 14rem; } /* El wrapper que envuelve un nativo, y la regla de arriba (1.5rem fijo) lo recorta. */ .sl-inline-edit__input:has(select.select2) { height: auto !important; padding: 0 !important; } /* Botón "Cambio Rápido de Representante" y su lista de miembros del dpto.: viven FUERA del editor (como el lápiz), así que están siempre visibles y no dependen de haber pulsado el lápiz para usarse. */ .inline-quick-assign-list { max-width: 16rem; margin-top: .3rem; } .inline-quick-assign-list .btn { margin: 1px; } /* ============================================================================ FIN EDICIÓN INLINE POR CAMPO ============================================================================ */