/* creatorwerk – Bereichswechsler. Wird per nginx in Filebrowser und Agency Workspace eingeblendet
   und steht genauso im Zwilling. "all: initial" schützt vor den Styles der jeweiligen Seite. */
#cw-switch, #cw-switch * { all: initial; box-sizing: border-box; }
#cw-switch {
  position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 2147483000;
  display: flex; gap: 2px; padding: 3px;
  background: #1C1B19; border: 1px solid rgba(196, 154, 108, .45);
  box-shadow: 0 4px 18px rgba(20, 16, 12, .25);
}
#cw-switch a {
  display: block; cursor: pointer; white-space: nowrap;
  font: 400 10.5px/1 "Jost", "Segoe UI", system-ui, -apple-system, sans-serif; letter-spacing: .16em; text-transform: uppercase;
  color: #D9CBB4; text-decoration: none; padding: 7px 11px;
  transition: background-color 150ms ease, color 150ms ease;
}
#cw-switch a[aria-current="page"] { background: #C49A6C; color: #1C1B19; }
#cw-switch a:focus-visible { outline: 2px solid #C49A6C; outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
  #cw-switch a:not([aria-current]):hover { background: rgba(196, 154, 108, .18); color: #F4EFE6; }
}
@media (max-width: 560px) {
  #cw-switch { max-width: calc(100vw - 16px); overflow-x: auto; bottom: 8px; }
  #cw-switch a { font-size: 9.5px; letter-spacing: .08em; padding: 7px 8px; }
}
@media print { #cw-switch { display: none; } }