/* Menü — Baustein Core\Design::menu. Toggle via menu.js. Kein Modul baut eigene Dropdown-Menüs. */
.cc-menu-wrap { position: relative; display: inline-block; }
.cc-menu-trigger { cursor: pointer; display: inline-flex; }
.cc-menu { position: absolute; right: 0; top: 100%; margin-top:var(--sp-1); min-width:var(--sz-160); z-index:var(--z-raised);
           background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
           box-shadow:var(--shadow-md); padding:var(--sp-1); display: none; }
.cc-menu-wrap.cc-menu-open .cc-menu { display: block; }
.cc-menu-item { display: flex; align-items: center; gap:var(--sp-3); width: 100%; text-align: left; background: none;
                border: none; padding:var(--sp-2) var(--sp-4); border-radius: var(--radius); cursor: pointer;
                font-size: var(--fs-base); color: var(--ink); }
.cc-menu-item:hover { background: var(--grey-100); }
.cc-menu-sep { height: 1px; background: var(--border); margin:var(--sp-1) 0; }
/* Aktuelle Auswahl (Design::menu Eintrag ['current'=>true] → aria-current) — fett in Markenfarbe. */
.cc-menu-item[aria-current="true"] { font-weight: var(--fw-bold); color: var(--o); }

/* Am Viewport verankertes Menü ([data-cc-menu-fixed] am Wrapper): liegt über allem Fenster-Inhalt,
   damit weder ein scrollender Listen-Container noch die Nachbarspalte es abschneidet oder verdeckt. */
.cc-menu-wrap[data-cc-menu-fixed] .cc-menu { position: fixed; right: auto; top: auto; margin-top: 0; z-index: var(--z-popover); }

/* Kontextmenü (Design::contextMenu + menuItem) — ohne Auslöser frei am Zeiger (Rechtsklick auf den Desktop);
   Lage (left/top) und Sichtbarkeit (hidden) steuert das Modul. Etwas luftiger als das Dropdown. */
.cc-menu.cc-menu-ctx { display: block; position: fixed; right: auto; top: auto; margin-top: 0; z-index: var(--z-sticky);
                       min-width: var(--sz-180); padding: var(--sp-2); }
.cc-menu.cc-menu-ctx[hidden] { display: none; }
.cc-menu-ctx .cc-menu-item { padding: var(--sp-3) var(--sp-4); font-family: inherit; line-height: inherit; font-size: var(--fs-sm);
                             color: var(--text); white-space: nowrap; }
.cc-menu-ctx .cc-menu-item:hover { background: var(--grey-50); color: var(--o); }

/* Aufklapp-Fläche (Design::popover) — z.B. Filter-Panel unter einem Knopf. Öffnen/Lage steuert das Modul. */
.cc-popover { background: var(--surface); border: 1px solid var(--grey-300); border-radius: var(--radius); box-shadow: var(--shadow-md); padding: var(--sp-7); }