/* Bancada de Controles — identidade RDA/AURYA: fundo grafite, âmbar + brasa. */
:root{
  --bc-graphite:#17191d; --bc-panel:#20242b; --bc-accent:#d9a441; --bc-ember:#e5484d;
  --bc-ok:#35c26e; --bc-ink:#e8e6e1;
}
html[data-bs-theme="dark"] body{background:var(--bc-graphite);color:var(--bc-ink);}
html[data-bs-theme="dark"] .card{background:var(--bc-panel);border-color:#333a44;}
html[data-bs-theme="dark"] .navbar{background:#101216 !important;}
.navbar-brand strong{color:var(--bc-accent);}
.nav-tabs .nav-link{color:var(--bc-ink);}
.nav-tabs .nav-link.active{color:var(--bc-accent);border-color:var(--bc-accent) var(--bc-accent) transparent;font-weight:600;}
.btn-primary{background:#8a6420;border-color:#8a6420;}
.btn-primary:hover{background:var(--bc-accent);border-color:var(--bc-accent);color:#17191d;}
.stick{width:100%;max-width:420px;aspect-ratio:1;border:1px solid #3a414c;border-radius:.5rem;background:#14161a;touch-action:none}
.btngrid{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem}
.padbtn{border:1px solid #3a414c;border-radius:.4rem;padding:.4rem .1rem;text-align:center;font-size:.72rem;background:#14161a;min-height:2.4rem}
.padbtn.on{background:var(--bc-ok);color:#0b0e11;border-color:var(--bc-ok);font-weight:700}
.padbtn small{display:block;opacity:.75}
.eventlog{max-height:220px;overflow:auto;background:#14161a;border:1px solid #3a414c;border-radius:.4rem;padding:.4rem}
.metrics div{margin:.1rem 0}
.metrics .msec{margin-top:.45rem;color:var(--bc-accent);font-weight:700;border-top:1px solid #3a414c;padding-top:.3rem}
.coords{font-variant-numeric:tabular-nums;color:var(--bc-accent);font-weight:600}
/* Desenho do controle (SVG próprio) */
#padDraw .padsV{width:100%;max-width:720px;display:block;margin:0 auto}
.svbody{fill:#22262d;stroke:var(--bc-accent);stroke-width:2}
.svbase{fill:#14161a;stroke:#4a5260;stroke-width:2}
.svring{fill:none;stroke:#4a5260;stroke-width:3}
.svring.svon{stroke:var(--bc-ok);stroke-width:5}
.svknob{fill:var(--bc-ember);stroke:#7a1f22;stroke-width:2}
.svbtn{fill:#2c313a;stroke:#4a5260;stroke-width:1.5}
.svbtn.svon{fill:var(--bc-ok);stroke:var(--bc-ok)}
.svbar{fill:#14161a;stroke:#4a5260}
.svfill{fill:var(--bc-accent)}
.svt{fill:#9aa2af;font-size:11px;text-anchor:middle}
canvas.stick{cursor:crosshair}
@media print{.navbar,.nav-tabs,footer,#tab-testar .btn,#tab-bancada .btn{display:none!important}}
