/* Estilos de la sección ops (operación y nutriología). Solo clases propias; sin estilos en línea (la política de seguridad no los permite). Usa las variables de app.css. */

/* Objetivos táctiles de al menos 44 px dentro de estas pantallas */
.op .btn.sm,.op .tab,.op .btn{min-height:44px}
.op .linkbtn{min-height:44px;padding:10px 0}
.op .head{margin-bottom:4px}
.op .eyebrow{margin-bottom:12px}
.op-h2{font-size:20px;letter-spacing:-.02em;font-weight:650}
.op-sub{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:650;margin-bottom:8px}
.op-grow{flex:1 1 220px;min-width:0}

/* Persona: avatar y nombre */
.op-who{display:flex;align-items:center;gap:12px;min-width:0}
.op-who .avatar{width:40px;height:40px;font-size:14px}
.op-who b{overflow-wrap:anywhere}
.op-who .mut{font-size:13px}

/* Cola de trabajo */
.op-list{display:flex;flex-direction:column;gap:12px}
.op-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;align-items:center;padding:16px 18px;border-left-width:4px}
.op-item.alta{border-left-color:var(--bad)}
.op-item.media{border-left-color:var(--warn)}
.op-item.baja{border-left-color:var(--line2)}
.op-main{display:flex;flex-direction:column;gap:8px;min-width:0}
.op-detail{color:var(--fg);font-size:14.5px;overflow-wrap:anywhere}
.op-item .op-detail{color:#CFCBC0}
.op-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}
@media (max-width:760px){.op-item{grid-template-columns:minmax(0,1fr)}.op-acts{justify-content:flex-start}}
.op-confirm{gap:8px 10px}
.op-confirm .mut{flex:1 1 220px}

/* Casos de salud y tarjetas de revisión */
.op-card{padding:18px}
.op-casehead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.op-case{border-top:1px solid var(--line);padding-top:16px}
.op-resolve{background:rgba(255,255,255,.02)}
.op-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:10px 0;border-bottom:1px solid var(--line)}
.op-row:last-child{border-bottom:0}
.card.stack>h2{margin:0}

/* Renovaciones */
.op-ren{padding:18px}
.op-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));column-gap:28px}
.op-facts .srow{border-bottom:1px solid var(--line)}
.op-facts .srow span{width:120px}
.op-ren-acts{gap:10px}

/* Editor de alimentación */
.op-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.op-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:640px){.op-grid2{grid-template-columns:minmax(0,1fr)}.op-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.op-meal .head{margin:0}
.op-errs{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.op-sum{margin-top:0}
.op-bar{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:10px;padding:12px 0;background:linear-gradient(180deg,rgba(6,6,6,0),var(--bg) 28%);border-top:1px solid var(--line)}
.op-bar>.btn{align-self:flex-start}
.op .field input[type=number]{-moz-appearance:textfield}

/* Las insignias con texto largo (alertas de salud, restricciones) pasan a varias líneas en vez de desbordar la pantalla */
.op .chip{white-space:normal;max-width:100%;line-height:1.35}