/* TOPBAR — layout: [left group] [center logo] [right group] */
.topbar{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1.5px solid var(--border);flex-shrink:0;gap:6px;min-height:52px;}
.topbar-left{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.topbar-logo{font-family:'Baloo 2',sans-serif;font-size:17px;font-weight:800;background:linear-gradient(120deg,var(--ocean),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;}
.back-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font:700 11px 'Nunito',sans-serif;color:var(--text-soft);padding:5px 9px;border-radius:9px;transition:background .15s;white-space:nowrap;}
.back-btn:hover{background:var(--border);}
.home-btn{display:flex;align-items:center;gap:4px;background:var(--ocean-pale);border:none;cursor:pointer;font:800 11px 'Nunito',sans-serif;color:var(--ocean);padding:6px 12px;border-radius:20px;transition:all .15s;white-space:nowrap;}
.home-btn:hover{background:var(--ocean);color:var(--white);}
.topbar-pill{font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;white-space:nowrap;}
.pill-cg{background:var(--ocean-pale);color:var(--ocean);}
.pill-user{background:var(--grass-pale);color:var(--grass);}
.topbar-right{display:flex;align-items:center;gap:7px;flex-shrink:0;}