/* Brand only. Evaluation workflow and existing semantic state colors stay intact. */
.brand{font-size:21px;letter-spacing:.2px;white-space:nowrap}
.brand small{letter-spacing:1px;margin-top:2px}
.nexa-mark{font-family:"Bahnschrift","Segoe UI",sans-serif;font-weight:600;font-size:26px;position:relative;overflow:hidden;border-radius:8px;flex-shrink:0}
.nexa-mark:after{content:"";position:absolute;right:4px;top:5px;width:4px;height:4px;background:currentColor;opacity:.7}
.brand-mark svg{stroke:currentColor;fill:none}
@media(max-width:650px){
 .app-header{flex-wrap:wrap;gap:11px;padding-top:12px;padding-bottom:12px}
 .app-header .brand{font-size:21px}
 .app-header .header-actions{width:100%;gap:9px}
 .app-header .header-actions select{width:auto;max-width:none;flex:1}
 .sidebar .brand{font-size:20px}
}