/*
 * Componentes definitivos de Coordinación Operativa.
 * Todo queda contenido bajo .coordinacion-ux para no alterar tarjetas ni
 * superficies de producción física existentes.
 */
.coordinacion-ux{
  --coord-ink:#16233b;
  --coord-muted:#64748b;
  --coord-line:#dbe4f0;
  --coord-paper:#fff;
  --coord-soft:#f6f9fd;
  --coord-blue:#075bd8;
  --coord-blue-soft:#eaf2ff;
  --coord-navy:#06294f;
  --coord-gold:#d5a72c;
  --coord-green:#168344;
  --coord-green-soft:#e8f7ee;
  --coord-amber:#b55f00;
  --coord-amber-soft:#fff6df;
  --coord-red:#bd2c2c;
  --coord-red-soft:#ffeded;
  color:var(--coord-ink);
  font:inherit;
}
.coordinacion-ux *,
.coordinacion-ux *::before,
.coordinacion-ux *::after{box-sizing:border-box}
.coordinacion-ux button,
.coordinacion-ux select,
.coordinacion-ux input{font:inherit}
.coordinacion-ux button{cursor:pointer}
.coordinacion-ux button:focus-visible,
.coordinacion-ux select:focus-visible,
.coordinacion-ux input:focus-visible{outline:3px solid rgba(7,91,216,.2);outline-offset:2px}

.coordinacion-ux__mode-selector{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:4px 0}
.coordinacion-ux__mode-label{color:var(--coord-muted);font-size:12px;font-weight:700;margin-right:2px}
.coordinacion-ux__mode-button,
.coordinacion-ux__filter-button{border:1px solid transparent;border-radius:7px;background:transparent;color:#52647c;padding:7px 9px;font-size:12px;font-weight:700}
.coordinacion-ux__mode-button:hover,
.coordinacion-ux__filter-button:hover{background:#f0f5fd;color:var(--coord-blue)}
.coordinacion-ux__mode-button.is-active,
.coordinacion-ux__filter-button.is-active{background:var(--coord-blue-soft);border-color:#bfd7ff;color:var(--coord-blue)}

.coordinacion-ux--lanes,
.coordinacion-ux--work-control,
.coordinacion-ux--my-work,
.coordinacion-ux--order-summary,
.coordinacion-ux--garment-guide,
.coordinacion-ux--procedure,
.coordinacion-ux--selection-panel{border:1px solid var(--coord-line);border-radius:12px;background:var(--coord-paper);box-shadow:0 4px 16px rgba(20,37,63,.055)}
.coordinacion-ux--lanes,
.coordinacion-ux--work-control,
.coordinacion-ux--my-work,
.coordinacion-ux--order-summary,
.coordinacion-ux--garment-guide,
.coordinacion-ux--procedure{padding:13px}
.coordinacion-ux__surface-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 12px}
.coordinacion-ux__surface-heading h2,
.coordinacion-ux__surface-heading h3{color:var(--coord-ink);font-size:16px;line-height:1.25;margin:0}
.coordinacion-ux__surface-heading p{color:var(--coord-muted);font-size:12px;line-height:1.4;margin:4px 0 0}
.coordinacion-ux__surface-note{display:inline-flex;align-items:center;white-space:nowrap;border-radius:99px;background:#f1f4f8;color:#506176;padding:4px 7px;font-size:10px;font-weight:800}
.coordinacion-ux__eyebrow{display:block;color:var(--coord-blue);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px}

.coordinacion-ux__lanes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);align-items:start;gap:10px;overflow-x:auto;padding:1px 1px 6px}
.coordinacion-ux__lane{display:grid;gap:8px;min-height:190px;border:1px solid var(--coord-line);border-top:3px solid #6c89ad;border-radius:10px;background:var(--coord-soft);padding:9px}
.coordinacion-ux__lane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
.coordinacion-ux__lane-header h3{font-size:13px;margin:0;color:var(--coord-ink)}
.coordinacion-ux__center-kind{display:block;color:var(--coord-muted);font-size:10px;line-height:1.3;margin-top:2px}
.coordinacion-ux__lane-count{display:grid;min-width:21px;height:21px;place-items:center;border-radius:50%;background:#e3ebf6;color:#324967;font-size:11px;font-weight:800}
.coordinacion-ux__lane-groups{display:grid;gap:7px;align-content:start}
.coordinacion-ux__lane-empty,
.coordinacion-ux__empty-state{margin:5px 0;color:var(--coord-muted);font-size:12px;line-height:1.45}
.coordinacion-ux__more-button{border:0;border-radius:7px;background:transparent;color:var(--coord-blue);padding:5px 2px;font-size:11px;font-weight:800;text-align:left}
.coordinacion-ux__more-button:hover{text-decoration:underline}

.coordinacion-ux__group-card{display:grid;gap:7px;border:1px solid #d5e0ef;border-left:3px solid var(--coord-blue);border-radius:8px;background:#fff;padding:8px;box-shadow:0 2px 6px rgba(17,43,77,.04)}
.coordinacion-ux__group-open{display:grid;gap:2px;width:100%;border:0;background:transparent;color:var(--coord-ink);padding:0;text-align:left}
.coordinacion-ux__group-open:hover .coordinacion-ux__group-title{color:var(--coord-blue)}
.coordinacion-ux__group-title{font-size:12px;font-weight:800;line-height:1.3}
.coordinacion-ux__group-meta{overflow:hidden;color:var(--coord-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.coordinacion-ux__card-tags,
.coordinacion-ux__panel-tags{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.coordinacion-ux__status,
.coordinacion-ux__priority,
.coordinacion-ux__tag{display:inline-flex;align-items:center;border-radius:99px;padding:3px 6px;font-size:10px;font-weight:800;line-height:1.1}
.coordinacion-ux__status--neutral,.coordinacion-ux__priority--neutral{background:#edf1f5;color:#56687d}
.coordinacion-ux__status--blue,.coordinacion-ux__priority--blue{background:var(--coord-blue-soft);color:var(--coord-blue)}
.coordinacion-ux__status--success,.coordinacion-ux__priority--success{background:var(--coord-green-soft);color:var(--coord-green)}
.coordinacion-ux__status--warning,.coordinacion-ux__priority--warning{background:var(--coord-amber-soft);color:var(--coord-amber)}
.coordinacion-ux__status--danger,.coordinacion-ux__priority--danger{background:var(--coord-red-soft);color:var(--coord-red)}
.coordinacion-ux__tag--virtual{background:#f2f4f7;color:#657389;font-weight:700}
.coordinacion-ux__activity-list{display:grid;gap:4px;border-top:1px solid #e9eef5;padding-top:6px}
.coordinacion-ux__activity-line{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px;border:0;background:transparent;color:#354761;padding:2px 0;font-size:10px;text-align:left}
.coordinacion-ux__activity-line>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coordinacion-ux__more-activities{color:var(--coord-muted);font-size:10px}

.coordinacion-ux__work-sections,
.coordinacion-ux__my-work-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.coordinacion-ux__my-work-columns{grid-template-columns:repeat(4,minmax(190px,1fr));overflow-x:auto;padding-bottom:3px}
.coordinacion-ux__work-section{min-width:0;border:1px solid var(--coord-line);border-radius:9px;background:var(--coord-soft);padding:9px}
.coordinacion-ux__work-section h3,
.coordinacion-ux__work-section h4{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;color:var(--coord-ink);font-size:12px}
.coordinacion-ux__work-section h3 span,
.coordinacion-ux__work-section h4 span{border-radius:99px;background:#e4ecf7;color:#506783;padding:2px 6px;font-size:10px}
.coordinacion-ux__work-cards{display:grid;gap:7px}
.coordinacion-ux__my-work-controls{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:10px;align-items:end;border:1px solid var(--coord-line);border-radius:9px;background:var(--coord-soft);padding:9px;margin:0 0 11px}
.coordinacion-ux__my-work-controls label{display:grid;gap:4px;color:#4e6079;font-size:11px;font-weight:800}
.coordinacion-ux__my-work-controls select{width:100%;border:1px solid #c9d7e8;border-radius:7px;background:#fff;color:var(--coord-ink);padding:7px}
.coordinacion-ux__filter-buttons{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.coordinacion-ux__filter-button{background:#fff;border-color:#d6e0ec;padding:6px 8px}

.coordinacion-ux__stage-injection{display:grid;gap:8px;border:1px solid #cbdcf4;border-radius:8px;background:#f7faff;padding:8px;color:var(--coord-ink)}
.coordinacion-ux__stage-injection-header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.coordinacion-ux__stage-injection-copy{display:grid;gap:1px;min-width:0}
.coordinacion-ux__stage-injection b{font-size:11px}
.coordinacion-ux__stage-injection small{color:var(--coord-muted);font-size:10px}
.coordinacion-ux__stage-injection-groups{display:grid;gap:7px}
.coordinacion-ux__stage-injection .coordinacion-ux__group-card{padding:7px}
.coordinacion-ux__stage-injection .coordinacion-ux__group-card .coordinacion-ux__activity-list{display:none}
.coordinacion-ux__action-button{border:1px solid #cbd8e8;border-radius:7px;background:#fff;color:#354861;padding:7px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.coordinacion-ux__action-button:hover{filter:brightness(.98);border-color:#aabfd9}
.coordinacion-ux__action-button--primary{border-color:var(--coord-blue);background:var(--coord-blue);color:#fff}
.coordinacion-ux__action-button--danger{border-color:var(--coord-red);background:var(--coord-red);color:#fff}
.coordinacion-ux__action-button:disabled{cursor:not-allowed;opacity:.52}

.coordinacion-ux--selection-panel{display:grid;gap:10px;padding:13px}
.coordinacion-ux--selection-panel>header{display:flex;justify-content:space-between;gap:8px}
.coordinacion-ux--selection-panel h2{font-size:16px;margin:0;color:var(--coord-ink)}
.coordinacion-ux--selection-panel header p{color:var(--coord-muted);font-size:11px;margin:4px 0 0}
.coordinacion-ux__close{display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:7px;background:#f1f4f8;color:#53657c;font-size:18px;line-height:1}
.coordinacion-ux__panel-copy{margin:0;color:#4b5e77;font-size:12px;line-height:1.45}
.coordinacion-ux__panel-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}
.coordinacion-ux__panel-data>div{border:1px solid var(--coord-line);border-radius:7px;background:var(--coord-soft);padding:7px}
.coordinacion-ux__panel-data dt{color:var(--coord-muted);font-size:10px}
.coordinacion-ux__panel-data dd{margin:2px 0 0;color:var(--coord-ink);font-size:15px;font-weight:800}
.coordinacion-ux__panel-list{display:grid;gap:5px}
.coordinacion-ux__panel-list button,
.coordinacion-ux__panel-list span{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid var(--coord-line);border-radius:7px;background:#fff;color:#40536b;padding:7px;text-align:left;font-size:11px}
.coordinacion-ux__panel-actions{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid #e5ebf3;padding-top:10px}

.coordinacion-ux--order-summary .coordinacion-ux__surface-heading{margin-bottom:9px}
.coordinacion-ux__metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.coordinacion-ux__metric{display:grid;gap:2px;border:1px solid var(--coord-line);border-radius:8px;background:var(--coord-soft);padding:8px}
.coordinacion-ux__metric b{color:var(--coord-ink);font-size:18px;line-height:1}
.coordinacion-ux__metric span{color:var(--coord-muted);font-size:10px;line-height:1.25}
.coordinacion-ux__metric--danger{border-color:#f3c8c8;background:var(--coord-red-soft)}
.coordinacion-ux__metric--success{border-color:#c9e9d4;background:var(--coord-green-soft)}
.coordinacion-ux__summary-actions{display:flex;justify-content:flex-end;margin-top:9px}

.coordinacion-ux--garment-guide>header{display:flex;justify-content:space-between;gap:9px;align-items:flex-start;margin-bottom:10px}
.coordinacion-ux--garment-guide h3{margin:0;color:var(--coord-ink);font-size:15px}
.coordinacion-ux--garment-guide header p{color:var(--coord-muted);font-size:11px;line-height:1.4;margin:3px 0 0}
.coordinacion-ux__guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.coordinacion-ux__guide-grid>section{border:1px solid var(--coord-line);border-radius:8px;background:var(--coord-soft);padding:7px}
.coordinacion-ux__guide-grid h4{display:flex;justify-content:space-between;gap:5px;color:#40536b;font-size:10px;margin:0 0 6px}
.coordinacion-ux__guide-grid h4 span{color:var(--coord-blue)}
.coordinacion-ux__guide-grid>section>div{display:grid;gap:4px}
.coordinacion-ux__guide-grid button{overflow:hidden;border:0;background:transparent;color:var(--coord-blue);padding:1px 0;font-size:10px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.coordinacion-ux__guide-empty{color:var(--coord-muted);font-size:10px}
.coordinacion-ux--garment-guide>.coordinacion-ux__action-button{margin-top:9px}

.coordinacion-ux--procedure{display:grid;gap:9px}
.coordinacion-ux__procedure-phases{display:grid;gap:6px}
.coordinacion-ux__procedure-phase{border:1px solid var(--coord-line);border-radius:8px;background:var(--coord-soft);overflow:hidden}
.coordinacion-ux__procedure-phase>summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;color:var(--coord-ink);font-size:12px;font-weight:800;padding:8px 9px}
.coordinacion-ux__procedure-phase>summary span{color:var(--coord-muted);font-size:10px}
.coordinacion-ux__procedure-phase>div{display:grid;gap:6px;border-top:1px solid var(--coord-line);background:#fff;padding:8px}
.coordinacion-ux__procedure-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.65fr);gap:8px;align-items:start;border:1px solid #e0e8f2;border-radius:7px;padding:7px}
.coordinacion-ux__procedure-step b{display:block;color:#31445e;font-size:11px;line-height:1.35}
.coordinacion-ux__procedure-step small{display:block;color:var(--coord-muted);font-size:10px;margin-top:2px;text-transform:capitalize}
.coordinacion-ux__step-control{display:grid;gap:4px;color:#52647a;font-size:10px;font-weight:700}
.coordinacion-ux__step-control input,
.coordinacion-ux__step-control select{min-width:0;border:1px solid #cbd7e6;border-radius:6px;background:#fff;color:var(--coord-ink);padding:6px;font-size:11px}
.coordinacion-ux__step-control input[type="checkbox"]{width:auto;padding:0}
.coordinacion-ux__step-control--double{grid-template-columns:1fr 1fr;align-items:center}
.coordinacion-ux__step-control--double>span{grid-column:1/-1}
.coordinacion-ux__step-control--double label{font-size:10px;font-weight:600}
.coordinacion-ux__step-control--conciliacion{display:flex;align-items:center;justify-content:space-between;gap:5px}
.coordinacion-ux__step-control--conciliacion button{border:1px solid #bfd3f0;border-radius:6px;background:var(--coord-blue-soft);color:var(--coord-blue);padding:5px;font-size:10px;font-weight:800}

/* Matriz, balances y flujo: solo extienden las superficies existentes de
   pedido y prenda. No cambian la presentación de datos físicos. */
.coordinacion-ux--matrix,
.coordinacion-ux--active-work{display:grid;gap:10px}
.coordinacion-ux--matrix .coordinacion-ux__surface-heading,
.coordinacion-ux--active-work .coordinacion-ux__surface-heading{margin-bottom:0}
.coordinacion-ux__matrix-rows,
.coordinacion-ux__active-work-list,
.coordinacion-ux__requirements{display:grid;gap:6px}
.coordinacion-ux__matrix-row{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(115px,.7fr);align-items:center;gap:8px;border:1px solid #e1e7ef;border-radius:8px;background:#fff;padding:7px 8px}
.coordinacion-ux__matrix-row b{display:block;color:var(--coord-ink);font-size:11px;line-height:1.3}
.coordinacion-ux__matrix-row small{display:block;color:var(--coord-muted);font-size:10px;line-height:1.3}
.coordinacion-ux__matrix-row>span{color:#3a506e;font-size:11px;font-weight:800;white-space:nowrap}
.coordinacion-ux__matrix-more,
.coordinacion-ux__matrix-empty{margin:0;color:var(--coord-muted);font-size:11px;line-height:1.4}
.coordinacion-ux__active-work{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;width:100%;border:1px solid #dfe6ef;border-left:3px solid #e0b93d;border-radius:8px;background:#fffdf4;color:var(--coord-ink);padding:8px;text-align:left}
.coordinacion-ux__active-work:hover{border-color:#d2bd6e;background:#fffbea}
.coordinacion-ux__active-work-title{display:grid;gap:2px;min-width:0}
.coordinacion-ux__active-work-title b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.coordinacion-ux__active-work-title small{overflow:hidden;color:var(--coord-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.coordinacion-ux__active-work-balance{color:#4b5e75;font-size:10px;font-weight:750;white-space:nowrap}
.coordinacion-ux__work-alerts{display:flex;gap:6px;flex-wrap:wrap;padding-top:2px}
.coordinacion-ux__work-alerts span{border:1px solid #f0d79e;border-radius:99px;background:#fff8e8;color:#8a5a00;padding:4px 7px;font-size:10px;font-weight:800}

.coordinacion-ux--garment-workflow{display:grid;gap:11px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.coordinacion-ux--garment-workflow .coordinacion-ux__workflow-section{display:grid;gap:8px;border:1px solid var(--coord-line);border-radius:10px;background:var(--coord-paper);padding:11px;box-shadow:0 3px 10px rgba(20,37,63,.035)}
.coordinacion-ux--garment-workflow .coordinacion-ux__workflow-section>h3{margin:0;color:var(--coord-ink);font-size:14px;line-height:1.25}
.coordinacion-ux__workflow-section--next{border-left:3px solid var(--coord-blue)!important;background:#f7faff!important}
.coordinacion-ux__workflow-section--next>div{display:grid;gap:3px}
.coordinacion-ux__workflow-section--next b{color:var(--coord-ink);font-size:12px}
.coordinacion-ux__workflow-section--next p,
.coordinacion-ux__workflow-section--pieces p{margin:0;color:#52647b;font-size:11px;line-height:1.45}
.coordinacion-ux__workflow-section--next .coordinacion-ux__action-button{justify-self:start;margin-top:4px}
.coordinacion-ux__workflow-physical>.detail-grid{margin:0}
.coordinacion-ux__workflow-section--work>.coordinacion-ux--garment-guide{margin:0}
.coordinacion-ux__requirement{display:grid;gap:2px;border:1px solid #eadca8;border-radius:8px;background:#fffdf5;padding:8px}
.coordinacion-ux__requirement b{color:#4c4120;font-size:11px}
.coordinacion-ux__requirement span{color:#6f5820;font-size:11px;font-weight:800}
.coordinacion-ux__requirement small{color:#806b39;font-size:10px;line-height:1.35}
.coordinacion-ux__workflow-section--steps .coordinacion-ux__procedure-list{display:grid;gap:8px}
.coordinacion-ux__control-garment-information{display:grid;gap:10px;margin-bottom:10px}

/* Tarjetas de Trabajo y Resultado: la clase adicional evita tocar las tarjetas
   físicas que comparten el mismo armazón del tablero. */
.coordinacion-ux .lot-card.lot-card--coord,
body.ix-ready #board .lot-card.lot-card--coord{border-color:#ead58a;border-left-color:#d7a92a;background:#fff8d8;box-shadow:0 2px 7px rgba(115,83,12,.1)}
.coordinacion-ux .lot-card.lot-card--coord:hover,
body.ix-ready #board .lot-card.lot-card--coord:hover{border-color:#cfab3f;background:#fff5c9}
.coordinacion-ux .lot-card.lot-card--coord header,
body.ix-ready #board .lot-card.lot-card--coord header{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
.coordinacion-ux .lot-card.lot-card--coord header b,
body.ix-ready #board .lot-card.lot-card--coord header b{display:block;color:#58430a;font-size:11px;line-height:1.35}
.coordinacion-ux .lot-card.lot-card--coord header small,
body.ix-ready #board .lot-card.lot-card--coord header small{display:block;color:#7d692d;font-size:10px;line-height:1.3}
.coordinacion-ux .lot-card.lot-card--coord h4,
body.ix-ready #board .lot-card.lot-card--coord h4{margin:7px 0 4px;color:#332a0c;font-size:13px;line-height:1.3}
.coordinacion-ux .lot-card.lot-card--coord p,
body.ix-ready #board .lot-card.lot-card--coord p{margin:3px 0;color:#665a35;font-size:10px;line-height:1.35}
.coordinacion-ux .lot-card.lot-card--coord .coordinacion-work-card__balance,
body.ix-ready #board .lot-card.lot-card--coord .coordinacion-work-card__balance{color:#57480f;font-size:11px;font-weight:800}
.coordinacion-ux .lot-card.lot-card--coord .coordinacion-work-card__next,
body.ix-ready #board .lot-card.lot-card--coord .coordinacion-work-card__next{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;border-top:1px solid rgba(150,116,16,.18);padding-top:7px;color:#735e1c;font-size:10px;font-weight:800}
.coordinacion-ux .lot-card.lot-card--coord .coordinacion-work-card__notice,
body.ix-ready #board .lot-card.lot-card--coord .coordinacion-work-card__notice{display:block;margin-top:5px;color:#897946;font-size:9px}
body.ix-ready #board .lot-card.lot-card--coord button[data-coordinacion-ui-action]{display:inline-flex!important;align-items:center;justify-content:center;min-height:27px!important;padding:5px 8px!important;border:1px solid #b98c13!important;border-radius:6px!important;background:#8e6500!important;color:#fff!important;font-size:10px!important;font-weight:800!important;pointer-events:auto!important}
body.ix-ready #board .lot-card.lot-card--coord.lot-card--incoming{border-left-color:#bc8a12;background:#fff5cf}

/* Asistente cotidiano de Trabajo y habilitación. Alcance limitado a sus
   controles para no cambiar los formularios o movimientos físicos existentes. */
.coordinacion-work-assistant{display:grid;gap:13px}
.coordinacion-work-assistant>section{display:grid;gap:8px;border:1px solid #dfe7f1;border-radius:9px;background:#fff;padding:10px}
.coordinacion-work-assistant>section>h3{margin:0;color:#183457;font-size:14px}
.coordinacion-ux__scope-picker{display:grid;gap:6px;border:1px solid #d7e3f1;border-radius:8px;background:#f8fbff;padding:9px}
.coordinacion-ux__scope-picker>b{color:#17385f;font-size:12px}
.coordinacion-ux__scope-options{display:grid;gap:6px;max-height:270px;overflow:auto;padding-right:2px}
.coordinacion-ux__scope-option{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #dce6f2;border-radius:7px;background:#fff;color:#31465f;padding:7px 8px;font-size:11px}
details.coordinacion-ux__scope-option{display:block}
details.coordinacion-ux__scope-option summary{cursor:pointer;font-weight:800}
.coordinacion-ux__scope-option input{accent-color:#075bd8}
.coordinacion-ux__scope-option span{color:#617189;font-size:10px;font-weight:700;white-space:nowrap}
.coordinacion-ux__scope-people{display:grid;gap:5px;margin-top:7px}
.coordinacion-ux__scope-person{display:flex;align-items:center;gap:6px;border-top:1px solid #edf1f6;padding-top:5px;color:#41536a;font-size:11px}
.coordinacion-ux__scope-bulk{display:flex;gap:6px;flex-wrap:wrap}
.coordinacion-ux__workflow-secondary{margin-top:10px;padding-top:9px;border-top:1px solid #dfe7f1}
.coordinacion-ux [data-coordinacion-ui-select].control-focus-row{outline:3px solid rgba(7,91,216,.3);outline-offset:3px;background:#eef6ff;transition:outline-color .18s ease,background .18s ease}
.coordinacion-ux__availability-preview{display:grid;gap:7px;border:1px solid #cbdff8;border-radius:8px;background:#f5faff;padding:10px}
.coordinacion-ux__availability-preview>div{display:flex;align-items:baseline;justify-content:space-between;gap:9px}
.coordinacion-ux__availability-preview b{color:#133f72;font-size:12px}
.coordinacion-ux__availability-preview span{color:#536b88;font-size:11px;text-align:right}
.coordinacion-ux__availability-preview p{margin:0}
.coordinacion-ux__physical-enable{display:grid;justify-items:start;gap:5px;border-top:1px solid #e0e8f1;margin-top:9px;padding-top:9px}
.coordinacion-ux__physical-enable p{margin:0}

@media (max-width:1000px){
  .coordinacion-ux__work-sections{grid-template-columns:1fr}
  .coordinacion-ux__guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coordinacion-ux__my-work-controls{grid-template-columns:1fr}
  .coordinacion-ux__active-work{grid-template-columns:minmax(0,1fr) auto}
  .coordinacion-ux__active-work .coordinacion-ux__status{grid-column:2}
}
@media (max-width:640px){
  .coordinacion-ux__surface-heading,
  .coordinacion-ux__metric-grid,
  .coordinacion-ux__guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coordinacion-ux__procedure-step{grid-template-columns:1fr}
  .coordinacion-ux__lanes{grid-auto-columns:minmax(220px,82vw)}
  .coordinacion-ux__matrix-row,
  .coordinacion-ux__active-work{grid-template-columns:1fr}
  .coordinacion-ux__active-work .coordinacion-ux__status{grid-column:auto;justify-self:start}
}