/* PROCAR Automoción: rojo, grafito y blanco */
body { background:#f4f5f6; color:#292c30; accent-color:#d3262b; }
h1,h2,h3,label { color:#292c30; }
.muted,.field-note { color:#656b72; }
.eyebrow { color:#b51e24; }
.topbar { background:#fff; border-bottom:3px solid #ed3438; }
.topbar .brand { display:flex; align-items:center; }
.topbar .brand .procar-logo {
 width:280px; max-width:100%; height:96px; object-fit:contain;
 background:#fff; padding:8px 12px; border-radius:8px;
}
.card,.login-card { background:#fff; border-color:#dce0e4; }
.metrics { background:#292c30; color:#fff; border:1px solid #40454c; }
.metrics > div > span { color:#d3d6da; }
.metrics strong { color:#fff; }
.queue-buttons { display:flex; flex-wrap:wrap; gap:10px; }
button.primary { background:#c7242b; border:1px solid #c7242b; color:#fff; }
button.primary:hover:not(:disabled) { background:#a91b22; border-color:#a91b22; }
button.secondary { background:#fcebed; color:#a51b23; border:1px solid #e4adb1; }
button.secondary:hover:not(:disabled) { background:#f7d4d7; }
.metrics button.secondary { background:#444a52; color:#fff; border-color:#68707b; }
.metrics #clearQueue { background:#b82028; color:#fff; border-color:#ee7378; }
.metrics #clearQueue:hover:not(:disabled) { background:#d32c34; }
button:disabled { opacity:.45; cursor:not-allowed; }
button.quiet { color:#555c64; border-color:#dce0e4; }
button.token { background:#fcebed; color:#a51b23; }
.step,.connection-visual { background:#fcebed; color:#bd2028; }
.badge,.badge.ready { background:#f2e7e8; color:#8f2328; border-color:#e7c3c6; }
.chip { background:#f2f3f5; color:#454b52; border-color:#dce0e4; }
input,textarea,select { color:#292c30; border-color:#cfd4d9; }
input:focus,textarea:focus,select:focus {
 outline:2px solid #ed6a70; outline-offset:2px; border-color:#c7242b; box-shadow:none;
}
.upload,.aside-note { background:#f7f8f9; border-color:#dce0e4; }
th { background:#f0f2f4; color:#454b52; }
td,th,.app-footer { border-color:#dce0e4; }
.notice:not(.error) { background:#f0f2f4; color:#343b43; border-color:#cbd0d6; }
.notice.error { background:#fff0f0; color:#a51b23; border-color:#e5a5aa; }
body.login-body { background:radial-gradient(ellipse at top,#f7dfe0 0%,#f4f5f6 65%); }
.login-card .procar-logo {
 display:block; width:100%; max-width:340px; height:140px;
 object-fit:contain; margin:0 auto 22px; background:#fff;
}
.login-card footer { color:#656b72; border-color:#dce0e4; }
@media(max-width:600px) {
 .topbar .brand .procar-logo { width:200px; height:76px; padding:6px; }
}