/* ===== POSSE — TEST THEME: Facebook 2009 ===== */

/* reset eventuale tema VHS in cache */
html { filter: none !important; background: #ffffff !important; }
body::before, body::after { content: none !important; display: none !important; }

/* Palette Facebook 2009 sulle variabili tema Misskey/Sharkey */
:root {
  --MI_THEME-accent: #3b5998 !important;
  --MI_THEME-accentLighten: #6d84b4 !important;
  --MI_THEME-accentDarken: #2f477a !important;
  --MI_THEME-link: #3b5998 !important;
  --MI_THEME-bg: #ffffff !important;
  --MI_THEME-fg: #1c1e21 !important;
  --MI_THEME-panel: #ffffff !important;
  --MI_THEME-panelHighlight: #eceff5 !important;
  --MI_THEME-navBg: #3b5998 !important;
  --MI_THEME-navFg: #ffffff !important;
  --MI_THEME-divider: #b3b3b3 !important;
  --MI_THEME-hover: #d8dfea !important;
  --MI_THEME-buttonBg: #eceff5 !important;
  --MI_THEME-X5: #d8dfea !important;
}

/* Font iconico Facebook 2009 */
html, body, button, input, textarea, select,
.name, ._title, h1, h2, h3, [class*="MkButton"], [class*="header"] {
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif !important;
  letter-spacing: 0 !important;
}
body { font-size: 12px !important; }

/* niente glow/aberrazione */
.name, h1, h2 { text-shadow: none !important; }

/* Link blu Facebook */
a, [class*="url"], ._link { color: #3b5998 !important; text-shadow: none !important; }
a:hover { text-decoration: underline !important; }

/* Pannelli: bianchi, bordo grigio sottile, angoli squadrati */
._panel, [class*="panel"], [class*="-panel"], [class*="MkButton-root"] { border-radius: 0 !important; }
._panel, [class*="panel"] {
  background: #ffffff !important;
  border: 1px solid #b3b3b3 !important;
  box-shadow: none !important;
}

/* Bottoni stile UIButton grigio FB */
[class*="MkButton-root"] {
  background: #eceff5 !important;
  border: 1px solid #999 !important;
  color: #333 !important;
  box-shadow: inset 0 1px 0 #fff !important;
  font-weight: bold !important;
}
[class*="MkButton-root"]:hover { background: #d8dfea !important; }
/* Bottone primario = blu Facebook */
[class*="MkButton-gradate"] {
  background: #5b74a8 !important;
  color: #fff !important;
  border: 1px solid #29447e !important;
}

/* nasconde megaform visitor (come nel tema VHS) */
[class*="MkVisitorDashboard-root"],
[class*="visitor-side"],
[class*="visitor-dashboard"] { display: none !important; }
[class*="visitor-main"] { width: 100% !important; max-width: 100% !important; flex: 1 1 auto !important; }

/* === override variabili accento DERIVATE (erano verde lime di default) === */
:root {
  --MI_THEME-accentedBg: rgba(59,89,152,0.15) !important;
  --MI_THEME-navActive: #3b5998 !important;
  --MI_THEME-navIndicator: #3b5998 !important;
  --MI_THEME-navHoverFg: #ffffff !important;
  --MI_THEME-fgOnWhite: #3b5998 !important;
  --MI_THEME-fgHighlighted: #3b5998 !important;
  --MI_THEME-focus: rgba(59,89,152,0.3) !important;
  --MI_THEME-buttonGradateA: #6d84b4 !important;
  --MI_THEME-buttonGradateB: #3b5998 !important;
  /* angoli squadrati 2009 */
  --MI-radius: 0px !important;
  --radius: 0px !important;
  --MI_THEME-radius: 0px !important;
}
/* squadra contenitori/widget oltre ai pannelli */
[class*="MkContainer"], [class*="_panel"], [class*="MkWidget"], [class*="container"] {
  border-radius: 0 !important;
}

/* ===== LIVELLO 2005 "thefacebook" ===== */
/* Header dei pannelli = barra blu piena, testo bianco (la firma del 2005) */
:root {
  --MI_THEME-panelHeaderBg: #3b5998 !important;
  --MI_THEME-panelHeaderFg: #ffffff !important;
  --MI_THEME-panelHeaderDivider: #29447e !important;
}
[class*="panelHeader"], [class*="MkContainer"] > header,
[class*="_panel"] > header, [class*="container"] > header {
  background: #3b5998 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #29447e !important;
}
[class*="panelHeader"] *, [class*="MkContainer"] > header *,
[class*="container"] > header * { color: #ffffff !important; }

/* bordi blu sottili + font denso 2005 */
body { font-size: 11px !important; }
._panel, [class*="panel"], [class*="MkContainer"], [class*="container"] {
  border: 1px solid #3b5998 !important;
}

/* i grafici fanno cagare: via il chart Activity */
[class*="MkActivity"], [class*="MkChart"], [class*="chart" i],
canvas, svg[class*="chart" i] { display: none !important; }