/* PeriOp app-wide chrome: language + theme toolbar, shared across all pages. */

:root {
  --tb-bg:#ffffff; --tb-border:#e6e6f0; --tb-ink:#1c1b2e; --tb-ink2:#5a5876;
  --tb-accent:#1fae9e; --tb-accent-ink:#ffffff;
}
:root[data-theme="dark"] {
  --tb-bg:#1c1b28; --tb-border:#34334a; --tb-ink:#f1f0f7; --tb-ink2:#a9a7c0;
  --tb-accent:#35d6c2; --tb-accent-ink:#0b2422;
}

/* Show only the active language. Elements are tagged lang="en" / lang="bg". */
:root[data-lang="en"] [lang="bg"] { display:none !important; }
:root[data-lang="bg"] [lang="en"] { display:none !important; }

.app-toolbar {
  display:flex; align-items:center; gap:12px;
  padding:8px 14px; background:var(--tb-bg); border-bottom:1px solid var(--tb-border);
  font-family:"Inter","Segoe UI","Helvetica Neue",Arial,sans-serif;
  position:sticky; top:0; z-index:100;
}
.app-toolbar-brand {
  display:flex; align-items:center; gap:7px; text-decoration:none;
  color:var(--tb-ink); font-weight:700; font-size:13px; letter-spacing:.2px;
}
.app-toolbar-brand img { width:20px; height:20px; display:block; }
.app-toolbar-spacer { flex:1; }
.app-toolbar-controls { display:flex; align-items:center; gap:6px; }

.app-seg {
  display:flex; border:1px solid var(--tb-border); border-radius:8px; overflow:hidden;
}
.app-seg button {
  border:none; background:transparent; color:var(--tb-ink2); cursor:pointer;
  font-family:inherit; font-size:11.5px; font-weight:600; letter-spacing:.2px;
  padding:6px 10px; line-height:1; transition:background .12s ease, color .12s ease;
}
.app-seg button + button { border-left:1px solid var(--tb-border); }
.app-seg button[aria-pressed="true"] { background:var(--tb-accent); color:var(--tb-accent-ink); }
.app-seg button:not([aria-pressed="true"]):hover { background:var(--tb-border); }

@media print {
  .app-toolbar { display:none; }
}

@media (max-width:420px) {
  .app-toolbar-brand span { display:none; }
}