.can-filter{display:flex;gap:5px;align-items:center;margin-bottom:7px}
.can-filter button{border:1px solid #3b4038;background:#151815;color:#777d73;padding:4px 7px;font-size:7px;cursor:pointer}
.can-filter button.active{border-color:#806036;color:var(--amber);background:#292218}
.can-filter b{margin-left:auto;color:#666d64;font-size:7px}
.log{height:112px!important}.log div{grid-template-columns:55px 30px 66px 30px 1fr;gap:3px}
.log strong{color:#7196a3;font-weight:normal}
.pill.offline i{background:#db6257;box-shadow:0 0 9px #db625788}
.can-config,.can-tx{display:flex;align-items:end;gap:6px;padding-top:8px;border-top:1px solid #30342e}
.can-config label,.can-tx label{font-size:7px;color:#777d73;letter-spacing:.6px}
.can-config select,.can-tx input{display:block;margin-top:3px;height:25px;border:1px solid #42463e;background:#111411;color:#d8c69c;font:9px monospace;padding:3px 5px}
.can-config button,.can-tx button{height:25px;border:1px solid #75562f;background:#292218;color:#e09535;font:8px monospace;cursor:pointer}
.can-tx{flex-wrap:wrap}.can-tx label:nth-child(2){flex:1}.can-tx label:nth-child(2) input{width:100%}.can-tx .check{display:flex;align-items:center;gap:3px;height:25px}.can-tx .check input{height:auto;margin:0}.can-tx .danger-check{color:#db6257}.can-tx button{background:#e09535;color:#17120d;font-weight:bold}.can-tx button:disabled,.can-config button:disabled{opacity:.35;cursor:not-allowed}
.can-action-status{margin:6px 0 0;color:#777d73;font-size:7px}.can-action-status.ok{color:#65b98a}.can-action-status.error{color:#db6257}