/* Nova Harmonia — UI v3 (CSS puro, sem @apply) */
.select { background-color: rgba(15,18,26,0.8); border: 1px solid #1f2937; border-radius: 0.75rem; padding: 0.5rem 0.75rem; color: #e5e7eb; width: 100%; outline: none; }
.select:focus { box-shadow: 0 0 0 3px rgba(105,161,255,0.35); border-color: rgba(105,161,255,0.5); }
.select-multi { background-color: rgba(15,18,26,0.8); border: 1px solid #1f2937; border-radius: 0.75rem; padding: 0.5rem 0.75rem; color: #e5e7eb; width: 100%; height: 2.5rem; outline: none; }
.select-multi:focus { box-shadow: 0 0 0 3px rgba(105,161,255,0.35); border-color: rgba(105,161,255,0.5); }
.input { background-color: rgba(15,18,26,0.8); border: 1px solid #1f2937; border-radius: 0.75rem; padding: 0.5rem 0.75rem; color: #e5e7eb; width: 100%; outline: none; }
.input:focus { box-shadow: 0 0 0 3px rgba(105,161,255,0.35); border-color: rgba(105,161,255,0.5); }
.toggle { height: 1rem; width: 1rem; accent-color: #69A1FF; }
.card { background-color: rgba(15,20,32,0.7); border: 1px solid #1f2937; border-radius: 1rem; padding: 1rem; box-shadow: 0 1px 1px rgba(0,0,0,0.2); }
.card .label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: #94a3b8; }
.card .value { font-size: 1.75rem; font-weight: 600; margin-top: 0.25rem; }
.panel { background-color: rgba(15,20,32,0.7); border: 1px solid #1f2937; border-radius: 1rem; padding: 1rem; box-shadow: 0 1px 1px rgba(0,0,0,0.2); }
.panel-title { font-size: 0.875rem; color: #cbd5e1; margin-bottom: 0.75rem; }
.th { padding: 0.5rem 0.75rem; font-weight: 600; }
.td { padding: 0.5rem 0.75rem; }
.skeleton { animation: pulse 1.2s ease-in-out infinite; background: rgba(30,41,59,0.6); border-radius: 0.5rem; }
@keyframes pulse { 0%,100%{ opacity: 0.6 } 50%{ opacity: 1 } }
.chip { display:inline-flex; align-items:center; padding: 0.25rem 0.5rem; border-radius: 9999px; background: rgba(15,18,26,0.8); border:1px solid #1f2937; color:#e5e7eb; }