/* Penpot vestito da Comtra (Fosca, 2026-10-03): solo aspetto, nessuna funzione cambiata.
   Colori = variabili di Penpot (.default = scuro, .light = chiaro) con la palette dell'Hub; spigoli quadri; font Raster
   per l'interfaccia (NON per i testi dentro i disegni: quelli stanno dentro <svg> e restano coi loro font). */
@font-face { font-family: 'Raster'; src: url('/_comtra/raster.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; }

/* ── Scuro (tema predefinito di Penpot) → palette dark dell'Hub ── */
.default {
  --color-accent-primary: #FF90E8;
  --color-accent-primary-muted: #5a3552;
  --color-accent-secondary: #50D0A0;
  --color-accent-tertiary: #E870D4;
  --color-accent-quaternary: #FF90E8;
  --color-accent-overlay: rgba(255, 144, 232, 0.6);
  --color-accent-select: rgba(255, 144, 232, 0.1);
  --color-accent-background-select: rgba(255, 144, 232, 0.7);
  --color-accent-action: #50D0A0;
  --color-accent-action-hover: #308060;
  --color-accent-success: #50D0A0;
  --color-background-success: #0d2a1f;
  --color-background-default: #0D1A0D;
  --color-accent-default: #205040;
  --color-icon-default: #80b080;
  --color-background-disabled: #142014;
  --color-background-primary: #0D1A0D;
  --color-background-secondary: #080D08;
  --color-background-tertiary: #142014;
  --color-background-quaternary: #205040;
  --color-foreground-primary: #D8ECC8;
  --color-foreground-secondary: #80b080;
  --color-overlay-default: rgba(8, 13, 8, 0.6);
  --color-overlay-onboarding: rgba(8, 13, 8, 0.92);
  --color-token-background: #0d2a1f;
  --color-token-border: #308060;
  --color-token-accent: #50D0A0;
  --color-token-foreground: #D8ECC8;
}

/* ── Chiaro → palette light dell'Hub ── */
.light {
  --color-accent-primary: #B8127F; /* rosa scuro: leggibile come testo su fondo chiaro */
  --color-accent-primary-muted: #ffd9f6;
  --color-accent-secondary: #308060;
  --color-accent-tertiary: #E870D4;
  --color-accent-quaternary: #FF90E8;
  --color-accent-overlay: rgba(255, 144, 232, 0.6);
  --color-accent-select: rgba(255, 144, 232, 0.12);
  --color-accent-background-select: rgba(255, 144, 232, 0.7);
  --color-accent-action: #308060;
  --color-accent-action-hover: #205040;
  --color-background-default: #f6f6f6;
  --color-accent-default: #e8e8e8;
  --color-icon-default: #000;
  --color-background-disabled: #e8e8e8;
  --color-background-primary: #f6f6f6;
  --color-background-secondary: #e8e8e8;
  --color-background-tertiary: #ffffff;
  --color-background-quaternary: #cfcfcf;
  --color-foreground-primary: #000;
  --color-foreground-secondary: #595959;
}

/* ── Font Raster per l'interfaccia, mai dentro i disegni (svg) ── */
body, body *:not(svg):not(svg *) {
  font-family: 'Raster', system-ui, sans-serif !important;
  font-weight: 400 !important;
}

/* ── Spigoli quadri come in Comtra (i tondi veri restano tondi) ── */
body *:not(svg):not(svg *) { border-radius: 0 !important; }
[class*="avatar"], [class*="loader"], [class*="spinner"], input[type="radio"] {
  border-radius: 999px !important;
}

/* ── Finestre e menu: bordo pieno e ombra dura, come le card dell'Hub ── */
[class*="modal-container"], [class*="dropdown"], [class*="context-menu"], [class*="tooltip"] {
  border: 2px solid var(--color-accent-secondary) !important;
  box-shadow: 4px 4px 0 0 #000 !important;
}

/* ── Selezione testo in rosa Comtra ── */
::selection { background: rgba(255, 144, 232, 0.5); color: #000; }

/* ── Privacy e pulizia (Fosca, 2026-10-03): nessuno vede altri account né team ── */
/* Menu per cambiare team/account in alto a sinistra: nascosto */
[class*="dashboard_sidebar__sidebar-team-switch"] { display: none !important; }
/* In basso a sinistra resta solo il pulsante dei commenti: via nome/email dell'account e il suo menu */
button[class*="dashboard_sidebar__profile"] { display: none !important; }

/* ── «Powered by Penpot» dentro Penpot, in alto a sinistra dei pulsanti (Nuovo progetto…) ── */
[class*="dashboard_projects__dashboard-header-actions"] {
  display: flex !important;
  align-items: center;
}
[class*="dashboard_projects__dashboard-header-actions"]::before {
  content: "Powered by Penpot";
  margin-right: 16px;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--color-foreground-secondary);
  white-space: nowrap;
}

/* ── Dentro l'Hub il login di Penpot non si vede mai (theme.js avvisa l'Hub, che rifà l'ingresso da solo) ── */
html.comtra-login body { visibility: hidden !important; }

/* ── Chi è nel team lo decide Comtra (inviti nel workspace Comtra), non Penpot: via inviti, membri, banner «Fai squadra» e link di condivisione ── */
[class*="dashboard_projects__team-hero"],
[class*="dashboard_team__invite-button"],
[class*="dashboard_subscription__members-cta"],
[class*="workspace_right_header__share-btn"],
[class*="viewer_header__share-btn"] { display: none !important; }