/* ===== Bloxen theme pentru Planka (injectat via nginx) ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root {
  --bx-primary: #5fa834;        /* verde grass — schimbă aici */
  --bx-primary-hover: #4f8f2b;
  --bx-dark: #22252a;           /* fundal app */
  --bx-font: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}

/* fundal */
#app { background: var(--bx-dark) !important; }

/* font (fără să strice fonturile de iconuri Semantic) */
#root, #root *:not(i.icon):not(.icon) { font-family: var(--bx-font) !important; }

/* accent / primary: butoane + toggles */
#app .ui.primary.button,
#app .ui.primary.buttons .button,
#app .ui.blue.button,
#app .ui.blue.buttons .button { background-color: var(--bx-primary) !important; }
#app .ui.primary.button:hover,
#app .ui.blue.button:hover { background-color: var(--bx-primary-hover) !important; }
#app .ui.toggle.checkbox input:checked ~ .box:before,
#app .ui.toggle.checkbox input:checked ~ label:before { background-color: var(--bx-primary) !important; }

/* ascunde itemul „Discover PLANKA Pro" din meniul user */
#app a[href*="planka.app/pro"] { display: none !important; }

/* logo pe login — DECOMENTEAZĂ după ce pui fișierul (altfel apare imagine spartă) */
/*
#app img[src*="/logo."] {
  content: url("/custom/bloxen-logo.png");
  max-height: 96px; width: auto; height: auto;
}
*/