.disabled-item-option {
    opacity: 0.5;
    font-style: italic;
    text-decoration: line-through;
    cursor: not-allowed;
}

.disabled-item-selected {
    opacity: 0.5;
    font-style: italic;
    text-decoration: line-through;
}

/* ── Shared across SelecionarStep / OrdenarStep / ConfirmadoStep ── */
.sov-hint       { background:#FFFDF5; border:1px solid #F0E6C8; border-radius:8px; padding:8px 12px; display:flex; gap:8px; align-items:center; }
.sov-hint span  { font-size:12px; font-weight:600; color:#7A6320; line-height:1.35; }

.sov-bottombar { position:fixed; left:0; right:0; z-index:99; background:#fff; border-top:1px solid #E6EBF2; padding:10px 16px calc(10px + env(safe-area-inset-bottom)); box-shadow:0 -6px 18px rgba(20,35,59,.06); display:flex; align-items:center; gap:13px; }
/* Preenche qualquer vão transparente entre o rodapé e o tab menu (mesma técnica
   do .qv-bottom-nav::after): estende o fundo branco para baixo. O tab menu tem
   z-index maior (1200 > 99), então cobre o excedente — só o vão acima dele fica branco. */
.sov-bottombar::after { content:""; position:absolute; left:0; right:0; top:100%; height:var(--mud-appbar-height,64px); background:#fff; pointer-events:none; }

.pref-indispo     { font-size:10px; font-weight:700; color:var(--mud-palette-text-secondary); background:var(--mud-palette-background-grey); border:1px solid var(--mud-palette-lines-default); padding:1px 6px; border-radius:6px; flex-shrink:0; }
.pref-first-badge { background:#FEF0D2; color:#B8860B; font-size:9px; font-weight:800; padding:1px 6px; border-radius:7px; }