/* ============================================================
   PLANKA CUSTOM CSS — pinta o card inteiro com a cor do label
   Card visual real = `.card` (classe sem prefixo)
   Label classe = `_backgroundXxx_HASH_NUM`
   ============================================================ */

/* === Pintar o fundo do card === */
.card:has([class*="_backgroundBerryRed_"])      { background: #e83855 !important; }
.card:has([class*="_backgroundPumpkinOrange_"]) { background: #ed9223 !important; }
.card:has([class*="_backgroundLagoonBlue_"])    { background: #109dc0 !important; }
.card:has([class*="_backgroundPinkTulip_"])     { background: #e34f7c !important; }
.card:has([class*="_backgroundLightMud_"])      { background: #c7a57a !important; }
.card:has([class*="_backgroundOrangePeel_"])    { background: #de692f !important; }
.card:has([class*="_backgroundBrightMoss_"])    { background: #96b352 !important; }
.card:has([class*="_backgroundAntiqueBlue_"])   { background: #6c99bb !important; }
.card:has([class*="_backgroundDarkGranite_"])   { background: #8b8680 !important; }
.card:has([class*="_backgroundSunnyGrass_"])    { background: #beca02 !important; }
.card:has([class*="_backgroundMorningSky_"])    { background: #52b9d5 !important; }
.card:has([class*="_backgroundLightOrange_"])   { background: #fdae5f !important; }
.card:has([class*="_backgroundMidnightBlue_"])  { background: #0a63a0 !important; }
.card:has([class*="_backgroundTankGreen_"])     { background: #8aa177 !important; }
.card:has([class*="_backgroundGunMetal_"])      { background: #4f6573 !important; }
.card:has([class*="_backgroundWetMoss_"])       { background: #4a8753 !important; }
.card:has([class*="_backgroundRedBurgundy_"])   { background: #ad5f7d !important; }
.card:has([class*="_backgroundLightConcrete_"]) { background: #afb0a4 !important; }
.card:has([class*="_backgroundApricotRed_"])    { background: #fc736c !important; }
.card:has([class*="_backgroundDesertSand_"])    { background: #fad371 !important; }
.card:has([class*="_backgroundNavyBlue_"])      { background: #1d7299 !important; }
.card:has([class*="_backgroundEggYellow_"])     { background: #f9c423 !important; }
.card:has([class*="_backgroundCoralGreen_"])    { background: #2b6a6c !important; }
.card:has([class*="_backgroundLightCocoa_"])    { background: #a85540 !important; }
.card:has([class*="_backgroundModernGreen_"])   { background: #77ce87 !important; }
.card:has([class*="_backgroundPiggyRed_"])      { background: #f97394 !important; }

/* === Texto branco em fundos escuros === */
.card:has([class*="_backgroundBerryRed_"])      [class*="_name_"],
.card:has([class*="_backgroundPumpkinOrange_"]) [class*="_name_"],
.card:has([class*="_backgroundLagoonBlue_"])    [class*="_name_"],
.card:has([class*="_backgroundPinkTulip_"])     [class*="_name_"],
.card:has([class*="_backgroundLightMud_"])      [class*="_name_"],
.card:has([class*="_backgroundOrangePeel_"])    [class*="_name_"],
.card:has([class*="_backgroundBrightMoss_"])    [class*="_name_"],
.card:has([class*="_backgroundAntiqueBlue_"])   [class*="_name_"],
.card:has([class*="_backgroundDarkGranite_"])   [class*="_name_"],
.card:has([class*="_backgroundMorningSky_"])    [class*="_name_"],
.card:has([class*="_backgroundMidnightBlue_"])  [class*="_name_"],
.card:has([class*="_backgroundTankGreen_"])     [class*="_name_"],
.card:has([class*="_backgroundGunMetal_"])      [class*="_name_"],
.card:has([class*="_backgroundWetMoss_"])       [class*="_name_"],
.card:has([class*="_backgroundRedBurgundy_"])   [class*="_name_"],
.card:has([class*="_backgroundLightConcrete_"]) [class*="_name_"],
.card:has([class*="_backgroundApricotRed_"])    [class*="_name_"],
.card:has([class*="_backgroundNavyBlue_"])      [class*="_name_"],
.card:has([class*="_backgroundCoralGreen_"])    [class*="_name_"],
.card:has([class*="_backgroundLightCocoa_"])    [class*="_name_"],
.card:has([class*="_backgroundModernGreen_"])   [class*="_name_"],
.card:has([class*="_backgroundPiggyRed_"])      [class*="_name_"],
.card:has([class*="_backgroundBerryRed_"])      [class*="_descriptionText_"],
.card:has([class*="_backgroundLagoonBlue_"])    [class*="_descriptionText_"],
.card:has([class*="_backgroundMidnightBlue_"])  [class*="_descriptionText_"],
.card:has([class*="_backgroundNavyBlue_"])      [class*="_descriptionText_"],
.card:has([class*="_backgroundCoralGreen_"])    [class*="_descriptionText_"],
.card:has([class*="_backgroundDarkGranite_"])   [class*="_descriptionText_"],
.card:has([class*="_backgroundGunMetal_"])      [class*="_descriptionText_"],
.card:has([class*="_backgroundWetMoss_"])       [class*="_descriptionText_"],
.card:has([class*="_backgroundLightCocoa_"])    [class*="_descriptionText_"],
.card:has([class*="_backgroundRedBurgundy_"])   [class*="_descriptionText_"],
.card:has([class*="_backgroundTankGreen_"])     [class*="_descriptionText_"],
.card:has([class*="_backgroundOrangePeel_"])    [class*="_descriptionText_"] {
  color: #fff !important;
}

/* === Borda branca nos label-tags pra contraste === */
.card[style*="background"] [class*="_wrapperTiny_"],
.card:has([class*="_e69ha_"]) [class*="_wrapperTiny_"] {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.5) !important;
}

/* === Esconder faixinha dos labels que são "Cor" no card do board ===
   (essas labels viraram cor de fundo, não precisam de faixinha duplicada) */
.card [class*="_attachment_"]:has([title="Vermelho"]),
.card [class*="_attachment_"]:has([title="Abóbora"]),
.card [class*="_attachment_"]:has([title="Azul Lagoa"]),
.card [class*="_attachment_"]:has([title="Rosa"]),
.card [class*="_attachment_"]:has([title="Bege"]),
.card [class*="_attachment_"]:has([title="Laranja"]),
.card [class*="_attachment_"]:has([title="Verde Vivo"]),
.card [class*="_attachment_"]:has([title="Azul Antigo"]),
.card [class*="_attachment_"]:has([title="Grafite"]),
.card [class*="_attachment_"]:has([title="Verde Grama"]),
.card [class*="_attachment_"]:has([title="Céu"]),
.card [class*="_attachment_"]:has([title="Laranja Claro"]),
.card [class*="_attachment_"]:has([title="Azul Noite"]),
.card [class*="_attachment_"]:has([title="Verde Militar"]),
.card [class*="_attachment_"]:has([title="Chumbo"]),
.card [class*="_attachment_"]:has([title="Verde Musgo"]),
.card [class*="_attachment_"]:has([title="Bordô"]),
.card [class*="_attachment_"]:has([title="Cinza Claro"]),
.card [class*="_attachment_"]:has([title="Coral"]),
.card [class*="_attachment_"]:has([title="Areia"]),
.card [class*="_attachment_"]:has([title="Marinho"]),
.card [class*="_attachment_"]:has([title="Amarelo"]),
.card [class*="_attachment_"]:has([title="Verde Coral"]),
.card [class*="_attachment_"]:has([title="Cacau"]),
.card [class*="_attachment_"]:has([title="Verde Moderno"]),
.card [class*="_attachment_"]:has([title="Rosa Forte"]) {
  display: none !important;
}

/* === Esconder labels de cor da lista do popup de Rótulos ===
   (Vermelho/Azul/etc não devem aparecer misturados com PARADO/OFF/etc) */
[data-cor-label] {
  display: none !important;
}

/* === Ícone de ação (lápis) também branco === */
.card:has([class*="_backgroundBerryRed_"])      [class*="_actionsButton_"] i,
.card:has([class*="_backgroundLagoonBlue_"])    [class*="_actionsButton_"] i,
.card:has([class*="_backgroundMidnightBlue_"])  [class*="_actionsButton_"] i,
.card:has([class*="_backgroundNavyBlue_"])      [class*="_actionsButton_"] i,
.card:has([class*="_backgroundCoralGreen_"])    [class*="_actionsButton_"] i,
.card:has([class*="_backgroundDarkGranite_"])   [class*="_actionsButton_"] i,
.card:has([class*="_backgroundGunMetal_"])      [class*="_actionsButton_"] i,
.card:has([class*="_backgroundWetMoss_"])       [class*="_actionsButton_"] i,
.card:has([class*="_backgroundLightCocoa_"])    [class*="_actionsButton_"] i,
.card:has([class*="_backgroundRedBurgundy_"])   [class*="_actionsButton_"] i,
.card:has([class*="_backgroundOrangePeel_"])    [class*="_actionsButton_"] i {
  color: #fff !important;
}