/* PLANKA com o design system do ERP iBuild (v4, 23/10/2026). Injetado pelo nginx (sub_filter).
   Referencia: ERP html[data-brand=ibuild] — canvas #f4f3ed, paineis brancos, borda #dfe3da,
   botao grafite #202822, destaque oliva #526b47, dourado #c4a265, cantos 10/18, fonte iBuild Sans. */
@import url(/ibuild-theme/tokens.css);

/* ---------- Base ---------- */
body, .g-root, .ui, .ui.header, .ui.menu, .ui.button, .ui.input input, .ui.form input, .ui.form textarea,
textarea, input, button, h1, h2, h3, h4, h5, h6, p, span:not(.icon), div, a, label, .ui.modal, .ui.popup {
  font-family: var(--ibuild-font) !important;
}
i.icon, i.icons { font-family: Icons !important; }
body, .g-root, [class*="_wrapper_1o9kk"], [class*="_wrapper_amg4a"], [class*="_wrapperBoard_"],
[class*="_wrapperProject_"], [class*="_wrapperFlex_"] {
  background: var(--ibuild-canvas) !important; color: var(--oe-text) !important;
}
a { color: var(--oe-accent); }
::selection { background: #c4a26555; }

/* ---------- Barra superior: clara como o ERP, com logo iBuild ---------- */
.ui.inverted.menu[class*="_menu_jdrq3"] {
  background: #ffffff !important; border-radius: 0 !important; box-shadow: none !important;
  border-bottom: 1px solid var(--oe-border-light) !important; min-height: 56px;
}
.ui.inverted.menu[class*="_menu_jdrq3"] .item, .ui.inverted.menu[class*="_menu_jdrq3"] .icon,
[class*="_userName_jdrq3"], [class*="_title_jdrq3"] { color: var(--oe-text) !important; }
[class*="_itemHoverable_jdrq3"]:hover { background: var(--ibuild-canvas) !important; }
[class*="_title_jdrq3"] { font-weight: 700 !important; letter-spacing: -.01em; }
[class*="_title_jdrq3"]::before {
  content: ""; display: inline-block; width: 18px; height: 26px; margin-right: 10px; vertical-align: -6px;
  background: var(--ibuild-monogram) center/contain no-repeat;
}
/* logo "PLANKA" (pagina inicial) -> monograma + iBuild */
[class*="_logo_jdrq3"] {
  background: #ffffff !important; color: transparent !important; font-size: 0 !important;
  display: flex !important; align-items: center; gap: 10px; padding: 0 18px !important; min-width: 150px;
  border-right: 1px solid var(--oe-border-light);
}
[class*="_logo_jdrq3"]::before { content: ""; width: 22px; height: 32px; background: var(--ibuild-monogram) center/contain no-repeat; }
[class*="_logo_jdrq3"]::after {
  content: "iBuild"; font: 800 22px/1 var(--ibuild-font); letter-spacing: -.03em; color: var(--ibuild-graphite);
}
/* avatares no tom grafite/oliva */
[class*="_backgroundMidnightBlue_"] { background: var(--ibuild-graphite) !important; color: var(--ibuild-on-graphite) !important; }
[class*="_backgroundWisteria_"] { background: var(--oe-accent) !important; color: #fff !important; }

/* ---------- Pagina inicial (projetos) ---------- */
[class*="_search_1ls9w"], [class*="_search_uc4mw"] {
  background: #ffffff !important; border: 1px solid var(--oe-border) !important; border-radius: var(--ibuild-control-radius) !important;
}
[class*="_search_1ls9w"] input, [class*="_search_uc4mw"] input { color: var(--oe-text) !important; background: transparent !important; }
[class*="_search_"] input::placeholder { color: var(--oe-text-3) !important; }
[class*="_button_ygjr8"], [class*="_button_1cyxy"] {
  background: #ffffff !important; color: var(--oe-text-2) !important; border: 1px solid var(--oe-border-light) !important;
  border-radius: var(--ibuild-control-radius) !important; box-shadow: none !important;
}
[class*="_button_ygjr8"]:hover, [class*="_button_1cyxy"]:hover { background: var(--ibuild-canvas) !important; color: var(--oe-text) !important; }
[class*="_buttonGroup_ygjr8"], [class*="_buttonGroup_1cyxy"] { gap: 4px; display: inline-flex; }
/* cartoes de projeto */
[class*="_card_suzcb"], [class*="_addButton_suzcb"] { border-radius: var(--ibuild-panel-radius) !important; overflow: hidden; }
[class*="_card_suzcb"] [class*="_cover_vr1u9"], [class*="_card_suzcb"] {
  background-color: var(--ibuild-graphite) !important;
  background-image: var(--ibuild-monogram), linear-gradient(135deg, #202822 0%, #34432f 100%) !important;
  background-repeat: no-repeat !important; background-size: 34px auto, cover !important; background-position: 20px 18px, center !important;
  box-shadow: var(--oe-shadow-md) !important; border-bottom: 3px solid var(--ibuild-gold) !important;
}
[class*="_title_vr1u9"], [class*="_card_suzcb"] [class*="_title_"] { color: var(--ibuild-on-graphite) !important; font-weight: 700 !important; }
[class*="_addButton_suzcb"], [class*="_addButtonCover_suzcb"] {
  background: #ffffff !important; border: 1.5px dashed var(--oe-border) !important; box-shadow: none !important;
}
[class*="_addButtonTitle_suzcb"], [class*="_addButton_suzcb"] .icon, [class*="_addButton_suzcb"] * { color: var(--oe-text-2) !important; opacity: 1 !important; }
[class*="_addButton_suzcb"]:hover { border-color: var(--oe-accent) !important; }
[class*="_addButton_suzcb"]:hover * { color: var(--oe-accent) !important; }
h2, .ui.header { color: var(--oe-text) !important; }

/* ---------- Pagina do projeto (sem quadro aberto) ---------- */
[class*="_messageTitle_amg4a"] { color: var(--oe-text) !important; font-weight: 800 !important; }
[class*="_messageContent_amg4a"], [class*="_messageIcon_amg4a"] { color: var(--oe-text-2) !important; }
[class*="_button_amg4a"] {
  background: var(--ibuild-action) !important; color: var(--ibuild-on-action) !important; border: 0 !important;
  border-radius: var(--ibuild-control-radius) !important; font-weight: 600 !important; box-shadow: none !important;
}
[class*="_button_amg4a"] * { color: var(--ibuild-on-action) !important; }
[class*="_button_amg4a"]:hover { background: var(--ibuild-action-hover) !important; }

/* ---------- Abas dos quadros ---------- */
[class*="_tabsWrapper_"], [class*="_tabs_mp09h"] {
  background: #ffffff !important; border: 1px solid var(--oe-border-light) !important; border-radius: 12px !important;
}
[class*="_tab_cjxaz"] { background: transparent !important; border-radius: 10px !important; }
[class*="_tab_cjxaz"] [class*="_name_cjxaz"], [class*="_tab_cjxaz"] a { color: var(--oe-text-2) !important; font-weight: 500 !important; }
[class*="_tab_cjxaz"]:hover { background: var(--ibuild-canvas) !important; }
[class*="_tabActive_cjxaz"] { background: var(--oe-accent-subtle) !important; box-shadow: inset 0 -2px 0 var(--oe-accent) !important; }
[class*="_tabActive_cjxaz"] [class*="_name_cjxaz"], [class*="_tabActive_cjxaz"] a { color: var(--oe-text) !important; font-weight: 700 !important; }

/* ---------- Barra de filtros ---------- */
[class*="_wrapper_1cmnv"] { color: var(--oe-text) !important; }
[class*="_segment_1lbjc"] { background: #ffffff !important; border: 1px solid var(--oe-border-light) !important; border-radius: 99px !important; box-shadow: none !important; }
[class*="_addButton_1lbjc"] { background: var(--ibuild-canvas) !important; color: var(--oe-text-2) !important; }
[class*="_filterTitle_"], [class*="_filterLabel_"] { color: var(--oe-text-2) !important; }
[class*="_filterButton_uc4mw"] { background: #ffffff !important; border: 1px solid var(--oe-border-light) !important; border-radius: var(--ibuild-control-radius) !important; }

/* ---------- Colunas e cartoes ---------- */
[class*="_innerWrapper_hsqrn"], [class*="_outerWrapper_hsqrn"] {
  background: #efeee7 !important; border-radius: var(--ibuild-panel-radius) !important;
  border: 1px solid var(--oe-border-light) !important; box-shadow: none !important;
}
[class*="_header_hsqrn"] { background: transparent !important; }
[class*="_headerName_hsqrn"] { color: var(--oe-text) !important; font-weight: 700 !important; font-size: 14px !important; }
[class*="_addCardButton_"], [class*="_addCardButtonText_"], [class*="_addCardButtonIcon_"] { color: var(--oe-text-3) !important; background: transparent !important; }
[class*="_addCardButton_"]:hover { background: #e4e2d8 !important; color: var(--oe-text) !important; border-radius: var(--ibuild-control-radius) !important; }
[class*="_wrapper_36a26"], [class*="_card_hsqrn"] .card, .ui.card {
  border-radius: 12px !important; border: 1px solid var(--oe-border-light) !important; box-shadow: var(--oe-shadow-sm) !important; background: #fff !important;
}
[class*="_card_hsqrn"]:hover [class*="_wrapper_36a26"] { box-shadow: var(--oe-shadow-md) !important; border-color: var(--oe-border) !important; }
[class*="_name_i28lr"] { color: var(--oe-text) !important; font-weight: 600 !important; }
[class*="_coverWrapper_"] { max-height: 160px !important; overflow: hidden !important; border-radius: 8px; border: 1px solid var(--oe-border-light); }
[class*="_coverWrapper_"] img, [class*="_cover_i28lr"] { width: 100%; object-fit: cover; object-position: top; }
[class*="_count_kjg3m"], [class*="_attachments_i28lr"], [class*="_attachment_i28lr"] { color: var(--oe-text-3) !important; }

/* progresso = oliva do ERP */
.ui.progress { background: #e5e8df !important; border-radius: 99px !important; }
.ui.progress .bar, .ui.blue.progress .bar { background: var(--oe-accent) !important; border-radius: 99px !important; min-width: 0 !important; }

/* ---------- Janela do cartao ---------- */
.ui.dimmer { background: rgba(32, 40, 34, .55) !important; }
.ui.modal { border-radius: var(--ibuild-panel-radius) !important; overflow: hidden; background: #fff !important; box-shadow: 0 28px 90px #14211935 !important; }
.ui.modal > .content { background: #fff !important; }
[class*="_headerTitleWrapper_10xqw"], [class*="_moduleHeaderTitle_"], [class*="_text_10xqw"] { color: var(--oe-text) !important; }
[class*="_headerTitleWrapper_10xqw"] { font-weight: 800 !important; letter-spacing: -.01em; }
[class*="_actionsTitle_10xqw"] { color: var(--oe-text-3) !important; font-weight: 600 !important; letter-spacing: .06em; font-size: 11px !important; }
[class*="_actionButton_10xqw"] {
  background: #ffffff !important; color: var(--oe-text) !important; border: 1px solid var(--oe-border-light) !important;
  border-radius: var(--ibuild-control-radius) !important; box-shadow: none !important; font-weight: 500 !important;
}
[class*="_actionButton_10xqw"]:hover { background: var(--ibuild-canvas) !important; border-color: var(--oe-border) !important; }
[class*="_actionButton_10xqw"] .icon { color: var(--oe-text-3) !important; }
.ui.modal blockquote {
  border-left: 3px solid var(--ibuild-gold) !important; background: var(--ibuild-gold-surface) !important; color: var(--oe-text) !important;
  border-radius: 0 10px 10px 0; padding: 8px 12px !important;
}
.ui.modal h3, .ui.modal h2 { color: var(--oe-text) !important; font-weight: 700 !important; }
/* checklist */
[class*="_task_170s0"] [class*="_name_170s0"], [class*="_text_170s0"] { color: var(--oe-text) !important; }
[class*="_nameCompleted_170s0"] { color: var(--oe-text-3) !important; }
.ui.checkbox input:checked ~ label::before, .ui.checkbox input:checked ~ .box::before { background: var(--oe-accent) !important; border-color: var(--oe-accent) !important; }
.ui.checkbox input:checked ~ label::after, .ui.checkbox input:checked ~ .box::after { color: #fff !important; }

/* ---------- Botoes e campos ---------- */
.ui.primary.button, .ui.positive.button, .ui.green.button, .ui.blue.button, .ui.teal.button {
  background: var(--ibuild-action) !important; color: var(--ibuild-on-action) !important;
  border-radius: var(--ibuild-control-radius) !important; font-weight: 600 !important; box-shadow: none !important;
}
.ui.primary.button:hover, .ui.positive.button:hover, .ui.green.button:hover { background: var(--ibuild-action-hover) !important; }
.ui.red.button, .ui.negative.button { background: var(--ibuild-danger) !important; border-radius: var(--ibuild-control-radius) !important; }
.ui.basic.button { border-radius: var(--ibuild-control-radius) !important; }
.ui.input input, .ui.form input, .ui.form textarea, textarea {
  border-radius: var(--ibuild-control-radius) !important; border-color: var(--oe-border) !important; color: var(--oe-text) !important;
}
.ui.input input:focus, .ui.form input:focus, .ui.form textarea:focus, textarea:focus {
  border-color: var(--oe-focus) !important; box-shadow: 0 0 0 3px #82612722 !important;
}
.ui.popup { border-radius: 14px !important; border-color: var(--oe-border-light) !important; box-shadow: var(--oe-shadow-md) !important; }

/* ---------- Ocultar propaganda do PLANKA Pro ---------- */
[class*="_wrapper_1u45e"] { display: none !important; }

/* ---------- Login no estilo do ERP: fundo claro, cartao branco, logo iBuild ---------- */
[class*="_cover_45te1"] {
  background: var(--ibuild-canvas) var(--ibuild-monogram) center / 22% no-repeat !important;
  border-left: 1px solid var(--oe-border-light);
}
[class*="_coverOverlay_45te1"] { background: transparent !important; }
[class*="_wrapper_45te1"], [class*="_login_45te1"] { background: var(--ibuild-canvas) !important; }
[class*="_form_45te1"] {
  background: #ffffff !important; border: 1px solid var(--oe-border-light) !important; border-radius: var(--ibuild-panel-radius) !important;
  box-shadow: var(--oe-shadow-md) !important; padding: 28px !important;
}
[class*="_logo_45te1"] { visibility: hidden; }
[class*="_logoWrapper_45te1"] { background: var(--ibuild-monogram) center / contain no-repeat; height: 90px; }
[class*="_formTitle_45te1"] { font-size: 0 !important; }
[class*="_formTitle_45te1"]::after { content: "iBuild · Tarefas"; font-size: 28px; color: var(--oe-text); font-weight: 800; letter-spacing: -.02em; }
[class*="_formSubtitle_45te1"], [class*="_inputLabel_45te1"] { color: var(--oe-text-2) !important; }
[class*="_poweredBy_45te1"] { opacity: .5; }

/* ---------- Correcoes v5 ---------- */
/* faixa cinza atras das abas */
[class*="_wrapper_rbzeo"] { background: transparent !important; }
/* monograma antes do titulo (o Planka usa ::before como separador) */
html body [class*="_title_jdrq3"]::before {
  content: "" !important; display: inline-block !important; width: 18px !important; height: 26px !important;
  margin-right: 10px !important; vertical-align: -6px !important; border: 0 !important;
  background: url(/ibuild-theme/ibuild-monogram-gold.svg) center/contain no-repeat !important;
}
/* logo da pagina inicial: monograma + "iBuild" sem caixa alta */
html body a[class*="_logo_jdrq3"] { text-transform: none !important; letter-spacing: 0 !important; }
html body a[class*="_logo_jdrq3"]::before { width: 22px !important; height: 32px !important; vertical-align: middle !important; }
/* titulo/descricao do cartao do projeto em claro sobre grafite */
html body [class*="_title_vr1u9"] { color: #f5f3e9 !important; font-weight: 700 !important; }
html body [class*="_description_vr1u9"] { color: #dfc58f !important; }
html body [class*="_cover_vr1u9"] { background: transparent !important; }
/* "Criar projeto" legivel */
html body button[class*="_addButton_suzcb"], html body button[class*="_addButton_suzcb"] [class*="_addButtonTitle_suzcb"] {
  color: var(--oe-text-2) !important; opacity: 1 !important; background: #ffffff !important; background-image: none !important;
  border-bottom: 1.5px dashed var(--oe-border) !important;
}
html body button[class*="_addButton_suzcb"] svg { fill: currentColor; color: var(--oe-text-2) !important; opacity: 1 !important; }
html body button[class*="_addButton_suzcb"]:hover, html body button[class*="_addButton_suzcb"]:hover * { color: var(--oe-accent) !important; }
/* botao "Criar quadro" (ui basic positive) */
html body .ui.basic.positive.button[class*="_button_amg4a"], html body .ui.basic.button[class*="_button_amg4a"] {
  background: var(--ibuild-action) !important; color: var(--ibuild-on-action) !important; box-shadow: none !important;
}
html body .ui.basic.positive.button[class*="_button_amg4a"]:hover { background: var(--ibuild-action-hover) !important; color: var(--ibuild-on-action) !important; }
/* qualquer outro botao verde "basic" do Planka vira oliva */
html body .ui.basic.positive.button:not([class*="_button_amg4a"]) { color: var(--oe-accent) !important; box-shadow: 0 0 0 1px var(--oe-accent) inset !important; }

/* ---------- Correcoes v6 ---------- */
/* titulo do projeto: monograma como fundo a esquerda (o ::before do Planka e um separador posicionado) */
html body [class*="_title_jdrq3"]:not([class*="_logo_"])::before { display: none !important; }
html body [class*="_title_jdrq3"]:not([class*="_logo_"]) {
  padding-left: 30px !important; background: url(/ibuild-theme/ibuild-monogram-gold.svg) left center / 18px 26px no-repeat !important;
}
/* "Criar projeto": a capa ficava por cima do texto */
html body [class*="_addButtonCover_suzcb"] { background: transparent !important; border: 0 !important; }
html body [class*="_addButtonTitleWrapper_suzcb"], html body [class*="_addButtonTitleWrapper_suzcb"] * { color: var(--oe-text-2) !important; opacity: 1 !important; position: relative; z-index: 1; }
html body [class*="_addButtonTitle_suzcb"] { border-bottom: 0 !important; }