/* Quadro operacional: a informação mora no cartão, não em mais um painel de KPIs. */
.wt-viewtoggle [data-board-open] { width: auto; gap: 7px; padding-inline: 11px; }
.wt-viewtoggle [data-board-open] span { font-size: 12px; font-weight: 500; }
.wtb-mode .wt-filters, .wtb-mode .wt-scope, .wtb-mode .wt-collaborator-select,
.wtb-mode .wt-owner-governance, .wtb-mode .wt-sortsel, .wtb-mode .wt-selall,
.wtb-mode .wt4-hero, .wtb-mode .wt4-kpis, .wtb-mode .wt4-recorte, .wtb-mode .wt-myagenda { display: none !important; }
.wtb-mode .wt4-command-bottom { justify-content: flex-end; }
.wtb-board { color: var(--text); margin-top: 8px; }
.wtb-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.wtb-heading h3 { margin: 0 0 8px; font-size: 21px; font-weight: 600; letter-spacing: -.02em; }
.wtb-heading p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.wtb-heading > span { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; }
.wtb-heading svg, .wtb-deadline svg { width: 16px; height: 16px; flex-shrink: 0; }
.wtb-controls { display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 28px; }
.wtb-controls label { display: grid; gap: 8px; min-width: 170px; }
.wtb-controls label > span { color: var(--muted); font-size: 11px; font-weight: 500; }
.wtb-controls select { min-height: 42px; max-width: 100%; padding: 9px 32px 9px 12px; border-radius: 9px; border: 1px solid var(--border); color: var(--text); background: var(--card, var(--bg2)); font: inherit; font-size: 13px; }
.wtb-columns { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 330px); gap: 22px; align-items: start; overflow-x: auto; padding-bottom: 18px; overscroll-behavior-inline: contain; }
.wtb-column { min-width: 0; border-top: 2px solid color-mix(in srgb, var(--accent, #26858d) 58%, var(--border)); padding-top: 18px; }
.wtb-column > header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; min-height: 42px; }
.wtb-column > header > i { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 50%; color: var(--accent, #26858d); background: var(--card, var(--bg2)); font-size: 11px; font-style: normal; font-weight: 600; flex-shrink: 0; }
.wtb-column h4 { margin: 0 0 6px; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.wtb-column header p { font-size: 11px; margin: 0; color: var(--muted); }
.wtb-column-cards { display: grid; gap: 16px; }
.wtb-card { border: 1px solid var(--border); border-radius: 13px; padding: 18px; background: var(--card, var(--bg2)); min-width: 0; }
.wtb-card.is-late { border-inline-start: 3px solid var(--red, #bc4a46); }
.wtb-card-top { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 16px; }
.wtb-status { color: var(--muted); font-size: 10px; letter-spacing: .01em; }
.wtb-status.doing, .wtb-status.review { color: var(--accent, #26858d); }
.wtb-status.done { color: var(--green, #287957); }
.wtb-fatal { font-size: 10px; color: var(--red, #bc4a46); }
.wtb-task-title { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: var(--text); font: inherit; font-size: 14px; font-weight: 500; line-height: 1.6; text-align: start; cursor: pointer; overflow-wrap: anywhere; }
.wtb-client { margin: 12px 0 5px; font-size: 12px; color: var(--muted); line-height: 1.6; overflow-wrap: anywhere; }
.wtb-number { display: block; color: var(--muted); font-size: 10px; letter-spacing: .01em; overflow-wrap: anywhere; }
.wtb-deadline { display: flex; align-items: flex-start; gap: 9px; margin-top: 20px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.wtb-deadline.late { color: var(--red, #bc4a46); }
.wtb-deadline small { display: block; font-size: 10px; margin-top: 2px; }
.wtb-history { margin-top: 13px; font-size: 11px; color: var(--muted); }
.wtb-history summary { cursor: pointer; padding-block: 3px; }
.wtb-history p { margin: 8px 0 0; line-height: 1.7; }
.wtb-history-warning, .wtb-history-muted { display: block; margin-top: 12px; font-size: 10px; color: var(--muted); }
.wtb-card footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 20px; padding-top: 13px; border-top: 1px solid var(--border); }
.wtb-card footer > span { color: var(--muted); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wtb-card footer > button { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border: 0; border-radius: 7px; background: var(--bg2); color: var(--text); cursor: pointer; }
.wtb-card footer svg { width: 15px; height: 15px; }
.wtb-more { width: 100%; border: 1px dashed var(--border); background: transparent; color: var(--muted); margin-top: 16px; padding: 12px; border-radius: 9px; font: inherit; font-size: 12px; cursor: pointer; }
.wtb-empty { padding: 36px 20px; border: 1px dashed var(--border); border-radius: 12px; text-align: center; color: var(--muted); font-size: 13px; }
.wtb-coverage, .wtb-error { font-size: 12px; line-height: 1.7; color: var(--muted); margin: 0 0 22px; }
.wtb-error button { margin-inline-start: 10px; border: 0; color: var(--accent, #26858d); background: transparent; font: inherit; text-decoration: underline; cursor: pointer; }
.nt-title-suggestions { margin-top: -6px; border: 1px solid var(--border); border-radius: 10px; background: var(--card, var(--bg2)); }
.nt-title-suggestions > summary { display: flex; align-items: center; gap: 8px; list-style: none; padding: 12px 14px; color: var(--muted); font-size: 12px; font-weight: 500; cursor: pointer; }
.nt-title-suggestions > summary::-webkit-details-marker { display: none; }
.nt-title-suggestions > summary svg { width: 15px; height: 15px; }
.nt-title-suggestions > summary svg:last-child { margin-inline-start: auto; transition: transform .15s; }
.nt-title-suggestions[open] > summary svg:last-child { transform: rotate(180deg); }
.nt-title-suggestions > div { padding: 4px 16px 18px; }
.nt-title-suggestions p { color: var(--muted); font-size: 12px; line-height: 1.7; margin: 0 0 16px; }
.nt-title-suggestions section + section { margin-top: 18px; }
.nt-title-suggestions h4 { color: var(--muted); font-size: 10px; letter-spacing: .04em; text-transform: uppercase; font-weight: 500; margin: 0 0 8px; }
.nt-title-suggestions section button { display: block; width: 100%; text-align: start; font: inherit; color: var(--text); font-size: 12px; padding: 9px 10px; background: transparent; border: 0; border-radius: 6px; cursor: pointer; line-height: 1.6; }
.nt-title-suggestions section button:hover { background: var(--bg2); }
.wtb-board button:focus-visible, .wtb-controls select:focus-visible, .nt-title-suggestions button:focus-visible, .nt-title-suggestions summary:focus-visible { outline: 2px solid var(--accent, #26858d); outline-offset: 3px; }
@media (max-width: 680px) {
  .wtb-heading { display: block; }
  .wtb-heading > span { margin-top: 14px; }
  .wtb-controls { gap: 14px; }
  .wtb-controls label { width: 100%; min-width: 0; }
  .wtb-controls select { width: 100%; }
  .wtb-columns { grid-auto-columns: minmax(260px, 85%); gap: 16px; }
  .wt-viewtoggle [data-board-open] { padding-inline: 9px; }
}
@media (prefers-reduced-motion: reduce) { .nt-title-suggestions > summary svg { transition: none; } }

/* Sprint 1: o botao 'Distribuicao' herdava largura de botao-icone (28px) e cortava o rotulo. */
[data-board-open]{width:auto!important;min-width:max-content!important;flex:none;white-space:nowrap}

/* Painel de delegação (17/10): faixa-atalho IRMÃ da .wt4-command — fora da .wt5-primary
   de propósito, porque alos-clear.css normaliza com !important todo botão lá dentro e o
   console de Tarefas a move para DENTRO do dropdown "Filtros" (details fechado), onde a
   faixa ficaria invisível. Tokens com fallback para o tema escuro, como o resto do módulo. */
.wtb-shortcut { display: flex; align-items: center; gap: 13px; width: 100%; margin: 10px 0 2px; padding: 13px 16px; border: 1px solid var(--border); border-inline-start: 3px solid var(--accent, #26858d); border-radius: 12px; background: var(--card, var(--bg2)); color: var(--text); font: inherit; text-align: start; cursor: pointer; }
.wtb-shortcut:hover { border-color: color-mix(in srgb, var(--accent, #26858d) 45%, var(--border)); border-inline-start-color: var(--accent, #26858d); background: var(--bg2); }
.wtb-shortcut:focus-visible { outline: 2px solid var(--accent, #26858d); outline-offset: 3px; }
.wtb-shortcut > svg { width: 17px; height: 17px; flex-shrink: 0; color: var(--accent, #26858d); }
.wtb-shortcut > svg:last-child { margin-inline-start: auto; color: var(--muted); }
.wtb-shortcut span { display: grid; gap: 3px; min-width: 0; }
.wtb-shortcut b { font-size: 13px; font-weight: 600; letter-spacing: -.01em; }
.wtb-shortcut small { font-size: 11px; color: var(--muted); line-height: 1.5; overflow-wrap: anywhere; }
.wtb-shortcut.has-late { border-inline-start-color: var(--red, #bc4a46); }
.wtb-shortcut.has-late small { color: var(--red, #bc4a46); }
/* No modo quadro, o dropdown "Filtros" da lista mente (os seletores dele não regem o
   quadro, que tem controles próprios) e o atalho é redundante. A .wt5-primary fica na
   regra para o caso de o console de Tarefas não a ter movido para dentro do dropdown. */
.wtb-mode .wtc-filter-panel, .wtb-mode .wt5-primary, .wtb-mode .wtb-shortcut { display: none !important; }
@media (max-width: 680px) { .wtb-shortcut { padding: 12px 13px; gap: 10px; } }