/* ============================================================
   B12 TI — estilo comum das telas internas (aplicado por b12AplicarLayout)
   Mantém a linguagem do Painel: cores dos grupos do logo, cartões claros, ícones.
   ============================================================ */
:root { --tinta: #0F172A; --texto-2: #475569; --area: #384090; }
body[data-grupo="equipe"] { --area: #00A858; }
body[data-grupo="site"] { --area: #6058A0; }
body[data-grupo="servicos"] { --area: #E83030; }
body[data-grupo="admin"] { --area: #384090; }
body[data-grupo="equipe"][data-icone="usuarios"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300A858%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%227.5%22%20r%3D%223.5%22/%3E%3Cpath%20d%3D%22M3%2019v-1a4%204%200%200%201%204-4h5a4%204%200%200%201%204%204v1%22/%3E%3Cpath%20d%3D%22M16%204.13a3.5%203.5%200%200%201%200%206.75%22/%3E%3Cpath%20d%3D%22M21%2019v-1a4%204%200%200%200-3-3.87%22/%3E%3C/svg%3E"); }
body[data-grupo="site"][data-icone="usuarios"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236058A0%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%227.5%22%20r%3D%223.5%22/%3E%3Cpath%20d%3D%22M3%2019v-1a4%204%200%200%201%204-4h5a4%204%200%200%201%204%204v1%22/%3E%3Cpath%20d%3D%22M16%204.13a3.5%203.5%200%200%201%200%206.75%22/%3E%3Cpath%20d%3D%22M21%2019v-1a4%204%200%200%200-3-3.87%22/%3E%3C/svg%3E"); }
body[data-grupo="servicos"][data-icone="usuarios"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23E83030%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%227.5%22%20r%3D%223.5%22/%3E%3Cpath%20d%3D%22M3%2019v-1a4%204%200%200%201%204-4h5a4%204%200%200%201%204%204v1%22/%3E%3Cpath%20d%3D%22M16%204.13a3.5%203.5%200%200%201%200%206.75%22/%3E%3Cpath%20d%3D%22M21%2019v-1a4%204%200%200%200-3-3.87%22/%3E%3C/svg%3E"); }
body[data-grupo="admin"][data-icone="usuarios"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23384090%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%227.5%22%20r%3D%223.5%22/%3E%3Cpath%20d%3D%22M3%2019v-1a4%204%200%200%201%204-4h5a4%204%200%200%201%204%204v1%22/%3E%3Cpath%20d%3D%22M16%204.13a3.5%203.5%200%200%201%200%206.75%22/%3E%3Cpath%20d%3D%22M21%2019v-1a4%204%200%200%200-3-3.87%22/%3E%3C/svg%3E"); }
body[data-grupo="equipe"][data-icone="site"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300A858%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%222%22/%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%229.5%22%20r%3D%221.5%22/%3E%3Cpath%20d%3D%22m21%2015-5-5L6%2019%22/%3E%3C/svg%3E"); }
body[data-grupo="site"][data-icone="site"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236058A0%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%222%22/%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%229.5%22%20r%3D%221.5%22/%3E%3Cpath%20d%3D%22m21%2015-5-5L6%2019%22/%3E%3C/svg%3E"); }
body[data-grupo="servicos"][data-icone="site"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23E83030%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%222%22/%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%229.5%22%20r%3D%221.5%22/%3E%3Cpath%20d%3D%22m21%2015-5-5L6%2019%22/%3E%3C/svg%3E"); }
body[data-grupo="admin"][data-icone="site"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23384090%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%222%22/%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%229.5%22%20r%3D%221.5%22/%3E%3Cpath%20d%3D%22m21%2015-5-5L6%2019%22/%3E%3C/svg%3E"); }
body[data-grupo="equipe"][data-icone="agenda"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300A858%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224.5%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M16%202.5v4M8%202.5v4M3%2010h18%22/%3E%3Cpath%20d%3D%22M8%2014h.01M12%2014h.01M16%2014h.01M8%2017.5h.01M12%2017.5h.01%22/%3E%3C/svg%3E"); }
body[data-grupo="site"][data-icone="agenda"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236058A0%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224.5%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M16%202.5v4M8%202.5v4M3%2010h18%22/%3E%3Cpath%20d%3D%22M8%2014h.01M12%2014h.01M16%2014h.01M8%2017.5h.01M12%2017.5h.01%22/%3E%3C/svg%3E"); }
body[data-grupo="servicos"][data-icone="agenda"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23E83030%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224.5%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M16%202.5v4M8%202.5v4M3%2010h18%22/%3E%3Cpath%20d%3D%22M8%2014h.01M12%2014h.01M16%2014h.01M8%2017.5h.01M12%2017.5h.01%22/%3E%3C/svg%3E"); }
body[data-grupo="admin"][data-icone="agenda"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23384090%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224.5%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M16%202.5v4M8%202.5v4M3%2010h18%22/%3E%3Cpath%20d%3D%22M8%2014h.01M12%2014h.01M16%2014h.01M8%2017.5h.01M12%2017.5h.01%22/%3E%3C/svg%3E"); }
body[data-grupo="equipe"][data-icone="downloads"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300A858%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12%22/%3E%3Cpath%20d%3D%22m7%2010%205%205%205-5%22/%3E%3Cpath%20d%3D%22M5%2021h14%22/%3E%3C/svg%3E"); }
body[data-grupo="site"][data-icone="downloads"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236058A0%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12%22/%3E%3Cpath%20d%3D%22m7%2010%205%205%205-5%22/%3E%3Cpath%20d%3D%22M5%2021h14%22/%3E%3C/svg%3E"); }
body[data-grupo="servicos"][data-icone="downloads"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23E83030%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12%22/%3E%3Cpath%20d%3D%22m7%2010%205%205%205-5%22/%3E%3Cpath%20d%3D%22M5%2021h14%22/%3E%3C/svg%3E"); }
body[data-grupo="admin"][data-icone="downloads"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23384090%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12%22/%3E%3Cpath%20d%3D%22m7%2010%205%205%205-5%22/%3E%3Cpath%20d%3D%22M5%2021h14%22/%3E%3C/svg%3E"); }
body[data-grupo="equipe"][data-icone="status"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300A858%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h4l3-8%204%2016%203-8h4%22/%3E%3C/svg%3E"); }
body[data-grupo="site"][data-icone="status"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236058A0%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h4l3-8%204%2016%203-8h4%22/%3E%3C/svg%3E"); }
body[data-grupo="servicos"][data-icone="status"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23E83030%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h4l3-8%204%2016%203-8h4%22/%3E%3C/svg%3E"); }
body[data-grupo="admin"][data-icone="status"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23384090%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h4l3-8%204%2016%203-8h4%22/%3E%3C/svg%3E"); }
body[data-grupo="equipe"][data-icone="senha"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300A858%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%204%206v6c0%204.5%203.4%208.3%208%209%204.6-.7%208-4.5%208-9V6z%22/%3E%3Cpath%20d%3D%22M12%208.5v4.5M12%2016.5h.01%22/%3E%3C/svg%3E"); }
body[data-grupo="site"][data-icone="senha"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236058A0%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%204%206v6c0%204.5%203.4%208.3%208%209%204.6-.7%208-4.5%208-9V6z%22/%3E%3Cpath%20d%3D%22M12%208.5v4.5M12%2016.5h.01%22/%3E%3C/svg%3E"); }
body[data-grupo="servicos"][data-icone="senha"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23E83030%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%204%206v6c0%204.5%203.4%208.3%208%209%204.6-.7%208-4.5%208-9V6z%22/%3E%3Cpath%20d%3D%22M12%208.5v4.5M12%2016.5h.01%22/%3E%3C/svg%3E"); }
body[data-grupo="admin"][data-icone="senha"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23384090%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%204%206v6c0%204.5%203.4%208.3%208%209%204.6-.7%208-4.5%208-9V6z%22/%3E%3Cpath%20d%3D%22M12%208.5v4.5M12%2016.5h.01%22/%3E%3C/svg%3E"); }
body[data-grupo="equipe"][data-icone="telas"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300A858%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%224%22%20width%3D%2219%22%20height%3D%2213%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22/%3E%3C/svg%3E"); }
body[data-grupo="site"][data-icone="telas"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236058A0%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%224%22%20width%3D%2219%22%20height%3D%2213%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22/%3E%3C/svg%3E"); }
body[data-grupo="servicos"][data-icone="telas"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23E83030%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%224%22%20width%3D%2219%22%20height%3D%2213%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22/%3E%3C/svg%3E"); }
body[data-grupo="admin"][data-icone="telas"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23384090%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%224%22%20width%3D%2219%22%20height%3D%2213%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22/%3E%3C/svg%3E"); }
body[data-grupo="equipe"][data-icone="mural"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300A858%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%223%22%20width%3D%228%22%20height%3D%225%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%2210%22%20width%3D%228%22%20height%3D%2211%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2213%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22/%3E%3C/svg%3E"); }
body[data-grupo="site"][data-icone="mural"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236058A0%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%223%22%20width%3D%228%22%20height%3D%225%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%2210%22%20width%3D%228%22%20height%3D%2211%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2213%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22/%3E%3C/svg%3E"); }
body[data-grupo="servicos"][data-icone="mural"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23E83030%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%223%22%20width%3D%228%22%20height%3D%225%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%2210%22%20width%3D%228%22%20height%3D%2211%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2213%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22/%3E%3C/svg%3E"); }
body[data-grupo="admin"][data-icone="mural"] { --area-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23384090%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%223%22%20width%3D%228%22%20height%3D%225%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%2210%22%20width%3D%228%22%20height%3D%2211%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%223%22%20y%3D%2213%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221.5%22/%3E%3C/svg%3E"); }

/* ---------- cabeçalho comum */
.b12-topo { display: flex; align-items: center; gap: 22px; flex-wrap: nowrap; }
.b12-logo img { height: 44px; display: block; }
.b12-trilha { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--text-muted);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.b12-trilha a { color: var(--texto-2); font-weight: 600; text-decoration: none; padding: 6px 10px; border-radius: 8px; }
.b12-trilha a:hover, .b12-trilha a:focus-visible { background: rgba(48,114,240,0.08); color: var(--blue); outline: none; }
.b12-trilha i { font-style: normal; color: #94A3B8; }
.b12-trilha span[aria-current] { color: var(--tinta); font-weight: 700; padding: 6px 2px; }
.b12-conta { display: flex; align-items: center; gap: 16px; font-size: 13px; white-space: nowrap; }
.b12-conta .b12-nome { color: var(--text-muted); }
.b12-conta a { color: var(--texto-2); font-weight: 600; text-decoration: none; }
.b12-conta a:hover, .b12-conta a:focus-visible { color: var(--blue); }
@media (max-width: 760px) {
  .b12-topo { flex-wrap: wrap; gap: 8px 14px; }
  .b12-trilha { order: 3; flex-basis: 100%; font-size: 13px; }
  .b12-conta .b12-nome, .b12-conta a[href="/entrar/conta.php"] { display: none; }
  .b12-logo img { height: 36px; }
}

/* ---------- títulos das telas com o ícone da área */
.admin-header h1, .ag-topo h1, .cu-topo h1, .pt-topo h1, main > h1.title-lg {
  display: flex; align-items: center; gap: 14px; letter-spacing: -0.02em; color: var(--tinta);
}
body[data-icone] .admin-header h1::before, body[data-icone] .ag-topo h1::before,
body[data-icone] .cu-topo h1::before, body[data-icone] .pt-topo h1::before, body[data-icone] main > h1.title-lg::before {
  content: ""; flex-shrink: 0; width: 46px; height: 46px; border-radius: 13px;
  background: var(--area-ico) center / 24px 24px no-repeat, color-mix(in srgb, var(--area) 12%, #fff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--area) 18%, transparent);
}
.admin-header, .ag-topo, .cu-topo { padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid var(--line); position: relative; }
.admin-header::after, .ag-topo::after, .cu-topo::after {
  content: ""; position: absolute; left: 0; bottom: -1px; width: 90px; height: 3px; border-radius: 3px; background: var(--area);
}

/* ---------- abas das áreas (agenda, central) */
.ag-abas a, .cu-aba, .ag-aba { transition: background .15s, color .15s, border-color .15s; }
.ag-abas a.ativa, .cu-aba.ativa, .ag-aba.ativa {
  color: var(--area) !important; border-color: color-mix(in srgb, var(--area) 40%, var(--line)) !important;
  background: color-mix(in srgb, var(--area) 8%, #fff) !important;
}

/* ---------- cartões, caixas e tabelas no estilo do Painel */
.ag-box, .cu-box, .form-box, .msg-card, .en-caixa {
  background: #fff !important; border: 1px solid var(--line) !important; border-radius: 18px !important;
  box-shadow: 0 1px 2px rgba(15,23,42,0.04), 0 10px 28px -22px rgba(15,23,42,0.25);
}
.ag-tabela, .cu-tab, main > table, .layout table { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 0 0 1px var(--line); }
.ag-tabela th, .cu-tab th, main > table th, .layout table th { background: #F8FAFC; }
.ag-tabela tr:hover td, .cu-tab tr:hover td, main > table tr:hover td, .layout table tr:hover td { background: color-mix(in srgb, var(--area) 3%, #fff); }

/* ---------- mensagens */
.ag-msg, .cu-msg, .en-ok, .mensagem { border-radius: 12px !important; }
.ag-msg-erro, .cu-erro, .en-erro, .erro { border-radius: 12px !important; }

/* ---------- foco visível para teclado */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--area) 60%, #fff); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }