/* Brand Kit: a largura disponível também depende da barra lateral e dos cartões aninhados. */
.brand-kit-head :is(.cad-sw,.cad-sw-btn){max-width:100%;min-width:0}
.brand-kit-head .cad-sw-btn h1{min-width:0}
.brand-kit-head .cad-sw-btn{min-height:44px}
.brand-kit{min-width:0;max-width:100%;overflow-wrap:anywhere}
.brand-kit :is(.dobra-b,.dobra-h,.docbloco,.docrow,.docrow-top,.docrow-sub,.estitem,.estitem-h,.estcampo-v,.modtop,.modthumbs,.idp-cat,.idp-fmt,.kc-fmt,.itf-form,.ias-grid>div){min-width:0;max-width:100%}
.brand-kit .dobra-h{flex-wrap:wrap}
.brand-kit .dobra-t{flex:1 1 180px;flex-wrap:wrap;row-gap:3px}
.brand-kit .dobra-t h2{white-space:normal;min-width:0;flex:1}
.brand-kit .dobra-r{flex:1 1 100%;margin-left:25px;text-align:left;white-space:normal}
.brand-kit :is(button,a,[role=button]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.brand-kit :is(.logocard,.kvcard,.mcard,.modthumb):focus-within .x{opacity:1}
.brand-kit .logogrid{grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr))}
/* Logos precisam comportar nomes, combinações e ações sem disputar espaço com o envio. */
.brand-kit .kit-logos{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));align-items:start;gap:14px}
.brand-kit .kit-logos>.logocard{min-width:0;padding:12px;gap:12px}
.brand-kit .kit-logo-cab{display:flex;flex-direction:column;gap:6px;min-width:0}
.brand-kit .kit-logo-cab .docname{box-sizing:border-box;font:inherit;font-weight:600;line-height:1.4;min-height:44px;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
.brand-kit .kit-logo-acoes{display:flex;justify-content:flex-end;align-items:center;gap:6px}
.brand-kit .kit-logo-acoes :is(.kit-download,.kit-logo-excluir){box-sizing:border-box;width:36px;height:36px;min-width:36px;min-height:36px;box-shadow:none;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--muted)}
.brand-kit .kit-logo-acoes .kit-logo-excluir:hover{color:var(--err);border-color:var(--err)}
.brand-kit .kit-logos .logoimg{height:112px}
.brand-kit .kit-logos .logoimg img{max-height:92px}
.brand-kit .kit-logo-add{min-height:88px;box-sizing:border-box;margin-top:14px}
.brand-kit .kit-logos .kc-lf{gap:6px}
.brand-kit .kit-logos .kc-lf-nome{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}
.brand-kit .kit-logos .kc-lf-nome small{display:block;font-weight:400;text-decoration:none}
.brand-kit .kit-logos .kc-lf-linha{row-gap:6px}
.brand-kit .kit-logos .kc-lf-minis .kc-combo{box-sizing:border-box;width:96px;max-width:100%;height:44px;min-width:0;min-height:0;padding:6px}
.brand-kit .kit-logos .kc-lf-prev{width:76px;height:38px}
.brand-kit .kit-logos .kc-lf-vetar{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.brand-kit .kvgrid{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr))}
/* Elementos: arquivo à esquerda, regras completas à direita e aplicações embaixo. */
.brand-kit .kv-elementos{display:flex;flex-direction:column;gap:14px;margin-bottom:14px;container-type:inline-size}
.brand-kit .kv-elemento{display:grid;grid-template-columns:minmax(132px,180px) minmax(0,1fr);align-items:start;gap:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.brand-kit .kv-elemento-arquivo{display:flex;flex-direction:column;gap:8px;min-width:0}
.brand-kit .kv-elemento-arquivo .kvimg{height:auto;aspect-ratio:1;min-height:0}
.brand-kit .kv-elemento-nome{display:flex;flex-direction:column;gap:4px;min-width:0}
.brand-kit .kv-elemento-nome .docname{box-sizing:border-box;width:100%;font:inherit;font-weight:600;line-height:1.4;padding:7px 9px;resize:vertical;white-space:pre-wrap;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}
.brand-kit .kv-elemento-uso{min-width:0}
.brand-kit .kv-elemento-uso .edcopy{padding:0;border:0}
.brand-kit .kv-elemento-uso .edc-top{flex-wrap:wrap;align-items:center}
.brand-kit .kv-elemento-uso .edc-lbl{flex:1 1 140px}
.brand-kit .kv-elemento-uso :is(.edc-txt,.edc-ed,.edc-prop,.edc-ped,.edc-ia){margin-left:0}
.brand-kit .kv-elemento-uso :is(.edc-txt,.edc-prop){max-height:none;overflow:visible}
.brand-kit .kv-elemento-uso :is(.txr-area,.txr-ed){max-height:none;overflow:visible}
.brand-kit .kv-elemento-uso .txr-bar{position:sticky;bottom:0;z-index:1;background:var(--surface);padding:8px 0;margin-top:0;border-bottom:1px solid var(--line-2)}
.brand-kit .kv-elemento-referencias{grid-column:1/-1;min-width:0;border-top:1px dashed var(--line);padding-top:12px}
.brand-kit .kv-referencias-top{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:10px}
.brand-kit .kv-referencias-top p{margin:3px 0 0}
.brand-kit .kv-referencias-grade{display:flex;gap:12px;max-width:100%;overflow-x:auto;padding:2px 2px 10px;overscroll-behavior-x:contain;border-radius:10px}
.brand-kit .kv-referencias-grade.over{outline:2px dashed var(--accent);outline-offset:2px;background:var(--accent-soft)}
.brand-kit .kv-referencia{display:flex;flex:0 0 180px;flex-direction:column;gap:6px;min-width:0;padding:8px;box-sizing:border-box;border:1px solid var(--line);border-radius:10px}
.brand-kit .kv-referencia .kit-imagem{width:100%;aspect-ratio:4/3;display:block}
.brand-kit .kv-referencia .kit-imagem>a:not(.kit-download){display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface-2);border-radius:7px;overflow:hidden}
.brand-kit .kv-referencia img{width:100%;height:100%;object-fit:contain}
.brand-kit .kv-referencia>.small{overflow-wrap:anywhere}
.brand-kit .kv-referencia>.btn{margin-top:auto}
.brand-kit .kv-referencia-add{flex:0 0 180px;min-height:160px;box-sizing:border-box}
.brand-kit .kv-elemento-add{min-height:100px;width:100%;box-sizing:border-box}
@container (max-width:480px){
  .brand-kit .kv-elemento{grid-template-columns:minmax(0,1fr);padding:12px;gap:14px}
  .brand-kit .kv-elemento-arquivo{max-width:200px}
  .brand-kit .kv-elemento-uso{grid-column:1}
}
.brand-kit .idp-cats{grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr))}
.brand-kit .idp-fmts{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.brand-kit .kc-fmts{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.brand-kit .idp-preset-g{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}
.brand-kit .itf-lista{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}
.brand-kit .itf-grade{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
.brand-kit .itf-vistas{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}
.brand-kit .idp-esp{width:min(400px,100%)}
.brand-kit .idp-hier{min-width:0;max-width:100%}
.brand-kit .idp-hier .idp-previa-h{flex-wrap:wrap}
.brand-kit .idp-cat-h{flex-wrap:wrap}
/* A explicação acompanha o nome; Copiar e Editar permanecem juntos à direita. */
.brand-kit .idp-tipo>.idp-cat-h{align-items:flex-start}
.brand-kit .idp-tipo-identidade{display:flex;flex:1 1 150px;flex-direction:column;gap:3px;min-width:0;max-width:100%}
.brand-kit .idp-tipo-nome{display:flex;align-items:center;gap:6px;min-width:0}
.brand-kit .idp-tipo-nome b{min-width:0;overflow-wrap:anywhere}
.brand-kit .idp-tipo-identidade>.badge{align-self:flex-start;white-space:normal}
.brand-kit .idp-tipo-acoes{display:flex;flex:none;align-items:center;gap:6px;margin-left:auto}
.brand-kit .idp-tipo-acoes>.btn{flex:none;white-space:nowrap}
.brand-kit :is(.id-estilo-nova-categoria input,.id-estilo-nova-categoria select[aria-label],.idp-ac-n,.idp-nota-in,.pfoto-nova){min-width:0;max-width:100%}
.brand-kit :is(.estitem-h,.modtop){flex-wrap:wrap}
.brand-kit .modlbl{min-width:0;max-width:100%}
.brand-kit .modthumbs{flex:1 1 240px}
.brand-kit .modbtns{flex-direction:row;flex-wrap:wrap}
/* Modelos: cabeçalho acima da galeria, sem disputar a largura com as miniaturas. */
.brand-kit .modrows .modtop{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}
.brand-kit .modrows .modlbl{grid-column:1;grid-row:1}
.brand-kit .modrows .modbtns{grid-column:2;grid-row:1;justify-content:flex-end;align-items:start}
.brand-kit .modrows .modthumbs{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));align-items:start;gap:12px}
.brand-kit .modrows .modthumbs>.small{grid-column:1/-1}
.brand-kit .modrows .mcard{box-sizing:border-box;width:100%;min-width:0;padding:8px;gap:6px}
.brand-kit .modrows .mcimg{height:180px;aspect-ratio:auto}
.brand-kit .modrows .mcimg img{object-fit:contain}
.brand-kit .modrows .mcnome{font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.brand-kit .modrows .mcprimary{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.brand-kit .modrows .mcprimary>.mcsep{margin-left:0}
.brand-kit .modrows .mctools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.brand-kit .modrows .mctools :is(.mcrow,.mcops){display:contents}
.brand-kit .modrows .mcfmt{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(48px,100%),1fr));gap:4px}
.brand-kit .modrows .mcfmt .chip{min-width:0;padding:4px 0;white-space:nowrap}
@media (max-width:600px){
  .brand-kit .modrows .modtop{grid-template-columns:minmax(0,1fr)}
  .brand-kit .modrows .modbtns{grid-column:1;grid-row:2;justify-content:flex-start}
  .brand-kit .modrows .modthumbs{grid-row:3}
}
.brand-kit .kit-fontes :is(.kit-fonte-nome,select){min-width:0;max-width:100%}
.brand-kit .kit-fonte-arq>label{flex-shrink:0}
.brand-kit .kit-ro-txt,.brand-kit .mdview{overflow-wrap:anywhere}
.brand-kit .mdview pre{white-space:pre-wrap}
.brand-kit .doclist{display:table;table-layout:fixed;width:100%;white-space:normal}
.brand-kit .doclist th:last-child{width:80px}
.brand-kit .doclist td{overflow-wrap:anywhere}
.brand-kit .doclist td .row{min-width:0}
.brand-kit .doclist td b{min-width:0}
.brand-kit .kc-busca{max-width:100%}
.brand-kit .kc-res button{white-space:normal;text-align:left;overflow-wrap:anywhere}
.brand-kit .kc-fmt{flex-wrap:wrap}
.brand-kit .kc-fmt-c{flex-basis:180px}
.brand-kit .kc-pop-logos{box-sizing:border-box;overscroll-behavior:contain;margin:0}
.brand-kit .kc-pos-w{display:flex;flex-wrap:wrap;max-width:100%;min-width:0;align-items:flex-start}
.brand-kit .kc-pos-w>.chip{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.brand-kit .kc-chip-logos{flex-wrap:wrap;min-width:0}
/* Tablet e desktop mantêm as colunas; só a paleta rola quando falta largura. */
@media (min-width:601px){
  .brand-kit .kc-cores{container-type:normal;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px}
  .brand-kit .kc-cab,.brand-kit .kc-cor{min-width:1100px}
}
@media (min-width:601px) and (any-pointer:coarse),(min-width:601px) and (max-width:1024px){
  .brand-kit .kc-cab,.brand-kit .kc-cor{min-width:1340px;grid-template-columns:44px minmax(140px,1.15fr) 100px 140px 212px 396px minmax(170px,1.6fr) 96px}
  .brand-kit .kc-papeis,.brand-kit .kc-pap-cab{grid-template-columns:repeat(9,44px);column-gap:0}
  .brand-kit .kc-papeis{height:44px}
  .brand-kit .kc-pap{height:44px}
}
.brand-kit .arroba-menu{min-width:0;max-width:100%}
.brand-kit .edadd{flex-wrap:wrap}
.brand-kit .edadd input{flex-basis:180px}
.brand-kit-dialog{overscroll-behavior:contain;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}
.brand-kit-dialog:focus{outline:none}
.brand-kit-dialog>.modal{flex-shrink:0;min-width:0;overflow-wrap:anywhere}
/* iPad com a navegação aberta também precisa de rótulos acima dos campos. */
@media (min-width:861px) and (max-width:1200px){
  .brand-kit .estcampo{grid-template-columns:minmax(0,1fr) auto}
  .brand-kit .estcampo-l{grid-column:1/-1}
  .brand-kit .estdatas .estcampo-v{grid-column:1/-1}
  .brand-kit .estperfil{grid-template-columns:minmax(0,1fr) 44px;border:1px solid var(--line);border-radius:10px;padding:8px}
  .brand-kit .estperfis-h{display:none}
  .brand-kit .estperfil>*:not(.iconbtn){grid-column:1}
  .brand-kit .estperfil>.iconbtn{grid-column:2;grid-row:1}
  .brand-kit .estperfil-rel-l{display:inline}
}
@media (max-width:600px){
  .brand-kit-leitura .doclist,.brand-kit-leitura .doclist tbody{display:block}
  .brand-kit-leitura .doclist thead{display:none}
  .brand-kit-leitura .doclist tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px 0;border-bottom:1px solid var(--line-2)}
  .brand-kit-leitura .doclist td{display:block;border:0;padding:6px 4px}
  .brand-kit-leitura .doclist td:first-child{grid-column:1/-1}
  .brand-kit-leitura .doclist td:first-child .row{align-items:flex-start}
  .brand-kit>.dobra>.dobra-b{padding:0 10px 14px}
  .brand-kit .dobra-b .dobra-b{padding:0 10px 12px}
  .brand-kit .dobra-h{padding:10px;gap:6px}
  .brand-kit .dobra-t{flex-basis:calc(100% - 50px)}
  .brand-kit .estitem{padding:10px}
  .brand-kit .estcampo{grid-template-columns:minmax(0,1fr)}
  .brand-kit .estcampo-a{justify-content:flex-end}
  .brand-kit .estdatas .estcampo-v{grid-column:1}
  .brand-kit .edc-ed,.brand-kit .edc-txt,.brand-kit .edc-prop{margin-left:0}
  .brand-kit .docrow-top{flex-wrap:wrap}
  .brand-kit .docrow-top .docname{flex-basis:calc(100% - 28px);min-width:0}
  .brand-kit .docrow-sub{margin-left:0}
  .brand-kit .idp-tam-g,.brand-kit .itf-tam{grid-template-columns:minmax(0,1fr)}
  .brand-kit .proib-item{flex-wrap:wrap}
  .brand-kit .proib-item textarea{flex-basis:calc(100% - 76px)}
  .brand-kit .proib-acoes{flex-direction:row;flex-wrap:wrap;width:100%}
  .brand-kit .proib-novo{flex-wrap:wrap}
  .brand-kit-dialog{padding-left:8px;padding-right:8px}
  .brand-kit .bf-ov,.brand-kit .overlay:has(>.vol-dialogo){padding:8px}
  .brand-kit .itf-pick{width:100%;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
}
/* Tamanho de toque e texto dos campos: evita zoom involuntário no Safari do iPhone. */
@media (any-pointer:coarse),(max-width:1024px){
  .brand-kit :is(.btn,.iconbtn,.linkbtn,.chip,.txr-b,.obsc-btn,.kc-pap,.kc-volta,.kc-res button,.kc-pl,.kc-lf-op,.estsel-opcao,.idp-noed,.idp-cor-vazia,.mcad,.mccam,.mcaf,.vol-adicionar,.vol-item-tirar,.fios-px,.ajuda-info-btn){min-height:44px;min-width:44px;max-width:100%;white-space:normal}
  .brand-kit :is(.btn,.chip){justify-content:center;overflow-wrap:anywhere}
  .brand-kit .dobra-t{min-height:44px}
  .brand-kit :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.txr-ed){font-size:16px;min-height:44px}
  .brand-kit .idp-tt.cam-v2 .cam-properties-body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select){font-size:16px;min-height:44px}
  .brand-kit .kc-amostra{width:44px;height:44px}
  .brand-kit .kc-cor-ac{height:auto;gap:4px}
  .brand-kit .kc-cor-ac .iconbtn{padding:8px}
  .brand-kit .kc-fundo,.brand-kit .idp-fundo{width:44px;height:44px;flex-shrink:0}
  .brand-kit .kit-download{width:44px;height:44px}
  .brand-kit :is(.logocard,.kvcard,.mcard){padding-top:32px}
  .brand-kit :is(.logocard,.kvcard,.mcard,.modthumb) .x{opacity:1;width:44px;height:44px;line-height:44px;font-size:14px;top:0;right:0;border-radius:8px;z-index:2}
  .brand-kit .modedacts{opacity:1;flex-wrap:wrap}
  .brand-kit .mcsep{opacity:1;min-height:44px}
  .brand-kit .mcfmt{flex-wrap:wrap}
  .brand-kit .mcfmt .chip{flex-shrink:0}
  .brand-kit .mctags{flex-wrap:wrap}
  .brand-kit .mcaf{display:inline-flex;align-items:center;justify-content:center}
  .brand-kit .proib-acoes .x,.brand-kit .idp-outro .x{min-width:44px;min-height:44px}
  .brand-kit .fios-porta{width:24px;height:24px;margin:-12px 0 0 -12px}
  .brand-kit .vol-item-abrir{padding-right:48px}
  .brand-kit .kc-lf-linha{grid-template-columns:44px minmax(0,1fr) 12px;min-height:52px}
  .brand-kit .kc-lf-sw-lugar{width:44px;height:44px}
  .brand-kit .kc-lf-sw{left:6px;top:5px;width:44px;height:44px;font-size:0}
  .brand-kit .kc-lf-item.vetado .kc-lf-sw{font-size:16px}
  .brand-kit .kc-lf-minis{gap:6px}
  .brand-kit .kc-combo{min-height:44px;min-width:44px}
  .brand-kit .kc-lf-ops{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}
  .brand-kit .kit-logo-acoes :is(.kit-download,.kit-logo-excluir){width:44px;height:44px;min-width:44px;min-height:44px}
  .brand-kit .kit-logo-cab .docname{font-size:16px}
  .brand-kit .kit-ro-item summary{min-height:44px;padding:8px 0}
}
/* Degradês compartilham nome, papéis e motivo com as cores sólidas. */
.brand-kit .kc-adicionar{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.brand-kit .kc-degrade-resumo{grid-column:3/6;display:flex;gap:4px 10px;align-items:center;flex-wrap:wrap;min-width:0}
.brand-kit .kc-degrade-resumo .small{overflow-wrap:anywhere}
.brand-kit .kc-degrade{grid-column:2/-1;box-sizing:border-box;width:min(620px,calc(var(--kc-largura,680px) - 62px));min-width:0;padding:12px;margin:6px 0;display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.brand-kit .kc-texto-degrade{background-clip:text;-webkit-background-clip:text;color:transparent}
/* Somente o celular empilha os campos e repete os rótulos em cada cor. */
@media (max-width:600px){
  .brand-kit .kc-cab{display:none}
  .brand-kit .kc-cor{grid-template-columns:44px minmax(0,1fr) 132px;grid-template-areas:"sw nome ac" ". cod cod" ". pap pap" ". mot mot";row-gap:6px}
  .brand-kit .kc-amostra{grid-area:sw}.brand-kit .kc-nome{grid-area:nome}.brand-kit .kc-cor-ac{grid-area:ac}.brand-kit .kc-mot{grid-area:mot}
  .brand-kit .kc-cods{display:flex;flex-wrap:wrap;gap:6px;grid-area:cod;align-items:center}
  .brand-kit .kc-degrade-resumo{grid-area:cod}
  .brand-kit .kc-degrade{grid-column:1/-1;width:100%}
  .brand-kit .kc-cods .kc-hex{width:100px}.brand-kit .kc-cods .kc-rgb{width:140px}.brand-kit .kc-cods .kc-cmyk{flex:1 1 190px}
  .brand-kit .kc-papeis{display:flex;flex-wrap:wrap;gap:6px;height:auto;grid-area:pap}
  .brand-kit .kc-rot,.brand-kit .kc-pap-rot{display:inline}
  .brand-kit .kc-pap{width:auto;padding:4px 10px;border:1px solid var(--line);border-radius:999px}
  @container (max-width:500px){
    .brand-kit .kc-cor{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"sw nome" "ac ac" "cod cod" "pap pap" "mot mot"}
    .brand-kit .kc-cor-ac{justify-content:flex-end}
  }
}
@media (max-width:380px){
  .brand-kit .kc-degrade{padding:8px}
}