/* CG Drywall · Ícones animados da app (slots data-ica). Desenhos do Designer: tinta #162824 sobre pastilha clara.
   Pastilha #E6EFEC, raio 10 px (no tema escuro sempre; no claro também, para ler igual). Nunca texto branco sobre #5BA898. */
.ica{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;line-height:0;vertical-align:-6px;border-radius:10px;box-sizing:border-box}
.ica-i,.ica-l,.ica-l svg{width:100%;height:100%;display:block}
[data-theme="dark"] .ica,.ica.ica-p{background:#E6EFEC;border-radius:10px;padding:2px}
.ica.ica-32{width:32px;height:32px}.ica.ica-40{width:40px;height:40px}.ica.ica-48{width:48px;height:48px;padding:3px}
.ica.ica-56{width:56px;height:56px;padding:4px}.ica.ica-72{width:72px;height:72px;padding:4px}
.ica.ica-160{width:168px;height:168px;max-width:70vw;max-height:70vw;padding:0;background:none;border-radius:0}
.ica-vazio{display:grid;justify-items:center;gap:6px;text-align:center;padding:22px 12px}
.ica-vazio b{font-family:Barlow,system-ui,sans-serif;font-size:15px;font-weight:600;color:var(--text)}
.ica-vazio .muted{font-size:13px;max-width:32ch}
/* Estados vazios não levam pastilha: a ilustração 160×160 já tem o fundo no desenho (área transparente). */
.ica-vazio .ica,.ab-vazio .ica,p.empty.ica-e>.ica,.ica.ica-160{background:none;padding:0;border-radius:0}
.btn .ica{width:22px;height:22px;padding:1px;margin-right:4px;vertical-align:-6px}
.ica-lbl{display:inline-flex;align-items:center;gap:8px}

/* Aba Bots e «As minhas funções»: tile = ícone em cima + nome em HTML por baixo (componente bots/tile_bot.css do Designer) */
.bt-grelha{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bt-fun{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.tile-bot,.tile-funcao{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;padding:14px 10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;text-align:center;text-decoration:none;color:var(--text);box-sizing:border-box;min-width:0;position:relative}
[data-tema="d2"] .tile-bot,[data-tema="d2"] .tile-funcao{background:#162824;border-color:rgba(230,240,237,.08);color:#F0F2EF}
.tile-bot:focus-visible,.tile-funcao:focus-visible{outline:2px solid #5BA898;outline-offset:2px}
a.tile-funcao:hover,button.tile-funcao:hover{border-color:#5BA898}
button.tile-funcao{font:inherit;cursor:pointer}
.tile-bot .ica{width:72px;height:72px;padding:4px;background:#E6EFEC}
.tile-funcao .ica{width:56px;height:56px;padding:4px;background:#E6EFEC}
.tile-bot__nome,.tile-funcao__nome{margin:0;font-family:Barlow,system-ui,sans-serif;font-weight:600;font-size:13px;line-height:1.25;letter-spacing:.01em;color:inherit}
.tile-funcao__nome{font-size:12px}
.tile-bot__desc{margin:0;font-family:Barlow,system-ui,sans-serif;font-size:11.5px;line-height:1.35;color:var(--text-2)}
[data-tema="d2"] .tile-bot__desc{color:#C5CBC8}
.tile-bot__pend{position:absolute;top:8px;right:8px;font-size:11px;font-weight:700;background:#5BA898;color:#0f2420;border-radius:999px;padding:2px 7px}
.tile-funcao__n{position:absolute;top:6px;right:6px;min-width:20px;font-size:11px;font-weight:700;background:#5BA898;color:#0f2420;border-radius:999px;padding:2px 6px}
.tile-bot__acoes{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:2px}
.tile-bot__acoes .list{text-align:left;font-size:12.5px}
.tile-bot__acoes .btn{width:100%;justify-content:center}
.tile-bot details{width:100%;text-align:left}
.tile-bot summary{cursor:pointer;font-size:12px;color:var(--text-2);list-style:none;text-align:center;padding:2px 0}
.tile-bot summary::-webkit-details-marker{display:none}
.bt-ordem{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;margin:4px 0 14px;padding:8px 14px;border:0;border-radius:14px;background:#2F6B5F;color:#F0F2EF;font:600 15px Barlow,system-ui,sans-serif;cursor:pointer}
.bt-ordem:hover{background:#285c52}.bt-ordem:focus-visible{outline:2px solid #5BA898;outline-offset:2px}
.bt-ordem .ica{background:#E6EFEC;border-radius:10px;padding:3px}
.bt-sec{margin:16px 0 8px;font:700 12px Barlow,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.bt-tarefas{margin-top:12px}
@media (max-width:599px){.bt-grelha,.bt-fun{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.ica-l *{animation:none!important;transition:none!important}}
.ab-vazio .ica svg,.ica-vazio .ica svg,p.empty.ica-e .ica svg,.ica.ica-160 svg,.ica.ica-160 .ica-l,.ica.ica-160 .ica-i{width:100%;height:100%;color:inherit}.ab-vz{border-style:solid}
p.empty.ica-e{display:grid;justify-items:center;gap:8px;text-align:center;padding:18px 10px}
/* Orçamento (assistente): opções em mosaico ícone + nome. Selecionado: verde #5BA898 com texto #0f2420 (nunca branco). */
.mxchip.on{color:#0f2420}
.orc-op:has(.orc-ic){display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.mxchip.orc-ic{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-height:96px;height:auto;padding:10px 6px 8px;border-radius:14px;text-align:center;line-height:1.2;white-space:normal}
.mxchip.orc-ic .ica{background:#E6EFEC}
.mxchip.orc-ic span{font:600 12px/1.25 Barlow,system-ui,sans-serif}
.mxchip.orc-ic.on{background:#5BA898;border-color:#5BA898;color:#0f2420}
.orc-passos li:has(.ica){display:inline-flex;align-items:center;gap:6px}
@media (max-width:599px){.orc-op:has(.orc-ic){grid-template-columns:repeat(3,minmax(0,1fr))}}