body[data-coordinator-readonly="true"] .workflow-guide,
body[data-coordinator-readonly="true"] .search-bar,
body[data-coordinator-readonly="true"] .sidebar-status,
body[data-coordinator-readonly="true"] .yt-right-panel,
body[data-coordinator-readonly="true"] .editor-ops-strip,
body[data-coordinator-readonly="true"] .linked-sheet-tabs { display: none !important; }
.coord-panel { padding: 24px; background: var(--titanium-surface, #12171a); color: var(--app-text, #f4f7f5); border: 1px solid var(--sup-linea, #20272b); border-radius: 16px; min-width: 0; }
.coord-panel h2, .coord-panel strong, .coord-visor h2 { color: var(--app-text, #f4f7f5); }
.coord-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
.coord-head > button { flex-shrink: 0; white-space: nowrap; }
.coord-head h2 { margin: 0 0 6px; font-size: 23px; }
.coord-head p, .coord-ayuda { color: var(--app-text-muted, #9da8a3); margin: 0; line-height: 1.6; }
.coord-filtros { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin-bottom: 16px; }
.coord-filtros label { display: grid; gap: 6px; font-size: 13px; font-weight: 600; }
.coord-filtros label:first-child { flex: 1 1 230px; }
.coord-filtros input, .coord-filtros select { min-height: 42px; border: 1px solid var(--titanium-input, #303a3f); border-radius: 8px; background: var(--titanium-surface, #12171a); color: var(--app-text, #f4f7f5); padding: 8px 12px; width: 100%; }
.coord-tabla-scroll { overflow-x: auto; margin: 16px 0; }
.coord-tabla { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 780px; }
.coord-tabla th { text-align: left; padding: 12px; background: var(--titanium-raised, #1b2327); color: var(--app-text-dim, #cad4cf); font-size: 12px; }
.coord-tabla th { white-space: nowrap; }
.coord-tabla td:nth-child(2) { min-width: 120px; }
.coord-tabla td:nth-child(3) { min-width: 130px; }
#coord-cola .coord-tabla td:nth-child(4) { min-width: 240px; }
.coord-tabla td { padding: 16px 12px; border-bottom: 1px solid var(--sup-linea, #20272b); vertical-align: middle; max-width: 300px; overflow-wrap: anywhere; }
.coord-tabla small { display: block; margin-top: 5px; color: var(--app-text-muted, #9da8a3); line-height: 1.4; }
.coord-tabla .secondary-button { white-space: nowrap; min-height: 40px; }
.coord-turno { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: #202a2e; color: #f4f7f5; font-size: 18px; }
.coord-sin-turno { color: #9da8a3; font-size: 12px; }
.coord-estado { display: inline-block; border-radius: 20px; padding: 6px 10px; background: #202a2e; color: #cad4cf; font-size: 12px; white-space: nowrap; }
.coord-estado[data-estado="en_proceso"] { background: #16382b; color: #8ce6b8; font-weight: 700; }
.coord-estado[data-estado="enviada_cliente"] { background: #172d43; color: #9bcafa; }
.coord-prioridad { text-transform: capitalize; }
.coord-prioridad[data-prioridad="urgente"], .coord-prioridad[data-prioridad="alta"] { color: #ffaaaa; font-weight: 700; }
.coord-aviso { min-height: 24px; color: #b3c0b9; font-size: 13px; }
.coord-aviso:empty { display: none; }
.coord-aviso.is-error { color: #ffaaaa; }
.coord-paginacion { display: flex; gap: 12px; justify-content: flex-end; }
.coord-clientes-ayuda { font-size: 13px; }
.coord-clientes { display: grid; gap: 10px; margin: 16px 0; }
.coord-cliente { min-width: 0; border: 1px solid var(--titanium-border, #2a3338); border-radius: 10px; overflow: hidden; }
.coord-cliente > summary { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 14px 18px; cursor: pointer; list-style: none; background: var(--titanium-raised, #1b2327); }
.coord-cliente > summary::-webkit-details-marker { display: none; }
.coord-cliente > summary::before { content: ""; width: 8px; height: 8px; flex-shrink: 0; border-right: 2px solid var(--app-text-muted); border-bottom: 2px solid var(--app-text-muted); transform: rotate(-45deg); margin-right: 4px; }
.coord-cliente[open] > summary::before { transform: rotate(45deg); }
.coord-cliente > summary:hover { background: var(--titanium-accent, #202a2e); }
.coord-cliente > summary:focus-visible { outline: 3px solid #50d19a; outline-offset: -3px; }
.coord-cliente-nombre { flex: 1; min-width: 0; color: var(--app-text); font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
.coord-cliente-cantidad { flex-shrink: 0; border: 1px solid var(--titanium-border); border-radius: 20px; padding: 5px 10px; color: var(--app-text-dim); font-size: 12px; }
.coord-cliente-contenido { padding: 0 16px 14px; }
.coord-cliente-contenido > .coord-aviso:not(:empty) { margin-top: 14px; }
.coord-cliente-contenido .coord-tabla-scroll { margin: 12px 0 0; }
.coord-referencias td { padding: 12px 10px; }
.coord-cliente-mas { margin-top: 12px; }
.coord-referencias-lista { display: grid; gap: 12px; margin-top: 14px; }
.coord-referencia { min-width: 0; padding: 16px; border: 1px solid var(--sup-linea); border-radius: 9px; background: var(--titanium-shell, #0c0f11); }
.coord-referencia-cabecera { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.coord-referencia-cabecera > div { min-width: 0; }
.coord-referencia-cabecera strong { font-size: 14px; overflow-wrap: anywhere; }
.coord-referencia-cabecera small { display: block; margin-top: 6px; color: var(--app-text-muted); font-size: 12px; }
.coord-referencia-cabecera p { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0 0; color: var(--app-text-dim); font-size: 12px; overflow-wrap: anywhere; }
.coord-referencia-cabecera > button { flex-shrink: 0; white-space: nowrap; }
.coord-mas-reciente { display: inline-block; background: #16382b; color: #8ce6b8; border-radius: 20px; padding: 4px 8px; font-size: 11px; font-weight: 600; }
.coord-referencias td .coord-mas-reciente { margin-top: 6px; }
.coord-referencias td:first-child { width: auto; }
.coord-referencia-fichas { margin-top: 14px; border-top: 1px solid var(--sup-linea); }
.coord-referencia-fichas > summary { cursor: pointer; padding: 12px 0 0; color: var(--app-text-dim); font-size: 12px; min-height: 40px; }
.coord-referencia-fichas > summary:focus-visible { outline: 3px solid #50d19a; outline-offset: 3px; }
.coord-cliente [hidden] { display: none !important; }
.coord-panel button:focus-visible, .coord-panel input:focus-visible, .coord-panel select:focus-visible, .coord-visor button:focus-visible { outline: 3px solid #50d19a; outline-offset: 3px; }
.coord-visor { width: min(1480px, 96vw); max-width: 96vw; height: 94dvh; max-height: 94dvh; box-sizing: border-box; padding: 16px; border: 1px solid var(--sup-linea); border-radius: 14px; background: var(--titanium-shell, #0c0f11); color: var(--app-text); overflow: hidden; }
.coord-visor[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 12px; }
.coord-visor::backdrop { background: #000b; }
.coord-visor header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.coord-visor h2 { margin: 0; font-size: 18px; }
.coord-visor-acciones { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.coord-visor-acciones a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 10px 16px; border-radius: 10px; background: var(--titanium-green, #24b47e); color: #06110d; font-size: 14px; font-weight: 700; text-decoration: none; }
.coord-visor [hidden] { display: none !important; }
.coord-visor-lienzo { min-height: 0; min-width: 0; overflow: auto; background: var(--titanium-canvas, #070809); border: 1px solid var(--sup-linea); border-radius: 8px; }
.coord-visor-lienzo > img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.coord-visor-lienzo.ampliado > img { width: auto; height: auto; max-width: none; max-height: none; margin: auto; }
.coord-visor-lienzo > iframe { display: block; width: 100%; height: 100%; border: 0; }
.coord-visor footer { display: flex; align-items: center; gap: 12px; }
.coord-visor footer p { margin: 0; color: var(--app-text-muted); font-size: 13px; line-height: 1.5; }
.coord-visor footer .is-error { color: #ffaaaa; }
.coord-visor-generador { position: fixed; left: -20000px; top: 0; width: 1440px; height: 1000px; pointer-events: none; }
.coord-visor-generador iframe { width: 1440px; height: 1000px; border: 0; }
.coord-visor a:focus-visible { outline: 3px solid #50d19a; outline-offset: 3px; }
@media (max-width: 900px) {
  .coord-tabla { display: block; min-width: 0; }
  .coord-tabla thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .coord-tabla tbody { display: grid; gap: 14px; }
  .coord-tabla tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 12px; border: 1px solid var(--sup-linea, #20272b); border-radius: 10px; gap: 12px; }
  .coord-panel .coord-tabla td { display: block; min-width: 0 !important; max-width: none; padding: 0; border: 0; }
  .coord-tabla td::before { content: attr(data-label); display: block; margin-bottom: 6px; font-size: 11px; color: var(--app-text-muted, #9da8a3); }
  #coord-cola td:nth-child(4), #coord-cola td:nth-child(7), #coord-fichas td:first-child, #coord-fichas td:last-child { grid-column: 1 / -1; }
  .coord-referencias td:first-child { width: auto; }
  .coord-estado { white-space: normal; }
}
@media (max-width: 700px) {
  .coord-panel { padding: 14px; }
  .coord-head { align-items: flex-start; }
  .coord-head { flex-wrap: wrap; }
  .coord-head h2 { font-size: 20px; }
  .coord-filtros label { flex: 1 1 160px; }
  .coord-filtros button { min-height: 42px; }
  .coord-visor { padding: 10px; }
  .coord-cliente > summary { padding: 12px; gap: 10px; flex-wrap: wrap; }
  .coord-cliente-nombre { flex-basis: calc(100% - 30px); }
  .coord-cliente-cantidad { margin-left: 26px; }
  .coord-cliente-contenido { padding: 0 10px 10px; }
  .coord-referencia { padding: 12px; }
  .coord-referencia-cabecera { align-items: stretch; flex-direction: column; gap: 12px; }
}