/* Baloes de selecao das situacoes no Console de Pedidos. */
.portal-console-status-pills { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px; }
.portal-console-status-option { position: relative; width: auto; flex: 0 0 auto; max-width: 100%; }
.portal-console-status-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.portal-console-status-pill { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 32px; max-width: 100%; margin: 0; padding: 5px 10px; border: 1px solid #c9d7e5; border-radius: 999px; background: #fff; color: #4d6988; font-size: .78rem; font-weight: 600; line-height: 1.25; cursor: pointer; user-select: none; transition: background-color .15s, border-color .15s, color .15s; }
.portal-console-status-check { flex: 0 0 auto; opacity: 0; font-size: .75rem; }
.portal-console-status-pill:hover { background: #edf4fb; border-color: #6988a6; }
.portal-console-status-input:checked + .portal-console-status-pill { background: #214a73; border-color: #214a73; color: #fff; }
.portal-console-status-input:checked + .portal-console-status-pill .portal-console-status-check { opacity: 1; }
.portal-console-status-input:checked + .portal-console-status-pill:hover { background: #15304d; border-color: #15304d; }
.portal-console-status-input:focus-visible + .portal-console-status-pill { outline: 2px solid #247ac0; outline-offset: 2px; }