/* Fase 9: Briefings e Portal do Cliente (prefixo .b-). Cores só por variáveis do tema. */
.b-kpis{margin:2px 0}
.b-kpi .v{margin-top:4px}
.b-fraco{color:var(--muted);margin:0}
.b-pre{white-space:pre-wrap}
.b-vazio{padding:22px 12px}

/* filtros */
.b-filtros #b-busca{flex:1 1 260px;min-width:0}
.b-filtros select{flex:0 1 210px;min-width:0}

/* lista de briefings */
.b-lista{padding:4px 18px}
.b-lista-cli{padding:0}
.b-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
.b-item:first-child{border-top:0}
.b-item .t{min-width:0}
.b-item .t b{display:block;font-weight:600;overflow-wrap:anywhere}
.b-item .t span{color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
.b-emo{width:40px;height:40px;border-radius:11px;background:var(--accent-soft);display:grid;place-items:center;font-size:20px;line-height:1;flex:none}
.b-datas{display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;text-align:right}
.b-acoes{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.b-acoes .btn .i{width:15px;height:15px}
.b-acoes a.btn{text-decoration:none;color:inherit}
.menu3 .lista .b-perigo{color:var(--bad)}

/* abas e grupos de modelos */
.b-grupo{display:flex;flex-direction:column;gap:12px}
.b-sub{font-size:15px;font-weight:600;color:var(--muted);margin:4px 0 0}
.b-cartoes{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.b-modelo h3{margin:0}
.b-modelo h3 .pill{flex:none}
.b-mt{display:flex;align-items:center;gap:10px;min-width:0}
.b-modelo .b-emo{width:38px;height:38px;font-size:19px}
.b-modelo.b-off .b-mt>span:last-child{color:var(--muted)}
.b-modelo.b-off .b-emo{filter:grayscale(1);opacity:.6}
.b-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}
.b-dados{display:flex;flex-direction:column;gap:7px;padding-top:10px;border-top:1px solid var(--line)}
.b-modelo .pe .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding-inline:10px;font-size:13px}
.b-modelo .pe .btn .i{width:15px;height:15px}
.b-lixo{flex:0 0 auto!important}
.b-certo{background:color-mix(in srgb,var(--bad) 12%,var(--surface))!important;color:var(--bad)!important}

/* assistente de novo briefing */
.b-escolhas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.b-escolha{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border:1.5px solid var(--line);border-radius:13px;background:var(--surface);min-width:0}
.b-escolha:hover{border-color:var(--accent-line)}
.b-escolha[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.b-escolha .t{min-width:0;display:flex;flex-direction:column}
.b-escolha .t b{font-weight:700;overflow-wrap:anywhere}
.b-escolha small,.b-escolhido small{color:var(--muted);font-size:12px}
.b-escolhido{display:flex;align-items:center;gap:12px;padding:12px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line)}
.b-escolhido .t{display:flex;flex-direction:column}

/* compartilhar link */
.b-linkbox{display:flex;gap:8px}
.b-linkbox .txt{flex:1;min-width:0;font-size:13px}
.b-comp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.b-comp .btn{justify-content:center}

/* respostas */
.b-resps{margin:0;display:flex;flex-direction:column;gap:12px}
.b-resps>div{padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.b-resps dt{font-weight:700;margin-bottom:4px}
.b-resps dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--fg)}
.b-previa{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.b-previa li b{display:block;font-weight:600}
.b-previa li small{color:var(--muted)}
.b-obr{color:var(--bad)}

/* editor de modelo */
.b-icones{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.b-ico-in{width:64px;text-align:center;font-size:18px;padding:7px}
.b-ico-b{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:18px;line-height:1}
.b-ico-b:hover{border-color:var(--accent-line);background:var(--accent-soft)}
.b-marca{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:600!important}
.b-marca input{width:17px;height:17px;accent-color:var(--accent);flex:none}
.b-marca-al{align-self:end;padding-bottom:10px}
.b-marcas{display:flex;flex-wrap:wrap;gap:10px 20px}
.b-sec-q{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.b-sec-q small{font-family:var(--body);font-size:12.5px;font-weight:500}
.b-perguntas{display:flex;flex-direction:column;gap:10px}
.b-q{border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:10px}
.b-q-cab{display:flex;gap:8px;align-items:center}
.b-q-cab .txt{flex:1;min-width:0;font-weight:600}
.b-q-n{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:12.5px;flex:none}
.b-q-bt{display:flex;flex:none}
.b-q-bt .x[disabled]{opacity:.3;cursor:default}
.b-q-bt .x:not([data-b-q-tira]):hover{color:var(--accent-ink)}
.b-q-l1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:10px;align-items:end}
.b-q-l2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.b-q-l1>label,.b-q-l2>label{font-weight:700;font-size:13px;display:flex;flex-direction:column;gap:5px;min-width:0}
.b-q-l2 small{font-weight:500;color:var(--muted)}
.b-q-l1 .b-marca{padding-bottom:10px}
.b-q .txt{padding:8px 11px}
.b-add{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.b-sug{flex:1;min-width:220px}
.b-sug summary{cursor:pointer;font-weight:700;color:var(--accent-ink);padding:9px 0}
.b-sug-l{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.b-chip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;border-radius:99px;padding:5px 11px;border:1px solid var(--line);background:var(--surface);text-align:left}
.b-chip:hover{border-color:var(--accent-line);color:var(--accent-ink)}
.b-chip .i{width:13px;height:13px}

/* bloco Portal do cliente na ficha */
.b-portal{gap:10px}
.b-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.b-cab h3{margin-right:auto}
.b-cab .btn .i{width:15px;height:15px}
.b-tabs{margin:0 -18px;padding:0 10px}
.b-tabs button{display:inline-flex;align-items:center;gap:6px;padding:9px 11px}
.b-n{font-size:11px;font-weight:700;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--accent-soft);color:var(--accent-ink);display:inline-grid;place-items:center}
.b-corpo{min-height:60px}
.b-l{margin-top:0}
.b-row{flex-wrap:wrap;align-items:flex-start}
.b-row>.avatar,.b-row>.pill,.b-row>.b-ic-arq{margin-top:2px}
.b-row .t{display:flex;flex-direction:column;gap:3px;min-width:200px}
.b-row .t b{display:inline}
.b-row.b-off .t>b{color:var(--muted)}
.b-row .b-acoes{margin-left:auto}
.b-perms{display:flex;flex-wrap:wrap;gap:5px}
.b-perms .pill{display:inline-flex;align-items:center;gap:4px}
.b-perms .pill .i{width:12px;height:12px}
.b-arqs{display:flex;flex-wrap:wrap;gap:6px}
.b-arq{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--accent-ink);text-decoration:none;border:1px solid var(--accent-line);border-radius:99px;padding:3px 10px}
.b-arq .i{width:13px;height:13px}
.b-arq:hover{background:var(--accent-soft)}
.b-ic-arq{width:34px;height:34px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);flex:none}
.b-ic-arq .i{width:17px;height:17px}
.b-arq-n{font-weight:700;color:var(--accent-ink);overflow-wrap:anywhere}
.b-resp{background:var(--surface-2);border-radius:9px;padding:6px 9px;color:var(--fg)!important;font-size:12.5px}
.b-citacao{padding:12px 14px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 10px 10px 0;overflow-wrap:anywhere}
.b-lista-cli .b-item{grid-template-columns:40px minmax(0,1fr) auto auto auto}

/* NPS */
.b-nps{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap}
.b-nps-m{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 18px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line);min-width:120px}
.b-nps-m small{color:var(--muted);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.b-nps-m b{font-family:var(--display);font-size:30px;font-weight:700;line-height:1.1}
.b-nps-m span{color:var(--muted);font-size:12px;font-weight:600}
.b-c-g{color:var(--good)} .b-c-w{color:var(--warn)} .b-c-b{color:var(--bad)}
.b-nps-f{flex:1;min-width:250px;display:flex;flex-direction:column;gap:10px}
.b-escala{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px}
.b-escala legend{font-weight:700;margin-bottom:8px;padding:0}
.b-escala label{position:relative;cursor:pointer}
.b-escala input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.b-escala span{display:grid;place-items:center;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:13px}
.b-escala label:nth-child(-n+8) span{color:var(--bad)}
.b-escala label:nth-child(9) span,.b-escala label:nth-child(10) span{color:var(--warn)}
.b-escala label:nth-child(n+11) span{color:var(--good)}
.b-escala input:checked+span{background:var(--accent);color:var(--on-accent);border-color:transparent}
.b-escala input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.b-nota{min-width:34px;text-align:center;font-size:13px}

@media (max-width:760px){
  .b-item{grid-template-columns:40px minmax(0,1fr) auto;row-gap:8px}
  .b-item .b-datas{grid-column:2/-1;grid-row:2;flex-direction:row;gap:10px;text-align:left;white-space:normal}
  .b-item>.pill{grid-column:3;grid-row:1;align-self:start}
  .b-item .b-acoes{grid-column:1/-1;grid-row:3;justify-content:flex-start}
  .b-lista-cli .b-item{grid-template-columns:40px minmax(0,1fr) auto}
  .b-lista{padding:4px 14px}
  .b-row .t{min-width:0;flex:1 1 calc(100% - 120px)}
  .b-row .b-acoes{margin-left:0;width:100%;justify-content:flex-start}
  .b-comp{grid-template-columns:1fr}
  .b-filtros select{flex:1 1 140px}
  .b-escala{gap:3px}
  .b-escala span{height:32px;font-size:12px}
  .b-tabs{margin:0 -18px}
  .b-q-l1{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .b-q-l1 .b-marca{grid-column:1/-1;padding-bottom:0}
  .b-q-l2{grid-template-columns:minmax(0,1fr)}
}