/* topbar.css — Zunifikowany topbar + theme toggle.
   Dark default, light override via [data-theme=light]. */

.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;background:var(--bg);border-bottom:1px solid var(--border);transition:background .4s}
.topbar-in{max-width:1100px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}
.topbar-logo{font-family:var(--f-head);font-size:.95rem;font-weight:600}
.topbar-logo span{color:var(--teal-bright)}
.topbar-r{display:flex;align-items:center;gap:.8rem}
.topbar-back{font-size:.78rem;font-weight:600;color:var(--teal-bright);background:rgba(31,92,70,.12);border:1px solid rgba(31,92,70,.3);padding:.45rem .8rem;border-radius:0;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s;white-space:nowrap}
.topbar-back:hover{background:var(--teal-bright);color:#fff;border-color:var(--teal-bright);transform:translateX(-2px)}
.topbar-back:focus-visible{outline:2px solid var(--teal-bright);outline-offset:2px}
[data-theme=light] .topbar-back{color:var(--teal-deep);background:rgba(31,92,70,.08);border-color:rgba(31,92,70,.25)}
[data-theme=light] .topbar-back:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.theme-btn{background:rgba(31,92,70,.08);border:1px solid rgba(31,92,70,.2);color:var(--fg);width:32px;height:32px;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .25s}
.theme-btn:hover{border-color:var(--teal-bright);background:rgba(31,92,70,.18)}

@media(max-width:600px){
  .topbar-in{padding:0 1rem}
  .topbar-back{padding:.4rem .6rem;font-size:.72rem}
  .topbar-back .tb-label{display:none}
}