/* Flow Curto uses the existing panel's semantic colors, spacing and type. */
.fc{color:var(--fg1)}
.fc button,.fc input,.fc select,.fc textarea,.fc-dialog button{font:inherit}
.fc button:focus-visible,.fc a:focus-visible,.fc input:focus-visible,.fc textarea:focus-visible,.fc select:focus-visible,.fc-dialog button:focus-visible{outline:2px solid var(--accent-aa);outline-offset:3px}
.fc-head,.fc-toolbar,.fc-actions,.fc-tabs,.fc-meta,.fc-format-toggle,.fc-savebar,.fc-row-head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}
.fc-head,.fc-row-head{justify-content:space-between}
.fc-head{margin-bottom:var(--sp-6)}
.fc-head h1{font-size:2.5em;font-weight:900;line-height:1.15;letter-spacing:-.03em}
.fc-head h1 span{font-family:Chalkiez,cursive;color:var(--lilac-mid);font-weight:400}
.fc-head p,.fc-hint{color:var(--fg2)}
.fc-head p{margin-top:var(--sp-2)}
.fc-eyebrow{font-size:.75em;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent-aa);margin-bottom:var(--sp-2)}
.fc-button{display:inline-flex;justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);min-height:44px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--white);color:var(--fg1);font-weight:700;text-decoration:none}
.fc-button:hover{border-color:var(--accent-aa);background:var(--accent-wash)}
.fc-button.primary{background:var(--accent-aa);color:var(--white);border-color:var(--accent-aa)}
.fc-button:disabled{opacity:.6;cursor:wait}
.fc-tabs{border-bottom:1px solid var(--line-strong);gap:var(--sp-1);margin-bottom:var(--sp-6)}
.fc-tab{padding:var(--sp-3) var(--sp-4);min-height:44px;border-bottom:3px solid transparent;font-weight:600;color:var(--fg2)}
.fc-tab[aria-current="page"],.fc-tab[aria-selected="true"]{color:var(--accent-aa);border-color:var(--accent-aa)}
/* BARRA DE BUSCA E FILTROS (2026-09-14: "e isso ta feio demais").
   O que estava feio, e o que mudou:
   - a borda dos campos era var(--fg2), quase preta, então cada caixa gritava
     mais que o conteúdo da tela. Virou a linha suave do painel, com a cor da
     marca aparecendo no foco e no hover, que é quando ela tem função.
   - rótulo e campo dividiam a mesma linha, o que espremia tudo e obrigava a
     barra a quebrar em duas fileiras desalinhadas. O rótulo subiu para cima do
     campo, em corpo pequeno, e a barra virou um bloco só, com fundo próprio.
   A altura mínima de 44px dos campos continua, que é o alvo de toque. */
.fc-toolbar{
  margin-bottom:var(--sp-6);gap:var(--sp-3) var(--sp-4);align-items:flex-end;
  padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--white);box-shadow:var(--shadow-sm)
}
.fc-toolbar label{display:flex;flex-direction:column;align-items:stretch;gap:5px;font-size:.76em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg3)}
.fc-toolbar input,.fc-toolbar select{min-width:0;flex:1;font-size:.95rem;text-transform:none;letter-spacing:normal;color:var(--fg1)}
.fc input:not([type="checkbox"]),.fc select,.fc textarea{border:1px solid var(--line-strong);background:var(--white);color:var(--fg1);border-radius:var(--r-sm);padding:var(--sp-3);width:100%;min-width:0}
.fc-toolbar input,.fc-toolbar select{min-height:44px;padding-block:0}
.fc-toolbar input:hover,.fc-toolbar select:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.fc-toolbar input:focus,.fc-toolbar select:focus{border-color:var(--accent-aa);outline:none;box-shadow:0 0 0 3px var(--accent-wash)}
/* Grade e Cards viram um par só, no formato de chave, em vez de dois botões
   soltos com a mesma cara dos filtros. */
.fc-layout{gap:0;padding:4px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--beige);width:max-content}
.fc-layout .fc-button{border:0;background:none;border-radius:var(--r-pill);min-height:38px;padding:var(--sp-2) var(--sp-6);color:var(--fg2)}
.fc-layout .fc-button:hover{background:color-mix(in srgb,var(--white) 70%,transparent);color:var(--fg1)}
.fc-layout [aria-pressed="true"],.fc-layout [aria-pressed="true"]:hover{background:var(--white);color:var(--accent-aa);box-shadow:0 1px 3px rgba(30,27,46,.14)}
.fc textarea{resize:vertical;line-height:1.65;min-height:9em}
.fc input[type="checkbox"]{width:1.2em;height:1.2em;accent-color:var(--accent-aa)}
.fc-toolbar .fc-search{flex:1;min-width:12em}
.fc-toolbar .fc-filter{min-width:10em}
.fc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:var(--sp-4)}
.fc-layout{margin-bottom:var(--sp-4)} /* o estado pressionado vive no bloco da chave Grade/Cards, acima */
.fc-board{display:flex;gap:var(--sp-4);overflow-x:auto;align-items:flex-start;padding-bottom:var(--sp-4)}
.fc-column{flex:0 0 280px;min-width:0;background:var(--beige);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:var(--sp-3)}
/* Each stage carries its own colour, reusing the panel's status tokens, so the
   eye finds the column and reads the run to publication as a progression. */
.fc [data-fc-stage]{--fc-stage:var(--accent-aa)}
.fc [data-fc-stage="research"]{--fc-stage:var(--st-pen)}
.fc [data-fc-stage="planning"]{--fc-stage:var(--lilac-mid)}
.fc [data-fc-stage="script"]{--fc-stage:var(--st-apr)}
.fc [data-fc-stage="production"]{--fc-stage:var(--st-pro)}
.fc [data-fc-stage="review"]{--fc-stage:var(--st-rev)}
.fc [data-fc-stage="ready"],.fc [data-fc-stage="published"]{--fc-stage:var(--st-pub-deep)}
.fc-column[data-fc-stage]{background:color-mix(in srgb,var(--fc-stage) 7%,var(--white));border-top:3px solid var(--fc-stage)}
.fc-column[data-fc-stage]>h2{color:color-mix(in srgb,var(--fc-stage) 65%,var(--dark))}
.fc-column[data-fc-stage]>h2 .fc-chip{background:color-mix(in srgb,var(--fc-stage) 20%,var(--white));color:color-mix(in srgb,var(--fc-stage) 65%,var(--dark))}
.fc-chip.accent[data-fc-stage]{background:color-mix(in srgb,var(--fc-stage) 14%,var(--white));color:color-mix(in srgb,var(--fc-stage) 65%,var(--dark))}
@media(prefers-contrast:more){.fc-column[data-fc-stage]{border-color:var(--fg1)}.fc-column[data-fc-stage]>h2,.fc-column[data-fc-stage]>h2 .fc-chip,.fc-chip.accent[data-fc-stage]{color:var(--fg1)}}
.fc-column>h2{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:1em;margin-bottom:var(--sp-4)}
.fc-column-cards,.fc-list{display:flex;flex-direction:column;gap:var(--sp-3)}.fc-column .fc-card{padding:var(--sp-4)}
.fc-list .fc-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center}.fc-list .fc-card .fc-actions{margin-top:0}
.fc-reading{background:var(--beige);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:var(--sp-6);overflow-wrap:anywhere;line-height:1.75;margin:var(--sp-4) 0}
.fc-reading p{white-space:pre-wrap}.fc-reading h3{margin:var(--sp-4) 0 var(--sp-2)}.fc-reading h3:first-child{margin-top:0}.fc-reading summary{font-weight:700;cursor:pointer}.fc-reading-space{height:var(--sp-3)}.fc-reading-bullet{padding-left:var(--sp-3)}
.fc-script-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.fc-script-layout>.fc-fields{display:block}.fc-script-layout .fc-reading{max-height:36em;overflow-y:auto}
@media(max-width:760px){.fc-script-layout{grid-template-columns:1fr}.fc-board{flex-direction:column;overflow-x:visible}.fc-column{flex:auto;width:100%}.fc-list .fc-card{display:flex}.fc-column:has(.fc-column-cards>.fc-hint){display:none}}
.fc-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-6);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--white);box-shadow:var(--shadow-sm);min-width:0}
.fc-card h3{font-size:1.13em;line-height:1.4;overflow-wrap:anywhere}
.fc-thumb{width:100%;max-height:12em;object-fit:cover;border-radius:var(--r-sm);background:var(--beige)}
.fc-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:8px 0 16px}
.fc-gallery figure{margin:0}
.fc-gallery img,.fc-gallery video{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-sm);background:var(--beige);display:block}
.fc-gallery figcaption{font-size:11px;color:var(--fg2);margin-top:3px}
/* Ideias em grade, no espírito do perfil do Instagram: miniatura quadrada e
   colada. Sem hover (toque) o título fica sempre visível; com hover ele aparece
   ao passar ou ao focar pelo teclado. Sem imagem, ou com link de CDN vencido,
   a célula vira um bloco na cor da marca com o título dentro. */
/* A largura da miniatura manda, não o número de colunas: assim o reel, que é
   alto, não vira pôster de meia tela, e as duas grades ficam com a mesma pegada. */
.fc-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:var(--sp-1)}
.fc-cells-block{margin-bottom:var(--sp-8)}
.fc-cells-block .fc-row-head{justify-content:flex-start;margin-bottom:var(--sp-3)}
/* Uma proporção por formato, a nativa de cada um: assim reel e carrossel, que são
   a esmagadora maioria, preenchem a célula inteira sem perder nada nas bordas. */
.fc-cells-reel .fc-cell{aspect-ratio:9/16}
.fc-cells-carousel .fc-cell,.fc-cells-outros .fc-cell{aspect-ratio:4/5}
.fc-cell{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r-sm);padding:0;text-align:left;border:1px solid var(--line);background:color-mix(in srgb,var(--accent-deep) 86%,var(--dark))}
/* A imagem entra inteira, nunca cortada: o que sobra é o bloco da marca atrás,
   que é o mesmo fundo da célula sem foto, então a margem parece intencional. */
.fc-cell-img{width:100%;height:100%;object-fit:contain;display:block}
/* Título ancorado embaixo, longe do selo. O corte de linhas vive no span de
   dentro: elemento posicionado perde o -webkit-box e com ele o line-clamp. */
.fc-cell-blank,.fc-cell-title{position:absolute;inset:auto 0 0 0;padding:var(--sp-3);color:var(--white);font-weight:700;line-height:1.35}
.fc-cell-blank>span,.fc-cell-title>span{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.fc-cell-blank{font-size:.88em}
.fc-cell-blank>span{-webkit-line-clamp:5}
.fc-cell-title{font-size:.85em;padding-top:var(--sp-6);background:linear-gradient(to top,rgba(30,27,46,.94),rgba(30,27,46,.6) 62%,rgba(30,27,46,0))}
.fc-cell-title>span{-webkit-line-clamp:3}
.fc-cell-has-img .fc-cell-blank{display:none}
.fc-cell-off .fc-cell-img,.fc-cell-off .fc-cell-title{display:none}
.fc-cell-off .fc-cell-blank{display:block}
@media(hover:hover){.fc-cell-has-img .fc-cell-title{opacity:0}.fc-cell:hover .fc-cell-title,.fc-cell:focus-visible .fc-cell-title{opacity:1}}
@media(max-width:760px){.fc-cells{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fc-card p{color:var(--fg2);overflow-wrap:anywhere;white-space:pre-line}
.fc-card .fc-actions{margin-top:auto}
.fc-meta{font-size:.8em;color:var(--fg2);gap:var(--sp-2)}
.fc-chip{border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-3);background:var(--beige);color:var(--fg2);font-weight:600}
/* Where a saved reference came from: author, platform, pillar and the source link. */
.fc-card .fc-source{gap:var(--sp-2);row-gap:var(--sp-1);margin-top:calc(var(--sp-1)*-1)}
.fc-chip.accent{background:var(--accent-wash);color:var(--accent-aa)}
.fc-chip.published{background:var(--accent-aa);color:var(--white)}
.fc-empty{padding:var(--sp-12) var(--sp-6);border:1px dashed var(--line-strong);border-radius:var(--r-md);text-align:center;color:var(--fg2)}
.fc-empty h2{color:var(--fg1);font-size:1.2em;margin-bottom:var(--sp-2)}
.fc-empty .fc-button{margin-top:var(--sp-4)}
.fc-notice{padding:var(--sp-4);border-left:3px solid var(--accent-aa);background:var(--accent-wash);border-radius:var(--r-sm);margin-bottom:var(--sp-4);overflow-wrap:anywhere;color:var(--fg1)}
.fc-notice .fc-button{margin-top:var(--sp-3)}
.fc-sheet{background:var(--white);border:1px solid var(--line-strong);border-radius:var(--r-lg);padding:var(--sp-6)}
.fc-sheet-header{display:grid;grid-template-columns:1fr minmax(180px,25%);gap:var(--sp-4);margin-bottom:var(--sp-4)}
.fc-field{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;font-weight:600}
.fc-field small{font-weight:400;color:var(--fg2)}
.fc-field.wide{grid-column:1/-1}
.fc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);margin-top:var(--sp-4)}
.fc-format-toggle{padding:var(--sp-3) 0;margin-bottom:var(--sp-4)}
.fc-format-toggle label{min-height:44px;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--beige);border-radius:var(--r-sm)}
.fc-sheet h2{font-size:1.35em;margin-bottom:var(--sp-2)}
.fc-sheet h3{font-size:1.1em}
.fc-sheet .fc-tabs{margin-top:var(--sp-4)}
.fc-repeater{display:flex;flex-direction:column;gap:var(--sp-4);margin:var(--sp-4) 0}
.fc-repeat-row{padding:var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-md)}
.fc-link{color:var(--accent-aa);overflow-wrap:anywhere;font-weight:600}
.fc-script{min-height:22em!important}
.fc-savebar{position:sticky;bottom:0;background:var(--white);padding:var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-md);margin-top:var(--sp-6);z-index:4}
.fc-savebar [role="status"]{flex:1;color:var(--fg2)}
.fc-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line-strong);border-radius:var(--r-md);overflow:hidden;background:var(--white)}
.fc-dow{padding:var(--sp-2);font-size:.8em;text-align:center;background:var(--beige);font-weight:600}
.fc-day{min-height:8em;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:var(--sp-2);min-width:0}
.fc-day>span{display:block;font-size:.85em;color:var(--fg2);margin-bottom:var(--sp-2)}
.fc-event{display:block;width:100%;border-left:3px solid var(--accent-aa);border-radius:var(--r-sm);text-align:left;background:var(--accent-wash);padding:var(--sp-2);margin-bottom:var(--sp-2);font-size:.8em;overflow-wrap:anywhere}
.fc-event strong,.fc-event small{display:block}
.fc-agenda{display:flex;flex-direction:column;gap:var(--sp-3)}
.fc-agenda .fc-event{font-size:inherit;background:var(--white);border:1px solid var(--line-strong);border-left:3px solid var(--accent-aa)}
.fc-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.fc-shared{margin-top:var(--sp-8)}
/* No Planejamento o bloco dos curtos não tem barra de filtros: o seletor Mostrar
   fica do tamanho do conteúdo, em vez de esticar pela linha inteira. */
.fc-shared .fc-row-head .fc-filter{display:flex;align-items:center;gap:var(--sp-2);min-width:0}
.fc-shared .fc-row-head select{width:auto}
.fc-dialog{margin:auto;max-width:min(92vw,32em);padding:var(--sp-6);border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--white);color:var(--fg1);box-shadow:var(--shadow-md)}
.fc-dialog::backdrop{background:var(--dark);opacity:.6}
.fc-dialog p{margin:var(--sp-4) 0}.fc-dialog .fc-actions{justify-content:flex-end}
@media(max-width:760px){.fc-head h1{font-size:2em}.fc-sheet{padding:var(--sp-4)}.fc-sheet-header,.fc-fields{grid-template-columns:1fr}.fc-head{align-items:flex-start}.fc-tabs{gap:0}.fc-tab{padding:var(--sp-3) var(--sp-2);font-size:.9em}.fc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-calendar{display:none}.fc-month-mobile{display:block}.fc-savebar{padding:var(--sp-3)}.fc-toolbar .fc-filter{flex:1}}
@media(min-width:761px){.fc-month-mobile{display:none}}
@media(prefers-reduced-motion:reduce){#view-curtos.active{animation:none}.fc *{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:760px){.fc-toolbar .fc-filter{flex-direction:column;align-items:stretch;min-width:8em}}

/* Keep existing content visible when earlier production stages are empty. */
.fc-column:has(.fc-column-cards>.fc-hint){display:none}

/* Keep the assistant available without covering the form actions on mobile. */
@media(max-width:760px){body:has(#view-curtos.active .fc-sheet) .larry-fab{bottom:calc(var(--sp-12)*3 + var(--sp-8))}body:has(#view-curtos.active .fc-sheet) .larry-pop{bottom:calc(var(--sp-12)*5 + var(--sp-1))}}

/* Ações rápidas da ideia na Inbox. Mesmas cores, sombra e raio do menu dos
   cartões de tema do painel, mas com alvo de toque de 44 pixels em tudo o que
   se toca com o dedo, que o menu do painel não tem. */
.fc-card{position:relative}
.fc-card>.fc-meta:first-child{padding-right:52px;min-height:44px}
.fc-cell-wrap{position:relative;min-width:0}
.fc-menu-btn{position:absolute;top:var(--sp-2);right:var(--sp-2);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:var(--white);border:1px solid var(--line-strong);color:var(--fg1);font-size:1.3em;font-weight:800;line-height:1;z-index:3}
.fc-menu-btn:hover{background:var(--beige)}
.fc-menu{position:absolute;top:calc(var(--sp-2) + 48px);right:var(--sp-2);z-index:20;display:flex;flex-direction:column;gap:2px;min-width:12em;padding:var(--sp-1);background:var(--white);border:1px solid var(--line-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-md)}
.fc-menu-item{min-height:44px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);text-align:left;font-weight:600;color:var(--fg1)}
.fc-menu-item:hover{background:var(--beige)}
.fc-when{margin:var(--sp-4) 0;padding:var(--sp-4);background:var(--white);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}
.fc-when .fc-row-head{align-items:flex-start;margin-bottom:var(--sp-3)}
.fc-when-kind [aria-checked="true"]{background:var(--accent-wash);border-color:var(--accent-aa);color:var(--accent-aa)}
.fc-week{display:flex;align-items:stretch;gap:var(--sp-2);margin-top:var(--sp-3)}
.fc-week>.fc-button{flex:0 0 44px;padding:0;font-size:1.3em}
.fc-week-days{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-1)}
.fc-day-pick{min-height:56px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--white);color:var(--fg1)}
.fc-day-pick small{font-size:.75em;color:var(--fg2);text-transform:capitalize}
.fc-day-pick strong{font-size:1.05em}
.fc-day-pick:hover:not(:disabled){border-color:var(--accent-aa);background:var(--accent-wash)}
.fc-day-pick.is-today{border-color:var(--accent-aa)}
.fc-day-pick:disabled{opacity:.45;cursor:not-allowed}
.fc-undo{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}
.fc-undo span{flex:1;min-width:12em}
/* No celular as setas sobem para a linha de cima e os dias ocupam a largura
   inteira. Sete dias numa linha só não cabem com 44 pixels de largura numa tela
   estreita (medido: 40 no aparelho de 390 e 36 no de 360), então abaixo de 480
   a semana quebra em duas linhas, de domingo a quarta e de quinta a sábado. */
@media(max-width:760px){.fc-week{flex-wrap:wrap;justify-content:space-between}.fc-week-days{order:3;flex:1 0 100%;gap:var(--sp-1)}.fc-day-pick{min-height:52px;padding:0}.fc-day-pick small{font-size:.75em}}
@media(max-width:480px){.fc-week-days{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Contagem da fila e das peças com data, ao lado do título das ideias. A pílula
   que leva ao Planejamento é botão, então ganha alvo de toque de 44 pixels. */
.fc-pill-link{min-height:44px;display:inline-flex;align-items:center;cursor:pointer;border:1px solid var(--accent-aa);color:var(--accent-aa);background:var(--accent-wash);font:inherit;font-weight:700}
.fc-pill-link:hover{background:var(--accent-aa);color:var(--white)}
/* Cabeçalho das ideias (2026-09-14): a linha de cima ganha cor e ar, e as duas
   contagens deixam de ser dois cinzas iguais. A fila fica na cor da marca (o
   --accent do painel, que troca sozinho) e o "com data" no azul do
   Planejamento, que é para onde aquele botão leva.
   As cores são as do painel e um hexadecimal do DI-003, nunca as variáveis do
   flow-premium.css: o painel não carrega aquele arquivo (ver o bloco das
   pastas mais abaixo). */
:is(#fc-ideias,#lg-ideias)>.fc-row-head{
  gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-6);margin-bottom:var(--sp-4);
  border:1px solid var(--line-strong);border-radius:var(--r-md);
  background:linear-gradient(120deg,var(--accent-wash),transparent 44%),linear-gradient(250deg,rgba(30,85,181,.09),transparent 48%),var(--white);
}
:is(#fc-ideias,#lg-ideias)>.fc-row-head h2{flex:1 1 auto;min-width:0}
:is(#fc-ideias,#lg-ideias)>.fc-row-head .pill{
  font-size:.8em;font-weight:800;padding:6px 14px;border-radius:var(--r-pill);
  color:var(--accent-aa);background:var(--white);
  border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);font-variant-numeric:tabular-nums;
}
:is(#fc-ideias,#lg-ideias)>.fc-row-head .fc-pill-link{
  color:#17438F;background:var(--white);border-color:rgba(30,85,181,.34);
}
:is(#fc-ideias,#lg-ideias)>.fc-row-head .fc-pill-link:hover{background:#17438F;color:var(--white);border-color:#17438F}

/* Troca de pilar: lista de botões inteiros, cada um com pelo menos 44 pixels,
   uma coluna no celular. O pilar atual fica marcado como a data escolhida. */
.fc-pillar-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:var(--sp-2);margin-top:var(--sp-3)}
.fc-pillar-pick{min-height:44px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:var(--sp-2) var(--sp-3);text-align:left;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--white);color:var(--fg1);font-weight:600;overflow-wrap:anywhere}
.fc-pillar-pick:hover{border-color:var(--accent-aa);background:var(--accent-wash)}
.fc-pillar-pick[aria-checked="true"]{border-color:var(--accent-aa);background:var(--accent-wash);color:var(--accent-aa)}
.fc-pillar-pick small{font-weight:400;font-size:.8em;color:var(--fg2)}

/* Nível 1 da Inbox: as pastinhas. A capa entra inteira, com o bloco da marca
   atrás quando a proporção briga, a mesma regra das duas grades por formato. */
/* PASTAS COLORIDAS, UMA COR POR PASTA (2026-09-14, pedido da Laise).

   Cada card é uma pasta de verdade: aba em cima com o nome do tipo (Replicar,
   Referência, Estudo, Template), corpo embaixo com a capa dentro.

   CORREÇÃO 2026-09-14, primeira rodada: as cores vinham de --c1..--c6, que só
   existem no flow-premium.css, arquivo que o painel não carrega. Resultado:
   variável vazia, fundo transparente, texto branco sumindo. Resolvido trazendo
   os valores para cá.

   CORREÇÃO 2026-09-14, segunda rodada: a cor era escolhida pelo TIPO da pasta,
   e ela perguntou por quê ("mas voce colocou pastas com a mesma categoria mais
   de 1 vez"). O tipo mais comum é Referência (13 pastas na WLC, 9 na WLB), e
   todas saíam com a cor idêntica: "Neve e ski" igual a "Festas na neve" igual a
   "Viajar com cachorro". Ela escolheu, entre as opções que dei: uma cor por
   PASTA, girando pela paleta, não por categoria. A aba continua mostrando o
   tipo, que é informação real; só a cor deixou de vir dali.

   A cor de cada pasta é `data-fc-color="0".."7"` (índice da pasta na tela,
   escrito pelo JS em FOLDER_CORES — as duas constantes têm que concordar).
   Como o CSS não sabe a marca sozinho (o painel troca --accent por JS, não por
   atributo), o JS marca a marca em data-marca no wrapper .fc, e a paleta de 8
   tons vem daqui: os 6 do DI-003 de cada marca (os mesmos do flow-premium.css)
   mais 2 tons que já existem no painel como cor de status (--st-pro, --st-pub),
   escolhidos por já servirem bem ao lado dos outros seis sem repetir nenhum.

   O tom usado como fundo de aba é sempre a versão escura, que aguenta texto
   branco em corpo pequeno; o tom puro reprova contraste nesse tamanho. */
.fc-folder{--fc-cat:#1E55B5; --fc-cat-ink:#17438F; --fc-cat-wash:rgba(30,85,181,.11)} /* fallback: sem marca reconhecida */

[data-marca="WLB"] .fc-folder[data-fc-color="0"]{--fc-cat:#D97559; --fc-cat-ink:#A8472E; --fc-cat-wash:rgba(217,117,89,.13)}
[data-marca="WLB"] .fc-folder[data-fc-color="1"]{--fc-cat:#9B7BC7; --fc-cat-ink:#6B3FA0; --fc-cat-wash:rgba(155,123,199,.17)}
[data-marca="WLB"] .fc-folder[data-fc-color="2"]{--fc-cat:#B85C42; --fc-cat-ink:#8F4230; --fc-cat-wash:rgba(184,92,66,.14)}
[data-marca="WLB"] .fc-folder[data-fc-color="3"]{--fc-cat:#C7A5F3; --fc-cat-ink:#5B3392; --fc-cat-wash:rgba(199,165,243,.20)}
[data-marca="WLB"] .fc-folder[data-fc-color="4"]{--fc-cat:#C08A2E; --fc-cat-ink:#7A5511; --fc-cat-wash:rgba(192,138,46,.16)}
[data-marca="WLB"] .fc-folder[data-fc-color="5"]{--fc-cat:#6B3FA0; --fc-cat-ink:#54307D; --fc-cat-wash:rgba(107,63,160,.13)}
[data-marca="WLB"] .fc-folder[data-fc-color="6"]{--fc-cat:#5B8AA8; --fc-cat-ink:#355466; --fc-cat-wash:rgba(91,138,168,.15)}
[data-marca="WLB"] .fc-folder[data-fc-color="7"]{--fc-cat:#3E8560; --fc-cat-ink:#2A5A41; --fc-cat-wash:rgba(62,133,96,.14)}

[data-marca="WLC"] .fc-folder[data-fc-color="0"]{--fc-cat:#DB3A3D; --fc-cat-ink:#A02629; --fc-cat-wash:rgba(219,58,61,.12)}
[data-marca="WLC"] .fc-folder[data-fc-color="1"]{--fc-cat:#1E55B5; --fc-cat-ink:#17438F; --fc-cat-wash:rgba(30,85,181,.13)}
[data-marca="WLC"] .fc-folder[data-fc-color="2"]{--fc-cat:#F5B71C; --fc-cat-ink:#7A5A08; --fc-cat-wash:rgba(245,183,28,.22)}
[data-marca="WLC"] .fc-folder[data-fc-color="3"]{--fc-cat:#0E6A6C; --fc-cat-ink:#0A5153; --fc-cat-wash:rgba(14,106,108,.13)}
[data-marca="WLC"] .fc-folder[data-fc-color="4"]{--fc-cat:#E56E5E; --fc-cat-ink:#9C3D2F; --fc-cat-wash:rgba(229,110,94,.15)}
[data-marca="WLC"] .fc-folder[data-fc-color="5"]{--fc-cat:#5A2246; --fc-cat-ink:#4A1B39; --fc-cat-wash:rgba(90,34,70,.12)}
[data-marca="WLC"] .fc-folder[data-fc-color="6"]{--fc-cat:#5B8AA8; --fc-cat-ink:#355466; --fc-cat-wash:rgba(91,138,168,.15)}
[data-marca="WLC"] .fc-folder[data-fc-color="7"]{--fc-cat:#3E8560; --fc-cat-ink:#2A5A41; --fc-cat-wash:rgba(62,133,96,.14)}

.fc-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,212px),1fr));gap:var(--sp-6) var(--sp-3);align-items:start}
.fc-folder{display:flex;flex-direction:column;min-width:0;text-align:left;border:0;background:none;padding:0;cursor:pointer}
/* a aba: encosta no corpo por baixo, então o raio some no canto de baixo */
.fc-folder-aba{
  align-self:flex-start;max-width:78%;padding:5px 14px 7px;margin-bottom:-4px;
  border-radius:var(--r-sm) var(--r-sm) 0 0;
  background:var(--fc-cat-ink);color:var(--white);
  font-size:.7em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.fc-folder-corpo{
  display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-3);
  border:1.5px solid color-mix(in srgb,var(--fc-cat) 42%,transparent);
  border-top:3px solid var(--fc-cat-ink);
  border-radius:0 var(--r-md) var(--r-md) var(--r-md);
  background:linear-gradient(180deg,var(--fc-cat-wash),var(--white) 62%);
  box-shadow:0 1px 2px rgba(30,27,46,.05);
  transition:box-shadow .18s ease-out,transform .18s ease-out;
}
.fc-folder-cover{display:block;width:100%;aspect-ratio:4/5;border-radius:var(--r-sm);overflow:hidden;background:color-mix(in srgb,var(--fc-cat-ink) 88%,var(--dark))}
.fc-folder-cover img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .2s ease-out}
.fc-folder-off .fc-folder-cover img{display:none}
.fc-folder-nome{padding:0 var(--sp-1);font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.fc-folder-meta{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:0 var(--sp-1);font-size:.8em;color:var(--fg2)}
.fc-folder-conta{font-size:1.25em;font-weight:800;color:var(--fc-cat-ink);font-variant-numeric:tabular-nums}
.fc-folder-aviso{padding:0 var(--sp-1);font-size:.78em;line-height:1.35;color:var(--fg2)}
.fc-folder:hover .fc-folder-corpo,.fc-folder:focus-visible .fc-folder-corpo{
  transform:translateY(-2px);box-shadow:0 10px 22px color-mix(in srgb,var(--fc-cat-ink) 18%,transparent);
}
.fc-folder:hover .fc-folder-cover img{transform:scale(1.04)}
/* quem pediu menos movimento recebe só a mudança de sombra */
@media(prefers-reduced-motion:reduce){
  .fc-folder-corpo,.fc-folder-cover img{transition:none}
  .fc-folder:hover .fc-folder-corpo,.fc-folder:focus-visible .fc-folder-corpo{transform:none}
  .fc-folder:hover .fc-folder-cover img{transform:none}
}
.fc-trilha{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}
.fc-trilha h3{font-size:1.15em}
.fc-trilha-aviso{flex:1 0 100%;margin:0}
@media(max-width:760px){.fc-folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}}
/* Mover para outra pasta: as pastas agrupadas por tipo, reaproveitando os botões
   da troca de pilar, que já têm alvo de toque de 44 pixels. */
.fc-folder-group+.fc-folder-group{margin-top:var(--sp-4)}
.fc-menu-caption{margin-top:var(--sp-3);font-size:.72em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--fg3)}

/* Seleção na Inbox (2026-09-19): o curto selecionado fica verde no lugar. */
.fc-card.fc-sel{border-color:#2E9E5B;background:#EDF8F1;box-shadow:0 0 0 1px #2E9E5B inset}
.fc-sel-btn.on{background:#2E9E5B;border-color:#2E9E5B;color:#fff}
.fc-cell-wrap{position:relative}
.fc-cell-wrap.fc-sel .fc-cell{outline:4px solid #2E9E5B;outline-offset:-4px}
.fc-sel-pill{position:absolute;left:8px;top:8px;z-index:3;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:rgba(30,27,46,.72);color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.fc-sel-pill.on{background:#2E9E5B;border-color:#2E9E5B}

/* Ficha enxuta (2026-09-19): essencial no topo, o resto em "Mais detalhes". */
.fc-essencial{margin-top:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}
.fc-roteiro .fc-field textarea{min-height:260px}
.fc-roteiro{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}
.fc-roteiro .fc-field{width:100%}
.fc-mais{margin-top:var(--sp-6);border-top:1px solid var(--line-strong);padding-top:var(--sp-4)}
.fc-mais>summary{cursor:pointer;font-weight:800;font-size:15px;color:var(--fg1)}
.fc-mais>summary small{font-weight:500;color:var(--fg2);margin-left:6px}

/* Filtros da Inbox curta em pílulas coloridas (Laise, 2026-09-19: "isso ta mt feio"). */
.fc-toolbar.fc-toolbar-pill{padding:0;border:0;background:none;box-shadow:none;gap:8px;align-items:center;margin-bottom:var(--sp-4)}
.fc-toolbar-pill label{flex-direction:row;align-items:center;gap:6px;border-radius:999px;padding:0 4px 0 14px;min-height:40px;font-size:11px;letter-spacing:.08em}
.fc-toolbar-pill .fc-filter{--fc:#7C8FD1;min-width:0;flex:none;background:color-mix(in srgb,var(--fc) 14%,#fff);border:1px solid color-mix(in srgb,var(--fc) 40%,#fff);color:color-mix(in srgb,var(--fc) 70%,#1E1B2E)}
.fc-toolbar-pill .fc-search{flex:1 1 220px;min-width:180px;background:#fff;border:1px solid var(--line-strong);font-size:14px}
.fc-toolbar-pill input,.fc-toolbar-pill select{border:0!important;background:none!important;box-shadow:none!important;min-height:38px!important;padding:0 8px!important;font-size:14px;font-weight:600;width:auto;cursor:pointer}
.fc-toolbar-pill input{cursor:text;font-weight:500}
.fc-toolbar-pill label:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--fc,#7C8FD1) 25%,transparent)}
.lg-tabela tr.fc-sel{background:#EDF8F1!important}
.fc-toolbar-pill select{max-width:190px}
.fc-shared .lg-modos{margin-top:var(--sp-3)}
.fc-sel-pill.selchk{padding:5px;min-height:0;border-radius:10px;background:rgba(30,27,46,.55);border:0}
.fc-sel-pill.selchk.on{background:rgba(46,158,91,.9)}
/* Colunas da Inbox dos curtos em formato kanban estreito (Laise, 28/09/2026: "deixa menor!").
   Colunas de largura fixa lado a lado, com rolagem horizontal só dentro da faixa das colunas;
   a página em si nunca rola para o lado. Cards compactos: fonte e espaçamento menores. */
.fc-shared{max-width:100%;min-width:0;overflow-x:clip}
.fc .lg-kanban{grid-auto-columns:300px;justify-content:start;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.fc .lg-col{padding:var(--sp-2);gap:var(--sp-2);font-size:13px}
.fc .lg-col>header{font-size:13px}
.fc .lg-col-cards{gap:var(--sp-2)}
.fc .lg-col .fc-card{padding:10px 12px;gap:6px;font-size:13px;box-shadow:none}
.fc .lg-col .fc-card h3{font-size:14px;line-height:1.3;font-weight:700}
.fc .lg-col .fc-card p{font-size:12.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fc .lg-col .fc-card .fc-chip{font-size:11px;padding:2px 8px}
.fc .lg-col .fc-card .fc-hint{font-size:11.5px;margin:0}
.fc .lg-col .fc-card>.fc-meta:first-child{min-height:32px;padding-right:40px}
.fc .lg-col .fc-menu-btn{top:8px;right:8px;width:32px;height:32px}
.fc .lg-col .fc-menu{top:44px;right:8px}
.fc .lg-col .fc-card .fc-thumb{max-height:120px;object-fit:cover}
.fc .lg-col .fc-card .selrow{margin-top:2px}
@media(max-width:760px){.fc .lg-kanban{grid-auto-columns:minmax(260px,85vw)}}
/* Tema de cada curto e o seletor de tema obrigatório (Laise, 28/09/2026). */
.fc-chip.fc-tema{background:color-mix(in srgb,var(--lilac-mid,#9B7BC7) 16%,var(--white));color:var(--lilac-deep,#6B3FA0)}
.fc-chip.fc-sem-tema{background:var(--accent-wash);color:var(--accent-aa);border:1px dashed var(--accent-deep)}
.fc-tc-tema{margin-top:6px}
.fc-tema-dlg{border:0;border-radius:var(--r-lg);padding:0;width:min(520px,94vw);box-shadow:var(--shadow-md);background:var(--white);color:var(--fg1)}
.fc-tema-dlg::backdrop{background:rgba(30,27,46,.45)}
.fc-tema-dlg form{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-6)}
.fc-tema-dlg h2{font-size:18px;font-weight:700}
.fc-tema-busca{font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm)}
.fc-tema-busca:focus{outline:2px solid var(--accent);border-color:transparent}
.fc-tema-lista{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto}
.fc-tema-op{text-align:left;font:inherit;font-size:13.5px;padding:8px 10px;border-radius:var(--r-sm);background:var(--beige);color:var(--fg1)}
.fc-tema-op:hover,.fc-tema-op:focus-visible{background:var(--accent-wash);outline:none}
.fc-tema-pe{display:flex;justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap}