/* HCC 360 v18 | Camada Operacional integrada - sem sobreposição */
.ops-head{display:grid;gap:8px;margin:2px 0 22px}
.ops-head .eyebrow,.ops-detail-head .eyebrow{color:#1682a4;font-size:.73rem;font-weight:800;letter-spacing:.14em}
.ops-head h1,.ops-detail-head h1{font-size:clamp(1.5rem,2.15vw,2.15rem);line-height:1.16;color:#102f46;margin:0}
.ops-head p,.ops-detail-head p{color:#597386;margin:0;line-height:1.5}
.ops-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px}
.ops-toolbar label{min-width:180px;flex:0 1 220px}
.ops-toolbar button{max-width:100%}
.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 20px}
.ops-metric{background:white;border:1px solid #d8e5ec;border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;gap:5px;min-width:0}
.ops-metric strong{font-size:clamp(1.7rem,2.8vw,2.25rem);line-height:1;color:#12334b;letter-spacing:-.035em}
.ops-metric small{font-size:.86rem;color:#365971;font-weight:750}
.ops-metric span{font-size:.74rem;color:#7b8d9b;overflow-wrap:anywhere}
.ops-panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ops-panel-title h2{margin:0}
.ops-flight-list{display:flex;flex-direction:column;gap:10px;padding-top:12px}
.ops-flight{display:grid;grid-template-columns:minmax(130px,1.5fr) minmax(120px,1fr) minmax(90px,auto);align-items:center;gap:16px;
 border:1px solid #dce7ed;border-radius:12px;background:#fafcfe;width:100%;padding:15px 18px;text-align:left;cursor:pointer;color:#12384f;min-width:0}
.ops-flight:hover,.ops-flight:focus-visible{border-color:#28a9d6;background:#f0faff;outline:2px solid #c8efff;outline-offset:1px}
.ops-flight strong{font-size:1rem;display:block}
.ops-flight small{display:block;color:#637d8f;font-size:.77rem;margin-top:4px}
.ops-flight>span{min-width:0;overflow-wrap:anywhere}
.ops-arrow{color:#137c9f;font-weight:700;font-size:.8rem;text-align:right}
.ops-chip{display:inline-flex;align-items:center;border-radius:100px;padding:5px 9px;
 font-size:.7rem;font-weight:800;line-height:1.25;background:#e9f1f5;color:#31566f;margin:2px}
.ops-chip.ok{background:#e7f6f0;color:#117254}
.ops-chip.warn{background:#fff5e2;color:#a06c10}
.ops-chip.risk{background:#fbe9ec;color:#b13952}
.ops-empty{padding:22px;border:1px dashed #cadae5;border-radius:12px;color:#607d8f;line-height:1.5}
.ops-error{color:#a52e46}
.ops-note{margin:12px 0;color:#607b8d;font-size:.85rem;line-height:1.55}
.ops-detail-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.ops-detail-head>div{min-width:0;flex:1}
.ops-detail-head h1{margin:5px 0}
.ops-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.ops-panel{min-width:0;overflow:hidden}
.ops-panel h2{font-size:1.05rem;margin:0 0 15px;color:#13354b}
.ops-measures,.ops-timeline,.ops-list{display:flex;flex-direction:column;gap:8px}
.ops-metric-row,.ops-time-item,.ops-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #e4edf1;min-width:0}
.ops-metric-row>span:first-child,.ops-time-item>span:first-child,.ops-row>span:first-child{min-width:0;overflow-wrap:anywhere;color:#365a70;font-size:.88rem}
.ops-time-item strong,.ops-row strong{color:#16374d;font-size:.85rem;overflow-wrap:anywhere}
.ops-row>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.ops-row small{font-size:.72rem;color:#698092}
.ops-row select{max-width:150px;min-width:115px}
.ops-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.ops-summary>div{border:1px solid #dae7ee;border-radius:12px;background:#f7fbfd;padding:13px;min-width:0}
.ops-summary strong{display:block;color:#173b53;font-size:.82rem}
.ops-summary span{display:block;color:#607c8e;font-size:.78rem;margin-top:5px;overflow-wrap:anywhere}
.ops-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0;min-width:0}
.ops-form label{display:flex;flex-direction:column;gap:6px;min-width:0;color:#365970;font-size:.8rem;font-weight:680}
.ops-form input,.ops-form select,.ops-form textarea{width:100%;min-width:0;max-width:100%;padding:10px 11px;border:1px solid #c9dae5;border-radius:9px;
 background:#fff;color:#15374c;font:inherit;font-size:.88rem;box-sizing:border-box}
.ops-form input:focus-visible,.ops-form select:focus-visible,.ops-form textarea:focus-visible{outline:2px solid #2ca4c9;outline-offset:1px}
.ops-form .ops-check{display:flex;flex-direction:row;gap:10px;align-items:center;min-height:38px}
.ops-form .ops-check input{width:auto;accent-color:#1289ad}
.ops-form .ops-wide{grid-column:1/-1}
.ops-form button{justify-self:start;max-width:100%;grid-column:1/-1}
.ops-list+.ops-form{margin-top:19px}
@media(max-width:1150px){.ops-layout{grid-template-columns:minmax(0,1fr)}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .ops-metric{padding:14px 12px}.ops-metric strong{font-size:1.65rem}
 .ops-toolbar{display:flex;flex-direction:column;align-items:stretch}.ops-toolbar>*{width:100%;flex:auto}
 .ops-flight{grid-template-columns:minmax(0,1fr);gap:7px;padding:12px}
 .ops-arrow{text-align:left}.ops-form{grid-template-columns:minmax(0,1fr)}.ops-summary{grid-template-columns:minmax(0,1fr)}
 .ops-panel{padding:15px}.ops-metric-row{align-items:start}.ops-row{align-items:flex-start;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.ops-flight{transition:none}}