#fertilizers .fert-salidas-shell{gap:12px}
#fertilizers .fert-salidas-shell .fert-dash-hero{padding:13px 15px}
#fertilizers .fert-salidas-shell .fert-dash-hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#fertilizers .fert-salidas-shell .fert-dash-hero-copy p{margin:2px 0;color:#637c6c;font-size:.78rem}
#fertilizers .fert-salidas-tabs{display:flex;gap:4px}
#fertilizers .fert-salidas-tabs button{cursor:pointer}
#fertilizers .fert-salidas-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:12px}
#fertilizers .fert-salidas-toolbar label{display:grid;gap:3px;flex:1 1 220px;font-size:.75rem;font-weight:700}
#fertilizers .fert-salidas-toolbar input{height:36px;border:1px solid #c9d9d0;border-radius:7px;padding:6px 10px;background:white}
#fertilizers .fert-salidas-toolbar small{color:#647c6c;font-weight:700}
#fertilizers .fert-salidas-list{display:grid;gap:6px}
#fertilizers .fert-salida-line{display:grid;grid-template-columns:76px 98px minmax(110px,1fr) minmax(220px,2.6fr) minmax(100px,1fr) 113px 133px;gap:8px;align-items:center;background:#fff;border:1px solid #dce7df;border-radius:9px;padding:9px 11px;font-size:.77rem;box-shadow:0 1px 2px #10291a0b}
#fertilizers .fert-salida-folio{font-size:1.06rem;color:#215b3e}
#fertilizers .fert-salida-date,#fertilizers .fert-salida-responsible{color:#52675b}
#fertilizers .fert-salida-caseta{font-weight:700}
#fertilizers .fert-salida-products{display:flex;flex-wrap:wrap;gap:4px 10px}
#fertilizers .fert-salidas-item{font-size:.74rem}
#fertilizers .fert-salidas-item b{color:#15563a}
#fertilizers .fert-salida-state{font-size:.69rem;font-weight:700;color:#658165}
#fertilizers .fert-salida-actions{display:flex;gap:4px}
#fertilizers .fert-salida-actions button{font-size:.72rem;padding:5px 9px;white-space:nowrap}
#fertilizers .fert-salida-actions button:disabled{opacity:.4}
#purchaseDialog .fert-salida-editor{max-width:660px}
#purchaseDialog .fert-salida-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#purchaseDialog .fert-salida-fields label{display:grid;gap:5px}
#purchaseDialog .fert-salida-fields input{min-height:38px}
#purchaseDialog .fert-salida-editor-items{display:grid;gap:7px;margin:12px 0}
#purchaseDialog .fert-salida-editor-items label{display:grid;grid-template-columns:minmax(130px,1fr) 150px 38px;gap:9px;align-items:center;border-bottom:1px solid #e2eae4;padding:6px}
#purchaseDialog .fert-salida-editor-items input{min-height:36px}
#purchaseDialog .fert-salida-info{background:#fff8e8;color:#6b561d;padding:8px;font-size:.79rem}
@media(max-width:1100px){#fertilizers .fert-salida-line{grid-template-columns:72px 95px 1fr 1.8fr 128px}#fertilizers .fert-salida-responsible,#fertilizers .fert-salida-state{display:none}}
@media(max-width:640px){#fertilizers .fert-salida-line{grid-template-columns:70px 1fr auto;gap:5px}#fertilizers .fert-salida-date{grid-column:2}#fertilizers .fert-salida-caseta{grid-column:1 / 3}#fertilizers .fert-salida-products{grid-column:1 / -1}#fertilizers .fert-salida-actions{grid-column:3;grid-row:1 / 3;flex-direction:column}#purchaseDialog .fert-salida-editor-items label{grid-template-columns:1fr 100px 25px}}

/* Lectura en negro: únicamente Salidas y su formulario de edición. */
#fertilizers .fert-salidas-shell,
#fertilizers .fert-salidas-shell :is(h2,h3,p,span,strong,b,small,em,label,button,input,select,.fert-salida-folio,.fert-salida-date,.fert-salida-responsible,.fert-salida-state),
#fertilizers .fert-salidas-shell .fert-salidas-item b,
#purchaseDialog .fert-salida-editor,
#purchaseDialog .fert-salida-editor :is(h2,h3,p,span,strong,b,small,label,button,input,select) {
  color: #101010 !important;
}
#fertilizers .fert-salidas-shell input::placeholder,
#purchaseDialog .fert-salida-editor input::placeholder {
  color: #343434 !important;
  opacity: 1;
}
/* Fondos claros para conservar contraste con la nueva tipografía negra. */
#fertilizers .fert-salidas-shell .fert-salidas-tabs button.active,
#fertilizers .fert-salidas-shell .fert-salidas-tabs button[aria-selected="true"] {
  background: #d8eddf !important;
  border-color: #88b29a !important;
}
#fertilizers .fert-salidas-shell .fertilizer-action-button.action-lot {
  background: #ffe3c6 !important;
  border-color: #cc9b66 !important;
}
#fertilizers .fert-salidas-shell .fert-salida-actions .danger-button {
  background: #ffe4e4 !important;
  border-color: #d99e9e !important;
}
#fertilizers .fert-salidas-shell .fert-salida-actions .secondary-button,
#fertilizers .fert-salidas-shell .fert-salidas-toolbar .secondary-button,
#purchaseDialog .fert-salida-editor .primary-button {
  background: #e5f0e9 !important;
  border-color: #9dbca9 !important;
}
#purchaseDialog .fert-salida-editor .fert-salida-info {
  color: #101010 !important;
}

/* Columnas alineadas, folios largos con salto de línea y rótulos en móvil. */
#fertilizers .fert-salidas-list{--salida-columns:minmax(0,1.2fr) 92px minmax(0,1fr) minmax(0,2fr) minmax(0,1.2fr) 108px 136px;gap:9px;container:salidas / inline-size}
#fertilizers .fert-salidas-shell .fert-dash-hero{background:#f4f9f6!important;border:1px solid #d0e0d5}
#fertilizers .fert-salidas-shell .fert-dash-hero::before,#fertilizers .fert-salidas-shell .fert-dash-hero::after{display:none!important}
#fertilizers .fert-salidas-column-head,#fertilizers .fert-salida-line{display:grid;grid-template-columns:var(--salida-columns);gap:12px}
#fertilizers .fert-salidas-column-head{padding:10px 14px;background:#e7f1eb;color:#183d2c;border:1px solid #d0e0d5;border-radius:9px;font-size:.72rem;font-weight:800;align-items:center}
#fertilizers .fert-salida-line{padding:14px;align-items:start}
#fertilizers .fert-salida-line>div{min-width:0;grid-column:auto;grid-row:auto;overflow-wrap:anywhere}
#fertilizers .fert-salida-line :is(strong,span,b){white-space:normal;overflow-wrap:anywhere}
#fertilizers .fert-salida-folio{font-size:.9rem;line-height:1.45}
#fertilizers .fert-salida-products{display:grid;gap:7px;line-height:1.5}
#fertilizers .fert-salidas-item{min-width:0}
#fertilizers .fert-salida-responsible,#fertilizers .fert-salida-state{display:block;line-height:1.5}
#fertilizers .fert-salida-cell-label{display:block;font-size:.68rem;font-weight:700;line-height:1.4;margin-bottom:5px;opacity:.7}
#fertilizers .fert-salida-cell-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@container salidas (max-width:760px){
  #fertilizers .fert-salidas-column-head{display:none}
  #fertilizers .fert-salida-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
  #fertilizers .fert-salida-cell-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
  #fertilizers .fert-salida-line .fert-salida-product-cell,#fertilizers .fert-salida-line .fert-salida-action-cell{grid-column:1 / -1}
  #fertilizers .fert-salida-actions{flex-direction:row;justify-content:flex-start}
  #fertilizers .fert-salida-action-cell{padding-top:10px;border-top:1px solid #e0e9e3}
}
@container salidas (max-width:420px){
  #fertilizers .fert-salida-line{grid-template-columns:minmax(0,1fr);gap:14px}
  #fertilizers .fert-salida-line>div{grid-column:1!important;grid-row:auto}
  #fertilizers .fert-salida-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  #fertilizers .fert-salida-actions button{min-height:40px}
}