/* ControlPDV — Resiliência Offline: usa somente tokens e componentes globais. */
.offline-kpis{margin-bottom:16px}
.offline-state{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:950}
.offline-state.ok{background:#e1f7ed;color:#08794c}
.offline-state.attention{background:#e4f2f7;color:#1a6579}
.offline-state.warn{background:#fff2d2;color:#8b6200}
.offline-state.danger{background:#ffe3e3;color:#a62d2d}
.offline-contract{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.offline-contract>div{display:flex;flex-direction:column;gap:4px}
.offline-contract strong{color:var(--aurora-steel,#163047)}
.offline-contract span:not(.badge){color:var(--muted,#66788a);font-size:12px;line-height:1.45}
.offline-table td{vertical-align:middle}
.offline-error{max-width:380px;white-space:normal;color:var(--muted,#66788a);font-size:11px}
.network-pill[data-offline-state="OFFLINE"] .network-dot{background:#ff8b8b;box-shadow:0 0 0 4px rgba(255,90,90,.16)}
.network-pill[data-offline-state="DEGRADED"] .network-dot{background:#ffd274;box-shadow:0 0 0 4px rgba(255,196,82,.16)}
.network-pill[data-offline-state="RECOVERING"] .network-dot{background:#7de4f1;box-shadow:0 0 0 4px rgba(34,211,238,.15)}
html[data-cp-theme="dark"] .offline-contract strong,
html[data-theme="dark"] .offline-contract strong{color:#f4fbff}
html[data-cp-theme="dark"] .offline-contract span:not(.badge),
html[data-cp-theme="dark"] .offline-error,
html[data-theme="dark"] .offline-contract span:not(.badge),
html[data-theme="dark"] .offline-error{color:#b9cbd7}
@media(max-width:800px){.offline-contract{align-items:flex-start;flex-direction:column}.offline-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.offline-kpis{grid-template-columns:1fr}}