/* Componentes y ensambles: reutiliza la paleta del tablero sin alterar sus tarjetas. */
.components-section{display:block}
.component-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.component-section-head h3{margin:0 0 4px}
.component-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.component-capacity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.component-capacity>div{border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;padding:9px 11px;display:flex;flex-direction:column;gap:2px}
.component-capacity span{font-size:12px;color:#64748b}
.component-capacity b{font-size:19px;color:#172033}
.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.component-card{border:1px solid #cbd5e1;border-left:4px solid #2267b5;border-radius:8px;padding:10px;background:#fff;display:grid;gap:8px}
.component-card.depleted{border-left-color:#9aa7b6;background:#f8fafc;opacity:.82}
.component-card-head{display:flex;gap:8px;align-items:center;justify-content:space-between}
.component-card-qty{color:#344054;font-size:13px}
.component-card-qty b{font-size:20px;color:#172033}
.component-card-qty span{color:#667085}
.component-card-meta{display:grid;gap:4px;font-size:12px;color:#556070}
.component-card-meta .tag{justify-self:start}
.lot-type{font-size:11px;white-space:nowrap}
.lot-type.producto{background:#e8f5ee;color:#166534}
.lot-type.fragmento{background:#eef2ff;color:#4338ca}
  .lot-type.componente{background:#fff7ed;color:#c2410c}
  .lot-type.ensamblado{background:#ecfeff;color:#0f766e}
  .lot-type.paquete{background:#f0fdfa;color:#0f766e}
.lot-card .lot-type{margin-left:5px}
.component-plan-table input{min-width:86px;width:100%;box-sizing:border-box}
.component-card-qty b{font-size:14px;line-height:1.35;display:block}
.component-card-qty span{display:block;margin-top:3px}
.component-card.grouped{border-left-color:#7c3aed;background:#faf5ff}
.package-card,.component-package-card{border-left-color:#0f766e;background:#f0fdfa}
.package-control-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:0 0 14px}
.component-subtitle{margin:14px 0 8px;color:#344054;font-size:14px}
  .component-plan-tools{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
  .component-result-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #dce4ef;font-size:12px;color:#556070}
.component-row-actions{display:flex;gap:4px;min-width:190px}
.component-row-actions button{white-space:nowrap}
.component-selection label{align-items:flex-start}
.component-selection small{display:block;color:#667085;margin-top:3px}
.piece-group-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 0 2px;border-top:1px dashed #cbd5e1;margin-top:8px}
.piece-select{width:100%;justify-content:flex-start;font-size:12px}

@media(max-width:700px){
  .component-section-head{align-items:stretch;flex-direction:column}
  .component-actions{justify-content:flex-start}
  .component-result-action{align-items:flex-start;flex-direction:column}
  .component-capacity{grid-template-columns:1fr}
  .components-grid{grid-template-columns:1fr}
  .component-row-actions{flex-wrap:wrap;min-width:130px}
}

/* Tablero resumido y gestión contextual de unidades operativas. */
.board-view-control{display:flex;align-items:center;gap:6px;font-size:13px;color:#475467;white-space:nowrap}
.board-view-control select{min-width:138px}
.operation-summary-card{display:grid;gap:8px}
.operation-summary-card .operation-card-title{font-size:14px;color:#344054}
.operation-summary-card .amount{margin:0;font-size:16px}
.operation-card-client{font-size:12px;color:#667085}
.operation-priority-control{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:6px 8px;border:1px solid #e1e8f0;border-radius:7px;background:#fafcff;font-size:11px;color:#475467}
.operation-priority-control>span{font-weight:600}
.operation-priority-control small{color:#667085}
.operation-priority-control select{min-width:0;max-width:170px;margin-left:auto;padding:4px 6px;font-size:11px}
.operation-priority-badge{color:#1f2937;white-space:nowrap}
.operation-card-actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #e7edf5;padding-top:9px}
.operation-card-details,.operation-detailed-list{border-top:1px dashed #cbd5e1;padding-top:7px;color:#475467;font-size:12px}
.operation-card-details summary,.operation-detailed-list summary{cursor:pointer;color:#245f9c;font-weight:600}
.operation-card-details ul,.operation-detailed-list ul,.operation-package-members ul{margin:7px 0 0;padding-left:18px;display:grid;gap:4px}
.operation-unit-package{padding:6px 0;border-bottom:1px solid #e6edf5}
.operation-search-focus{box-shadow:0 0 0 3px rgba(37,99,235,.32),0 10px 24px rgba(37,99,235,.16);animation:operation-flash 1.1s ease-out}
@keyframes operation-flash{0%{transform:scale(.99)}55%{transform:scale(1.01)}100%{transform:scale(1)}}
.warning-text{color:#a15c00;font-weight:600}
.operation-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:9px;margin-bottom:10px}
.operation-summary-grid>div{border:1px solid #dbe5f0;border-radius:8px;background:#f8fafc;padding:9px 11px;display:grid;gap:3px}
.operation-summary-grid span{font-size:11px;color:#667085}
.operation-summary-grid b{font-size:13px;color:#1f2937}
.operation-context-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px;padding:9px 10px;border:1px solid #d9e5f2;border-radius:8px;background:#f8fbff;font-size:12px;color:#475467}
.operation-context-actions.empty{display:block;border-style:dashed;background:#fff}
.operation-management-table{min-width:900px}
.operation-package-row{background:#f0fdfa}
.operation-package-members td{padding:0 12px 9px 46px!important;background:#fbfefd;color:#475467;font-size:12px}
.operation-package-members summary{cursor:pointer;color:#0f766e}
.operation-fragment-family{display:block;font-size:10px;color:#6b7280;margin-bottom:3px}
.operation-stage-distribution{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.operation-stage-link{border:0;cursor:pointer}
.operation-order-row{align-items:flex-start}
.operation-order-row .meta{margin-top:4px}
.operation-consolidation-extras{margin:10px 0;padding:10px;border:1px solid #d9e5f2;border-radius:8px;background:#f8fbff}
.operation-consolidation-extras>b{display:block;margin-bottom:6px;font-size:13px;color:#344054}
.operation-send-choices{display:grid;gap:7px;margin-top:10px}
.operation-send-choices label{display:flex;gap:8px;align-items:flex-start;padding:7px;border:1px solid #e2e8f0;border-radius:7px;background:#fff}
.operation-send-list{margin:9px 0;padding-left:20px;display:grid;gap:4px;font-size:13px}
.trace-priority,.trace-checklist{margin-top:7px;color:#475467;font-size:12px}
.trace-priority b{color:#1f2937}
.trace-checklist details{margin-top:5px}
.trace-checklist summary{cursor:pointer;color:#245f9c;font-weight:600}
.trace-checklist ul{margin:6px 0 0;padding-left:18px;display:grid;gap:3px}

/* Informe calculado del pedido y consulta histórica de solo lectura. */
.control-report-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding:7px;border:1px solid #dbe5f0;background:#fff;border-radius:10px}
.control-report-tabs button{background:#f8fafc;border-color:#dbe5f0;color:#344054;padding:7px 10px}
.control-report-tabs button.active{background:#e8f5ee;border-color:#9ac8aa;color:#14532d}
.control-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;margin-top:10px}
.control-metric-grid>div{border:1px solid #dce5ef;border-radius:8px;padding:9px 10px;background:#f8fafc;display:grid;gap:3px}
.control-metric-grid span{font-size:11px;color:#667085}.control-metric-grid b{font-size:18px;color:#172033}
.control-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin:10px 0}.control-filter-grid input,.control-filter-grid select{min-width:0}
.control-table-scroll{max-height:480px}.control-trace-scroll{max-height:560px}.control-lineage-heading{margin:16px 0 7px;color:#344054}.control-focus-row{background:#eef6ff}.control-package-row{background:#f0fdfa}.control-document-group{border:1px solid #dce5ef;border-radius:9px;padding:10px;margin:10px 0;background:#fbfcfe}.control-document-group h4{margin:0 0 4px}.control-ficha-list{margin:8px 0;font-size:12px;color:#475467}.control-package-history details summary{cursor:pointer;color:#0f766e}.read-only-notes{min-height:44px;white-space:pre-wrap;color:#344054}
.control-technical-group{border:1px solid #dce5ef;border-radius:10px;background:#fbfcfe;margin:10px 0;overflow:hidden}.control-technical-group>header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:10px 12px;background:#f2f7fc;border-bottom:1px solid #dce5ef}.control-technical-group header b,.control-technical-group header span{display:block}.control-technical-group header b{color:#1d4f77}.control-technical-group header span,.control-technical-group header small,.control-technical-event-meta{font-size:11px;color:#667085}.control-technical-events{display:grid;gap:8px;padding:10px 12px}.control-technical-event-meta{margin:0 0 4px}

@media(max-width:900px){.control-metric-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.control-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:700px){
  .board-view-control{width:100%;justify-content:space-between}
  .operation-summary-grid{grid-template-columns:1fr}
  .operation-card-actions{justify-content:stretch}
  .operation-card-actions button{flex:1}
  .control-metric-grid,.control-filter-grid{grid-template-columns:1fr}
}