/* ════════════════════════════════════════════════════════════════════════ MOD-284 · SUCURSALES DE EMPRESA — 4.3.240 ------------------------------------------------------------------------ Dos paletas a propósito, y no es un descuido: · Lo que se pinta DENTRO de la ficha (`#mo-emp-det` / `#mo-con-det`) usa la paleta `--crm-*` que MOD-260 declara sobre esos dos modales. Es la que tienen al lado los contactos, los deals y los productos; si aquí usara otra, la pestaña Sucursales sería la única que desentona, y el remapeo de NOCHE de 260 no la tocaría. · La ventana de alta/edición (`#mo-suc284`) cuelga de , es HERMANA de esos modales y no hereda ninguna `--crm-*`. Usa las variables GLOBALES del tema (`--bg2`, `--border`, `--text`, `--dim`, `--accent`), que sí viven en el y ya vienen remapeadas para día y noche. Cero hex cableados: un `var()` sin definir invalida la declaración entera y deja bordes y fondos en nada (el incidente de r4.3.185 en este mismo CRM). Desktop-first: el grueso va dentro del @media de escritorio, igual que 260. ════════════════════════════════════════════════════════════════════════ */ /* Mostrar/ocultar el panel NO se redefine aquí a propósito. El panel de sucursales sale con `class="crm260-pane"` y MOD-260 ya decide cuándo se ve (`display:none` global + `.active` sólo en escritorio). Una regla propia, por ser más específica, ganaría y se saltaría ese criterio en anchos estrechos: la pestaña nueva sería la única visible en un móvil. */ @media (min-width:1024px){ /* ── Cabecera de la sección ────────────────────────────────────────── */ #mo-emp-det .suc284-head-acts{display:flex;gap:8px;flex:none} /* La tarjeta vacía va PEGADA al encabezado: son una sola pieza, como la lista de contactos de MOD-260. */ #mo-emp-det .crm260-empty.suc284-pegada{border-radius:0 0 10px 10px;border-top:0;min-height:150px} /* ── Lista de sucursales ───────────────────────────────────────────── */ #mo-emp-det .suc284-list{ background:var(--crm-surface); border:1px solid var(--crm-line); border-radius:0 0 10px 10px; border-top:0; overflow:hidden; } #mo-emp-det .suc284-row{ align-items:center; border-bottom:1px solid var(--crm-line); color:var(--crm-text); display:flex; gap:11px; min-height:62px; padding:10px 14px; } #mo-emp-det .suc284-row:last-child{border-bottom:0} #mo-emp-det .suc284-row:hover{background:var(--crm-hover)} /* Inactiva: se atenúa, no se esconde. Sigue siendo un dato de la empresa. */ #mo-emp-det .suc284-row.off{opacity:.62} #mo-emp-det .suc284-ic{ align-items:center; background:var(--crm-blue-soft); border:1px solid var(--crm-blue-line); border-radius:9px; color:var(--crm-blue); display:inline-flex; flex:none; font-size:11px; height:34px; justify-content:center; width:34px; } #mo-emp-det .suc284-tx{flex:1;min-width:0} #mo-emp-det .suc284-tx b, #mo-emp-det .suc284-tx small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mo-emp-det .suc284-tx b{font-size:12px} #mo-emp-det .suc284-tx small{color:var(--crm-muted);font-size:10px;margin-top:3px} #mo-emp-det .suc284-act{ align-items:center; background:var(--crm-surface); border:1px solid var(--crm-line-strong); border-radius:8px; color:var(--crm-text-2); cursor:pointer; display:inline-flex; flex:none; font-size:11px; height:32px; justify-content:center; width:32px; } #mo-emp-det .suc284-act:hover{background:var(--crm-bg);color:var(--crm-text)} #mo-emp-det .suc284-act.del{color:var(--crm-red)} #mo-emp-det .suc284-act.del:hover{background:var(--crm-red-soft);border-color:var(--crm-red-line)} /* ── Fila del selector en la ficha del contacto ────────────────────── */ #mo-con-det .suc284-nota{color:var(--crm-muted);font-size:12.5px;line-height:1.45;padding:6px 0} } /* ════════════════════════════════════════════════════════════════════════ VENTANA DE ALTA / EDICIÓN — variables globales del tema ════════════════════════════════════════════════════════════════════════ */ /* Centrada como las demás ventanas del CRM (240 y 241 hacen lo mismo). */ #mo-suc284.mo{align-items:center} #mo-suc284 .suc284-box{ background:var(--bg2); border:1px solid var(--border); border-radius:16px; box-shadow:0 24px 60px var(--dash-shadow, rgba(15,23,42,.32)); color:var(--text); display:flex; flex-direction:column; font-family:var(--font); max-height:92vh; overflow:hidden; text-transform:none; width:min(560px,94vw); } #mo-suc284 .suc284-box *{box-sizing:border-box;text-transform:none} #mo-suc284 .suc284-head{ align-items:center; border-bottom:1px solid var(--border); display:flex; gap:10px; padding:17px 20px; } #mo-suc284 .suc284-head i{color:var(--accent)} #mo-suc284 .suc284-head b{font-size:15px;font-weight:800} #mo-suc284 .suc284-x{ background:none;border:none;color:var(--dim);cursor:pointer; font-size:16px;line-height:1;margin-left:auto;padding:4px; } #mo-suc284 .suc284-x:hover{color:var(--text)} #mo-suc284 .suc284-body{overflow-y:auto;padding:18px 20px} #mo-suc284 .suc284-grid{display:grid;gap:13px 16px;grid-template-columns:1fr 1fr} #mo-suc284 .suc284-f{display:flex;flex-direction:column;gap:5px;min-width:0} #mo-suc284 .suc284-f.w2{grid-column:1 / -1} #mo-suc284 .suc284-f label{color:var(--dim);font-size:12px;font-weight:500} #mo-suc284 .suc284-in{ background:var(--bg); border:1px solid var(--border); border-radius:9px; color:var(--text); font-family:var(--font); font-size:14px; padding:8px 11px; width:100%; } #mo-suc284 textarea.suc284-in{min-height:66px;resize:vertical} #mo-suc284 .suc284-in:focus{border-color:var(--accent);outline:none} #mo-suc284 .suc284-in::placeholder{color:var(--dim)} #mo-suc284 .suc284-f.chk{gap:4px} #mo-suc284 .suc284-f.chk label{ align-items:center;color:var(--text);cursor:pointer;display:flex; font-size:13.5px;font-weight:600;gap:9px; } #mo-suc284 .suc284-f.chk span{color:var(--dim);font-size:11.5px;line-height:1.4} #mo-suc284 .suc284-foot{ border-top:1px solid var(--border); display:flex; gap:10px; justify-content:flex-end; padding:14px 20px; } /* La ventana es hermana de los modales del CRM y NO hereda sus `--crm-*`: los botones se repintan aquí con el tema global para que no salgan sin borde ni fondo (declaración invalidada por `var()` indefinida). */ #mo-suc284 .crm260-btn{ align-items:center;background:var(--bg2);border:1px solid var(--border); border-radius:8px;color:var(--text2);cursor:pointer;display:inline-flex; font-family:var(--font);font-size:12px;font-weight:600;gap:7px;height:36px; justify-content:center;padding:0 14px;white-space:nowrap; } #mo-suc284 .crm260-btn:hover{background:var(--bg3);color:var(--text)} #mo-suc284 .crm260-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)} #mo-suc284 .crm260-btn.primary:disabled{cursor:default;opacity:.6}