.tab-bar { display: flex; padding: 0 1rem; gap: 0; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; } .tab-btn { flex: 1; background: none; border: none; border-bottom: 3px solid transparent; padding: 0.7rem 0.3rem; font-size: 0.85rem; font-weight: 600; color: #aaa; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.3rem; transition: color 0.2s, border-color 0.2s; } .tab-btn.active { color: var(--primary-color); border-bottom-color: var(--primary-color); } .sheet-body { overflow-y: auto; flex: 1; min-height: 0; padding: 1rem 1.1rem 1.5rem; display: flex; flex-direction: column; gap: 0.85rem; } .form-row { display: flex; gap: 0.8rem; } .form-row .form-group { flex: 1; } .form-group { display: flex; flex-direction: column; gap: 0.3rem; } .form-label { font-weight: 600 !important; color: var(--darker-color) !important; } .required { color: #e53935; } .operatori-list { display: flex; flex-direction: column; gap: 0.4rem; } .operatore-row { display: flex; gap: 0.4rem; align-items: center; } .form-input-file { font-size: 0.78rem; color: #666; padding: 0.4rem 0; } .foto-preview-list { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.3rem; } .mt-2 { margin-top: 0.5rem !important; }