/* TOP BAR */
#topbar {
    height:var(--top-h); background:var(--bg2);
    border-bottom:1px solid var(--border);
    display:flex; align-items:center; padding:0 14px; gap:10px; flex-shrink:0;
}
.brand { font-weight:700; font-size:15px; color:var(--accent); white-space:nowrap; }
#q {
    flex:1; background:var(--bg3); border:1px solid var(--border);
    border-radius:var(--radius); color:var(--text); padding:6px 12px;
    font-size:13px; outline:none; transition:border-color .2s;
}
#q:focus { border-color:var(--accent); }
.tb-btn {
    background:none; border:1px solid var(--border); border-radius:var(--radius);
    color:var(--muted); padding:5px 10px; cursor:pointer;
    font-size:12px; transition:all .15s; white-space:nowrap; text-decoration:none;
    display:inline-flex; align-items:center; gap:4px;
}
.tb-btn:hover { border-color:var(--accent); color:var(--accent); }
#btn-nuevo {
    background:var(--accent); border:none; border-radius:var(--radius);
    color:#fff; padding:6px 14px; cursor:pointer; font-size:13px;
    font-weight:600; white-space:nowrap;
}
#btn-nuevo:hover { opacity:.85; }