/* Estilos para a Página de Validação de Vendas */

body { background-color: #f1f5f9; min-height: 100vh; }

.header-panel { background-color: #0d47a1; color: white; padding: 25px; border-radius: 15px 15px 0 0; }
.logo-img { max-height: 60px; width: auto; margin-bottom: 15px; }

.summary-stripe { position: sticky; top: 0; z-index: 100; }
.lbl-small { font-size: 0.7rem; color: #64748b; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; }

.breadcrumb-container { display: flex; align-items: center; min-height: 40px; color: white; }
.bc-item { cursor: pointer; transition: opacity 0.2s; font-size: 0.85rem; }
.bc-item:hover { opacity: 0.7; }
.bc-item.active { font-weight: bold; pointer-events: none; }

.selectable-card { transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; border: 1px solid #e2e8f0; border-radius: 12px; }
.selectable-card:hover { transform: translateY(-3px); box-shadow: 0 8px 15px rgba(0,0,0,0.05); background-color: #f8fafc; }

.detail-label { font-size: 0.75rem; font-weight: bold; color: #64748b; text-transform: uppercase; margin-bottom: 2px; }
.detail-value { font-size: 1rem; color: #1e293b; }

.modal-header { background-color: #0d47a1; color: white; border-radius: 15px 15px 0 0; }
.modal-content { border-radius: 15px; border: none; }