/* Hintergrund-Palette (Rechtsklick-Menü auf dem Desktop). Nutzt Kern-Tokens. */
.cc-wp-menu{position:fixed;z-index:var(--z-sticky);background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);box-shadow:var(--shadow-md);padding:var(--sp-5)}
.cc-wp-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking);margin-bottom:var(--sp-4)}
.cc-wp-grid + .cc-wp-title{margin-top:var(--sp-6)}
.cc-wp-grid{display:grid;grid-template-columns:repeat(4,var(--sz-44));gap:var(--sp-3)}
.cc-wp-sw{width:var(--sz-44);height:var(--sz-44);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;padding:0;
  transition:transform var(--dur-fast),box-shadow var(--dur-fast)}
.cc-wp-sw:hover{transform:scale(1.06)}
.cc-wp-sw.active{border-color:var(--o);box-shadow:var(--shadow-md)}

/* Eigenes Bild in der Palette: Kachel + kleines × oben rechts (erscheint beim Zeigen). */
.cc-wp-cell{position:relative;display:inline-flex}
.cc-wp-rm{position:absolute;top:calc(-1 * var(--sp-2));right:calc(-1 * var(--sp-2));width:var(--sz-18);height:var(--sz-18);border-radius:50%;
  border:1px solid var(--surface);background:var(--grey-700);color:var(--surface);font-size:var(--fs-sm);line-height:1;cursor:pointer;padding:0;
  display:none;align-items:center;justify-content:center;transition:background var(--dur-fast)}
.cc-wp-cell:hover .cc-wp-rm{display:inline-flex}
.cc-wp-rm:hover{background:var(--danger)}

/* Upload-Kachel in der Palette — eigenes Bild je Nutzer. */
.cc-wp-up{width:var(--sz-44);height:var(--sz-44);border-radius:var(--radius);border:1px dashed var(--border);background:var(--surface);color:var(--muted);font-size:var(--fs-xl);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform var(--dur-fast),border-color var(--dur-fast)}
.cc-wp-up:hover{transform:scale(1.06);border-color:var(--o);color:var(--o)}

/* Palette als ABSCHNITT in der Konto-Sidebar (Fragment AccountSection, Punkt account.sections).
   Seit 12.09.2026 der reguläre Ort — der Fuss der Navigation hat keinen Hintergrund-Eintrag mehr.
   Eigene Fläche braucht es hier nicht (der Akkordeon-Rumpf ist die Fläche), nur die Kachel-Reihen
   dürfen die verfügbare Breite ausnutzen statt fix vierspaltig zu bleiben: die Sidebar ist breiter
   als das schwebende Menü. Abstände zwischen Titel und Reihen erbt der Abschnitt von oben. */
.cc-wp-panel .cc-wp-grid{grid-template-columns:repeat(auto-fill,var(--sz-44))}
