/* Link Compass: ordem do CSS.
 * - Camada "lc": o CSS do próprio Link Compass (app.css).
 * - Camada "embed": dentro dos módulos antigos embutidos (.crm-scope = CRM, .portal-scope = Portal), o CSS do LC é desfeito
 *   (all: revert), para cada módulo rodar com o CSS dele, como no app original. O CSS dos módulos (fora de camada, sempre
 *   prefixado com .crm-scope / .portal-scope) ganha das duas camadas; o tema do LC por cima dele fica em
 *   legacy/crm/css/crm-theme.css e legacy/portal/css/portal-theme.css. */
@layer lc, embed;
@import url('/css/app.css') layer(lc);
@layer embed {
  /* svg fica de fora: os atributos de apresentação (stroke, fill) contam como CSS de autor e o revert apagaria os ícones */
  .crm-scope, .crm-scope :not(svg, svg *), .crm-scope :not(svg, svg *)::before, .crm-scope :not(svg, svg *)::after { all: revert; }
  .portal-scope, .portal-scope :not(svg, svg *), .portal-scope :not(svg, svg *)::before, .portal-scope :not(svg, svg *)::after { all: revert; }
}
/* o atributo hidden também é "apresentação" no Chrome: o revert acima o desligaria */
.crm-scope [hidden]:not([hidden="until-found"]), .portal-scope [hidden]:not([hidden="until-found"]) { display: none !important; }
/* Barra do LC (modbar.js): o botão ORIGINAL do sino/conversa de cada módulo fica por cima da aba do LC, invisível (quem
 * clica usa o botão original; o painel dele abre no <body>). Fora de camada: o .crm-scope/.portal-scope desfaz o CSS do LC. */
.lcb-hit { position: absolute !important; inset: 0 !important; display: block !important; opacity: 0 !important; margin: 0 !important;
  padding: 0 !important; border: 0 !important; background: none !important; min-height: 0 !important; overflow: hidden !important; border-radius: inherit !important; }
.lcb-hit .sino, .lcb-hit .ib-anchor { position: absolute !important; inset: 0 !important; display: block !important; margin: 0 !important; }
.lcb-hit button { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-width: 0 !important;
  min-height: 0 !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; opacity: 0 !important; }
.lcb-save { display: inline-flex !important; align-items: center !important; background: none !important; }
.lcb-save .save-ind { font-size: 12px !important; font-weight: 600 !important; color: var(--muted-2, #7E968D) !important; background: none !important;
  border: 0 !important; padding: 0 6px !important; min-height: 0 !important; gap: 6px !important; display: inline-flex !important; align-items: center !important; }
.lcb-save .save-ind svg { width: 14px !important; height: 14px !important; }
.lcb-save .save-ind.err { color: #F3A7A2 !important; cursor: pointer !important; }
