/* 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; }

/* 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); }