/* Fiscal > Opções auxiliares: naturezas de operações, tributações, atividades de serviços, intermediadores e
   modelos de e-mails. Reaproveita o desenho de lista e formulário dos cadastros (reg-, em cadastros.css) e
   acrescenta o aviso e o estado vazio das capturas fiscal-*. Prefixo fcad-. */
#view-root:is([data-view='fiscal-natures'], [data-view='fiscal-taxations'], [data-view='fiscal-service-activities'], [data-view='fiscal-intermediaries'], [data-view='fiscal-email-templates'], [data-view='finance-email-templates']) {
  --reg-dark: #0f1921;
  --reg-line: #d9dee2;
  --reg-head: #f6f6f6;
  --reg-alt: #f3f3f3;
  --reg-text: #262b2f;
  --reg-muted: #6b7177;
  font-family: 'Source Sans Pro', 'Source Sans 3', system-ui, sans-serif;
  color: var(--reg-text);
}
/* Aviso do topo da lista (ícone escuro, título, texto, Saiba mais e fechar). */
.fcad-notice {
  display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; margin-top: 9px;
  border: 1px solid var(--reg-line, #d9dee2); border-radius: 3px; background: #f9f9f9;
}
.fcad-notice-icon {
  display: inline-grid; place-items: center; flex: none; width: 32px; height: 32px; margin-top: 2px; border-radius: 50%;
  background: var(--reg-dark, #0f1921); color: #fff; font-size: 16px;
}
.fcad-notice-body { flex: 1; min-width: 0; font-size: 14px; line-height: 22px; }
.fcad-notice-body strong { display: block; font-weight: 700; }
.fcad-notice-body p { margin: 0; }
.fcad-link { padding: 0; border: 0; background: none; color: inherit; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
.fcad-link:disabled { cursor: not-allowed; }
.fcad-close { flex: none; border: 0; background: none; color: #6b7177; font-size: 20px; line-height: 1; cursor: pointer; }
/* Lista: nome em negrito, etiqueta do padrão e traço quando não há. */
.fcad-name { font-weight: 700; }
.fcad-tag {
  display: inline-block; padding: 1px 6px; border: 1px solid var(--reg-line, #d9dee2); border-radius: 3px;
  background: #f1f2f3; color: #4b5258; font-size: 11px; line-height: 1.5;
}
.fcad-dash { color: #8a9096; }
/* Estado vazio: círculo com o ícone, título, texto, dois botões e três cartões. Medidas da captura (1440 px):
   painel com 48 px no topo, círculo de 96 px, botões de 38 px e cartões de 97 px de altura. */
.fcad-empty {
  display: flex; flex-direction: column; align-items: center; gap: 0; padding: 48px 36px 24px;
  border: 1px solid var(--reg-line, #d9dee2); border-radius: 4px; background: #fff; text-align: center; margin-top: 2px;
}
.fcad-empty-icon {
  display: inline-grid; place-items: center; width: 96px; height: 96px; border-radius: 50%;
  background: #f1f2f3; color: var(--reg-dark, #0f1921); font-size: 46px;
}
.fcad-empty-icon svg { width: 46px; height: 46px; }
.fcad-empty h2 { margin: 20px 0 0; font-size: 24px; line-height: 1.3; font-weight: 600; }
.fcad-empty p { max-width: 540px; margin: 8px 0 0; color: var(--reg-muted, #6b7177); font-size: 15px; line-height: 22px; }
.fcad-empty-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin: 18px 0 26px; }
.fcad-empty-actions .reg-add, .fcad-empty-actions .reg-outline { height: 38px; font-size: 15px; }
.fcad-empty-actions .reg-outline:disabled { opacity: 1; color: var(--reg-text, #262b2f); }
.fcad-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; }
.fcad-card {
  display: flex; align-items: flex-start; gap: 14px; padding: 16px 14px 16px 12px; text-align: left; box-sizing: border-box;
  border: 1px solid var(--reg-line, #d9dee2); border-radius: 4px; background: #fff;
}
.fcad-card strong { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; }
.fcad-card p { margin: 3px 0 0; font-size: 11px; line-height: 22px; max-width: none; }
.fcad-card-icon { display: inline-grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 4px; font-size: 18px; }
.fcad-card-icon.is-violet { background: #ece8fb; color: #6a4fd1; }
.fcad-card-icon.is-blue { background: #e3edff; color: #2f64d6; }
.fcad-card-icon.is-green { background: #dff5e7; color: #1f8a4a; }
@media (max-width: 760px) {
  .fcad-cards { grid-template-columns: 1fr; }
}

/* Barra de busca das listas fiscais: campo de 329 px e um único botão de busca de 41 x 38 (a captura não tem
   botão de modo de exibição nem de busca avançada). */
#view-root:is([data-view='fiscal-natures'], [data-view='fiscal-taxations'], [data-view='fiscal-intermediaries']) .reg-search input { width: 329px; height: 38px; border-radius: 3px 0 0 3px; }
#view-root:is([data-view='fiscal-natures'], [data-view='fiscal-taxations'], [data-view='fiscal-intermediaries']) .reg-search .reg-square { width: 41px; height: 38px; border-radius: 0 3px 3px 0; }
/* Tributações: linhas de 62 px, nome alinhado ao topo e botões de ação maiores, todos em tom escuro. */
#view-root[data-view='fiscal-taxations'] .reg-table td { height: 62px; padding: 12px; vertical-align: top; }
#view-root[data-view='fiscal-taxations'] .reg-table td.reg-row-actions { padding: 12px 0; }
#view-root[data-view='fiscal-taxations'] .reg-row-actions > div { gap: 2px; }
#view-root[data-view='fiscal-taxations'] .reg-row-button {
  width: auto; min-width: 37px; height: 36px; padding: 0 12px; border-color: #dfe3e6; border-radius: 4px; background: #f7f8f9;
  color: #1c2126; font-size: 17px; box-shadow: 0 1px 0 #dfe3e6;
}
#view-root[data-view='fiscal-taxations'] .reg-row-button.is-danger { color: #1c2126; }

/* Naturezas e tributações: o nome da captura é texto comum, sem negrito. */
#view-root:is([data-view='fiscal-taxations'], [data-view='fiscal-natures']) .reg-table td:first-child, #view-root:is([data-view='fiscal-taxations'], [data-view='fiscal-natures']) .reg-table td:first-child * { font-weight: 400; }

/* Leva 3 (G8): aviso de 66 px (linhas de 21 px, ícone a 30 px da borda, 16 px até o texto) e botões de ação de 39 px colados, como na captura. */
.fcad-notice { gap: 16px; padding: 11px 16px 11px 30px; }
.fcad-notice-icon { margin-top: 3px; }
.fcad-notice-body { line-height: 21px; }
#view-root[data-view='fiscal-taxations'] .reg-row-actions > div { gap: 0; }
#view-root[data-view='fiscal-taxations'] .reg-row-button { width: 39px; min-width: 39px; padding: 0; }
/* Estado vazio fiscal: cartões de 96 px (texto com linhas de 21 px) e botões de 16 px. */
.fcad-card { padding-bottom: 12px; }
.fcad-card p { line-height: 21px; margin-top: 1px; }
.fcad-empty-actions .reg-add, .fcad-empty-actions .reg-outline { font-size: 16px; }