/* xbar: κοινή ζώνη «Σχετικοί ιστότοποι του ίδιου δημιουργού» (απόφαση Ν-Δ1, 01-11-2026).
   Πηγή αλήθειας: 40_DASHBOARD/site/shared/xbar.css - μην αλλάζετε το αντίγραφο, αλλάζει μέσω sync.
   Design του jailbreak: σκούρη λωρίδα, όνομα σε bold, υπόλοιπο τομέα χωρίς bold· στοίχιση στο κέντρο, αναδίπλωση
   χωρίς οριζόντια κύλιση. Παλέτα ανά site μέσω --xbar-* (προεπιλογές: jailbreak). Χρώματα κειμένου χωρίς opacity,
   ώστε η αντίθεση να μετριέται από τα tokens (test WCAG). */
.xbar { background: var(--xbar-bg, #074a6e); color: var(--xbar-fg, #cfe6f1); font-family: var(--xbar-font, inherit); font-size: 13px; line-height: 1.3; }
.xbar-in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 14px; max-width: var(--xbar-max, 1100px); margin: 0 auto; padding: 4px 16px; }
.xbar-lab { color: var(--xbar-fg, #cfe6f1); }
.xbar a { display: inline-flex; align-items: center; gap: 5px; min-height: 30px; padding: 0 2px; color: var(--xbar-fg, #cfe6f1); text-decoration: none; white-space: nowrap; }
.xbar a b { font-weight: 700; }
.xbar a:hover, .xbar a:focus-visible { text-decoration: underline; }
.xbar a[aria-current="page"] { color: var(--xbar-cur, #ffffff); }
.xbar a[aria-current="page"] b { color: var(--xbar-accent, #f2a33a); }
/* το υπόλοιπο του τομέα («.jkhwatch.gr») μένει μόνο στο προσβάσιμο όνομα: ορατό το bold όνομα + ο ρόλος, μία γραμμή στα 1100 px */
.xbar-dom { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 1099.98px) { .xbar-lab { display: none; } }
@media (max-width: 899.98px) {
  /* κινητό και tablet: μόνο τα ονόματα, όπως το jailbreak· ο ρόλος μένει στο προσβάσιμο όνομα (4 ονόματα + ρόλοι θέλουν ≈ 860 px) */
  .xbar-d { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .xbar-in { gap: 0 10px; padding: 3px 8px; }
  .xbar a { font-size: 12.5px; }
}
@media print { .xbar { display: none; } }