@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}
body {
  font-size: 100%;
  list-style-type: none;
}
/* src/styles/_design-tokens.scss */
:root {
  --font-family: "Lato", sans-serif;
  --color-neutral-50: #e4e9ec;
  --color-neutral-100: #d5dde2;
  --color-neutral-200: #b7c5cd;
  --color-neutral-300: #99aeb8;
  --color-neutral-400: #7b96a3;
  --color-neutral-500: #607d8b;
  --color-neutral-600: #4b616c;
  --color-neutral-700: #41545d;
  --color-neutral-800: #36464e;
  --color-neutral-900: #2c393f;
  --color-neutral-950: #212b30;
  --color-danger-200: #ef9fa2;
  --color-danger-500: #d2232a;
  --color-danger-600: #a61c21;
  --color-primary-50: #fef7f9; /* Tom rosa muito claro */
  --color-primary-100: #feeef3; /* Tom rosa claro */
  --color-primary-200: #fcd4df; /* Existente */
  --color-primary-300: #fab5c7; /* Tom rosa médio-claro */
  --color-primary-400: #f896af; /* Tom rosa médio */
  --color-primary-500: #ff628e; /* Existente - Cor principal */
  --color-primary-600: #df426e; /* Existente */
  --color-primary-700: #bf2854; /* Tom rosa escuro */
  --color-primary-800: #9f1a3f; /* Tom rosa muito escuro */
  --color-primary-900: #7f0f2f; /* Tom rosa quase preto */
  --color-primary-1000: #5f0820; /* Tom rosa preto */
  --color-secondary-50: #f9f4ff; /* Existente - Tom roxo muito claro */
  --color-secondary-100: #f0e6ff; /* Tom roxo claro */
  --color-secondary-200: #e1ccff; /* Tom roxo médio-claro */
  --color-secondary-300: #d2b3ff; /* Tom roxo médio */
  --color-secondary-400: #c399ff; /* Tom roxo médio-escuro */
  --color-secondary-500: #7954ff; /* Existente - Cor principal */
  --color-secondary-600: #9274ff; /* Existente (ajustado para sequência lógica) */
  --color-secondary-700: #5d3ecc; /* Tom roxo escuro */
  --color-secondary-800: #4a2f99; /* Tom roxo muito escuro */
  --color-secondary-900: #371f66; /* Tom roxo quase preto */
  --color-secondary-1000: #241033; /* Tom roxo preto */
  --color-white: #fff;
  --color-black: #000;
  --shadow-color-light: rgba(0, 0, 0, 0.06);
  --shadow-color-medium: rgba(0, 0, 0, 0.1);
  --shadow-color-dropdown: rgba(0, 0, 0, 0.16);
  --status-pending: #1890ff;
  --status-paid: #52c41a;
  --status-overdue: #f5222d;
  --status-canceled: #fa8c16;
  --color-status-analysis: #7f28c5;
  --status-no-paid: #8c8c8c;
  --status-analysis: #7f28c5;
  --status-reversed: #faad14;
  --border-radius-small: 0.25rem;
  --border-radius-medium: 0.0375rem;
  --border-radius-large: 0.5rem;
  --border-radius-extra-large: 0.75rem;
  --font-size-2x-small: 0.625rem;
  --font-size-x-small: 0.75rem;
  --font-size-small: 0.875rem;
  --font-size-medium: 1rem;
  --font-size-large: 1.25rem;
  --font-size-x-large: 1.5rem;
  --font-size-2x-large: 2.25rem;
  --font-size-3x-large: 3rem;
  --font-size-4x-large: 4.5rem;
  --table-hover-color: #f0f7ff;
  --table-stripe-color: #f9fafb;
  --input-hover-border-color: var(--color-primary-500);
  --transition-duration-standard: 0.3s;
  --transition-timing-function-standard: ease;
}
body * {
  font-family: var(--font-family);
}
h1, h2, h3, h4, h5, h6,
.ant-typography h1,
.ant-typography h2,
.ant-typography h3,
.ant-typography h4,
.ant-typography h5,
.ant-typography h6 {
  color: var(--color-primary-500);
  margin-bottom: 8px;
}
/* Estilos globais adicionais */
.ant-tag {
  margin: 0;
  min-width: 70px;
  text-align: center;
}
.ant-descriptions-item-label {
  font-weight: 600 !important;
}
.ant-table-thead th {
  font-weight: 600;
  text-align: center;
}
.ant-card-head-title {
  font-weight: 500;
}
.ant-pagination-item a {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Ajustes para DatePicker */
.ant-picker {
  width: 100%;
}
.ant-picker-range {
  width: 300px;
}
/* Estilos específicos para o dashboard de faturamento */
.billing-dashboard .ant-statistic-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.billing-dashboard .ant-statistic-content {
  font-size: 24px;
  font-weight: 700;
}
h1, h2, h3, h4, h5, h6,
.ant-typography h1,
.ant-typography h2,
.ant-typography h3,
.ant-typography h4,
.ant-typography h5,
.ant-typography h6 {
  color: var(--color-primary-500);
  margin-bottom: 8px;
}
.ant-typography.ant-typography-title {
  color: var(--color-primary-500);
  margin-bottom: 8px;
}
.header,
[class*=-header] {
  text-align: center;
  margin-bottom: 24px;
}
/* Responsividade para dispositivos móveis */
@media (max-width: 768px) {
  .ant-picker-range {
    width: 100%;
  }
  .ant-statistic-content {
    font-size: 20px;
  }
}
/* src/styles/components/_tables.scss (versão reduzida) */
.ant-table .ant-table-tbody > tr:nth-child(odd) > td {
  background-color: white;
}
.ant-table .ant-table-tbody > tr:nth-child(even) > td {
  background-color: var(--table-stripe-color);
}
.ant-table .ant-table-tbody > tr:hover > td {
  background-color: var(--table-hover-color) !important;
}
.table-actions-cell {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.table-actions-cell .ant-btn {
  margin: 0 4px;
}
/* src/styles/components/_tables.scss (versão reduzida) */
.ant-table .ant-table-tbody > tr:nth-child(odd) > td {
  background-color: white;
}
.ant-table .ant-table-tbody > tr:nth-child(even) > td {
  background-color: var(--table-stripe-color);
}
.ant-table .ant-table-tbody > tr:hover > td {
  background-color: var(--table-hover-color) !important;
}
.table-actions-cell {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.table-actions-cell .ant-btn {
  margin: 0 4px;
}
/* Efeito de zoom para todos os botões */
.ant-btn {
  transition: transform 0.2s ease-in-out, background-color 0.2s, color 0.2s, border-color 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.ant-btn:hover:not(.no-zoom) {
  transform: scale(1.05);
  z-index: 1;
}
/* Desativa o efeito de zoom */
.no-zoom:hover {
  transform: none !important;
}
/* Estilo para botões apenas com ícone */
.icon-only {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Ajustes para o posicionamento do Tooltip */
.ant-tooltip {
  z-index: 1050;
}
.custom-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0.5rem;
  color: var(--color-primary-500);
  transition: color 0.3s ease;
}
.custom-icon-button:hover {
  color: var(--color-primary-500);
}
.custom-icon-button svg {
  font-size: 20px;
}
/* Efeito de zoom para todos os botões */
.ant-btn {
  transition: transform 0.2s ease-in-out, background-color 0.2s, color 0.2s, border-color 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.ant-btn:hover:not(.no-zoom) {
  transform: scale(1.05);
  z-index: 1;
}
/* Desativa o efeito de zoom */
.no-zoom:hover {
  transform: none !important;
}
/* Estilo para botões apenas com ícone */
.icon-only {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Ajustes para o posicionamento do Tooltip */
.ant-tooltip {
  z-index: 1050;
}
/* Estilos específicos para os botões de notificação e ajuda no header */
.header-icons-button {
  /* Remover bordas e sombras */
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  /* Efeito de escala ao passar o mouse */
}
.header-icons-button:hover {
  transform: scale(1.05);
  color: var(--color-primary-500) !important;
  background-color: transparent !important;
}
.header-icons-button:active {
  color: var(--color-primary-600) !important;
  background-color: transparent !important;
}
.custom-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0.5rem;
  color: var(--color-primary-500);
  transition: color 0.3s ease;
}
.custom-icon-button:hover {
  color: var(--color-primary-500);
}
.custom-icon-button svg {
  font-size: 20px;
}
/* Estilos para botões específicos para os botões de notificação e ajuda no header */
.header-icons-button {
  /* Remover bordas e sombras */
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  /* Efeito de escala ao passar o mouse */
}
.header-icons-button:hover {
  transform: scale(1.05);
  color: var(--color-primary-500) !important;
  background-color: transparent !important;
}
.header-icons-button:active {
  color: var(--color-primary-600) !important;
  background-color: transparent !important;
}
/* Estilo para botões de voltar personalizados */
.back-link-button {
  color: var(--color-secondary-900) !important;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: var(--border-radius-large) !important;
  transition: all 0.3s ease;
  border: 1px solid transparent !important;
}
.back-link-button:hover {
  color: var(--color-secondary-500) !important;
  text-decoration: none;
  border-color: var(--color-secondary-50) !important;
  background-color: var(--color-secondary-50) !important;
  box-shadow: 0 2px 4px rgba(121, 84, 255, 0.1) !important;
}
.back-link-button:active {
  color: var(--color-secondary-600) !important;
  border-color: var(--color-secondary-100) !important;
  background-color: var(--color-secondary-50) !important;
  box-shadow: 0 1px 2px rgba(121, 84, 255, 0.2) !important;
  transform: translateY(1px);
}
.back-link-button .anticon {
  margin-right: 8px;
}
/* _table-buttons.scss */
/* Estilos para botões específicos em tabelas */
.ant-btn.table-button {
  padding: 0 !important;
  font-size: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Container para ações na tabela */
.table-actions-cell {
  display: flex !important;
  justify-content: right !important;
  gap: 4px !important;
  /* Botões dentro do container de ações */
}
.table-actions-cell .ant-btn {
  margin: 0 2px !important;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.mt-16 {
  margin-top: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mr-16 {
  margin-right: 16px;
}.sider-menu {
  background-color: var(--color-white);
  height: 100%;
  box-shadow: 0 2px 8px var(--shadow-color-light);
}
.sider-menu .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  background-color: var(--color-white);
  transition: all var(--transition-duration-standard);
}
.sider-menu .logo-container.expanded .logo-image {
  max-width: 95%;
  max-height: 100px;
}
.sider-menu .logo-container.collapsed .logo-image {
  max-width: 80%;
  max-height: 60px;
}
.sider-menu .logo-container .logo-image {
  height: auto;
  object-fit: contain;
  transition: all var(--transition-duration-standard);
}
.sider-menu .menu-divider {
  margin: 0;
  border-color: var(--color-neutral-50);
}

.custom-menu {
  border-right: none !important;
  font-family: var(--font-family);
}
.custom-menu .ant-menu-item {
  margin: 4px 0;
  height: 46px;
  line-height: 46px;
  border-radius: 0;
  font-size: var(--font-size-medium);
  font-weight: 500;
  transition: all var(--transition-duration-standard);
}
.custom-menu .ant-menu-item .ant-menu-item-icon {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 12px;
}
.custom-menu .ant-menu-item-selected {
  background-color: var(--color-secondary-50) !important;
  font-weight: 600;
  color: var(--color-secondary-500) !important;
  border-left: 3px solid var(--color-primary-500);
}
.custom-menu .ant-menu-item-selected .ant-menu-title-content,
.custom-menu .ant-menu-item-selected .ant-menu-item-icon {
  color: var(--color-secondary-500) !important;
}
.custom-menu .ant-menu-item:hover:not(.ant-menu-item-selected) {
  color: var(--color-primary-500) !important;
  background-color: var(--color-primary-50);
}
.custom-menu .ant-menu-item:hover:not(.ant-menu-item-selected) .ant-menu-title-content,
.custom-menu .ant-menu-item:hover:not(.ant-menu-item-selected) .ant-menu-item-icon {
  color: var(--color-primary-500) !important;
}
.header-bar {
  background: var(--color-white);
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 2px 8px var(--shadow-color-medium);
  height: 64px;
  /* Regras para os botões do header */
}
.header-bar .ant-btn.no-zoom,
.header-bar .ant-btn[type=text].no-zoom {
  box-shadow: none !important;
}
.header-bar .ant-btn.no-zoom:hover, .header-bar .ant-btn.no-zoom:active, .header-bar .ant-btn.no-zoom:focus,
.header-bar .ant-btn[type=text].no-zoom:hover,
.header-bar .ant-btn[type=text].no-zoom:active,
.header-bar .ant-btn[type=text].no-zoom:focus {
  transform: none !important;
  background-color: transparent !important;
  color: inherit !important;
  border-color: transparent !important;
}
.header-bar .search-container {
  width: 300px;
}
.header-bar .search-container .ant-input-affix-wrapper {
  border-radius: 20px;
}
.header-bar .header-actions {
  display: flex;
  align-items: center;
}

.ant-dropdown .ant-dropdown-menu {
  padding: 8px 0;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active {
  border-left: 3px solid var(--color-primary-500);
  padding-left: 13px;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover {
  color: var(--color-primary-500) !important;
  background-color: var(--color-secondary-50) !important;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover .anticon {
  color: var(--color-primary-500) !important;
}
.ant-dropdown .ant-dropdown-menu .anticon {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 8px;
}.change-password-modal .ant-modal-body {
  padding: 24px;
}
.change-password-modal .ant-form-item-label > label {
  font-weight: 500;
  color: var(--color-neutral-800);
}
.change-password-modal .password-input {
  border-radius: var(--border-radius-medium);
}
.change-password-modal .password-input:hover {
  border-color: var(--color-primary-500);
}
.change-password-modal .password-input:focus {
  border-color: var(--color-primary-500);
  box-shadow: 0 0 0 2px rgba(255, 98, 142, 0.2);
}
.change-password-modal .password-rules {
  background-color: var(--color-neutral-50);
  border-radius: var(--border-radius-medium);
  padding: 16px;
  margin: 16px 0;
}
.change-password-modal .password-rules h4 {
  color: var(--color-neutral-700);
  margin-bottom: 12px;
  font-size: var(--font-size-medium);
}
.change-password-modal .password-rules ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.change-password-modal .password-rules li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: var(--font-size-small);
  color: var(--color-neutral-700);
  transition: color 0.3s ease;
}
.change-password-modal .password-rules li.valid {
  color: var(--status-paid);
}
.change-password-modal .password-rules li.invalid {
  color: var(--status-overdue);
}
.change-password-modal .password-rules li .valid-icon {
  color: var(--status-paid);
  margin-right: 8px;
}
.change-password-modal .password-rules li .invalid-icon {
  color: var(--status-overdue);
  margin-right: 8px;
}
.change-password-modal .form-actions {
  margin-bottom: 0;
  text-align: right;
}
.change-password-modal .ant-divider {
  margin: 16px 0;
}.password-strength-indicator {
  margin: 8px 0 16px;
}
.password-strength-indicator .strength-label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  font-size: var(--font-size-small);
}
.password-strength-indicator .strength-label span:first-child {
  color: var(--color-neutral-700);
}
.password-strength-indicator .strength-label span:last-child {
  font-weight: 500;
}
.password-strength-indicator .ant-progress {
  margin-bottom: 0;
}.customer-profile-modal {
  max-width: 95vw !important;
  width: 1000px !important;
}
.customer-profile-modal .ant-modal-content {
  border-radius: var(--border-radius-large, 8px);
}
.customer-profile-modal .ant-modal-body {
  padding: 0;
  max-height: 85vh;
  overflow-y: auto;
}
.customer-profile-modal .ant-form-item-label > label {
  font-weight: 500;
  color: var(--color-neutral-800);
  font-size: 14px;
}
.customer-profile-modal .profile-input {
  border-radius: var(--border-radius-medium);
}
.customer-profile-modal .profile-input:hover {
  border-color: var(--color-primary-500);
}
.customer-profile-modal .profile-input:focus {
  border-color: var(--color-primary-500);
  box-shadow: 0 0 0 2px rgba(255, 98, 142, 0.2);
}
.customer-profile-modal .document-validation {
  margin-top: 4px;
  margin-bottom: 8px;
  font-size: 12px;
}
.customer-profile-modal .document-validation.valid {
  color: var(--status-paid);
}
.customer-profile-modal .document-validation.valid .valid-icon {
  color: var(--status-paid);
  margin-right: 4px;
}
.customer-profile-modal .document-validation.invalid {
  color: var(--status-overdue);
}
.customer-profile-modal .document-validation.invalid .invalid-icon {
  color: var(--status-overdue);
  margin-right: 4px;
}
.customer-profile-modal .ant-tabs .ant-tabs-tab {
  font-weight: 500;
  padding: 12px 16px;
}
.customer-profile-modal .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--color-primary-500);
}
.customer-profile-modal .ant-tabs .ant-tabs-ink-bar {
  background: var(--color-primary-500);
}
.customer-profile-modal .ant-tabs .ant-tabs-content-holder {
  padding: 24px;
  max-height: 70vh;
  overflow-y: auto;
}
.customer-profile-modal .clinic-specific-fields .ant-divider,
.customer-profile-modal .tutor-specific-fields .ant-divider,
.customer-profile-modal .veterinarian-specific-fields .ant-divider {
  margin: 16px 0;
}
.customer-profile-modal .clinic-specific-fields .ant-divider .ant-divider-inner-text,
.customer-profile-modal .tutor-specific-fields .ant-divider .ant-divider-inner-text,
.customer-profile-modal .veterinarian-specific-fields .ant-divider .ant-divider-inner-text {
  color: var(--color-primary-500);
  font-weight: 600;
}
.customer-profile-modal .contact-tab .ant-card {
  margin-bottom: 24px;
  border-radius: var(--border-radius-medium);
}
.customer-profile-modal .contact-tab .ant-card .ant-card-head {
  border-bottom: 1px solid var(--color-neutral-200);
  padding: 16px 24px;
}
.customer-profile-modal .contact-tab .ant-card .ant-card-head .ant-card-head-title {
  color: var(--color-primary-500);
  font-weight: 600;
  font-size: 16px;
}
.customer-profile-modal .contact-tab .ant-card .ant-card-head .ant-card-extra .ant-btn {
  height: 32px;
  font-size: 13px;
}
.customer-profile-modal .contact-tab .ant-card .ant-card-body {
  padding: 16px 24px;
}
.customer-profile-modal .contact-tab .ant-list-item {
  padding: 16px 0;
  border-bottom: 1px solid var(--color-neutral-100);
  align-items: flex-start;
}
.customer-profile-modal .contact-tab .ant-list-item:last-child {
  border-bottom: none;
}
.customer-profile-modal .contact-tab .ant-list-item .ant-list-item-meta {
  margin-bottom: 0;
}
.customer-profile-modal .contact-tab .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
  margin-right: 16px;
}
.customer-profile-modal .contact-tab .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .anticon {
  color: var(--color-primary-500);
  font-size: 18px;
}
.customer-profile-modal .contact-tab .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-title {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.4;
  word-break: break-word;
  overflow-wrap: break-word;
}
.customer-profile-modal .contact-tab .ant-list-item .ant-list-item-action {
  margin-left: 16px;
  margin-top: 0;
  min-width: 200px;
}
.customer-profile-modal .contact-tab .ant-list-item .ant-list-item-action ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.customer-profile-modal .contact-tab .ant-list-item .ant-list-item-action ul li {
  margin: 0;
}
.customer-profile-modal .contact-tab .ant-list-item .ant-list-item-action ul li .ant-btn {
  height: 28px;
  font-size: 12px;
  padding: 0 8px;
}
.customer-profile-modal .contact-tab .ant-list-item .ant-list-item-action ul li .ant-btn:hover {
  transform: scale(1.02);
}
.customer-profile-modal .contact-tab .ant-tag {
  margin: 2px 4px 2px 0;
  font-size: 11px;
  line-height: 1.3;
  padding: 2px 6px;
  border-radius: 4px;
}
.customer-profile-modal .contact-tab .ant-tag .anticon {
  font-size: 11px;
}
.customer-profile-modal .contact-tab .ant-list-item[style*=line-through] {
  background-color: #fff2f0;
  border-radius: 6px;
  padding: 12px 16px;
  margin: 6px 0;
  border: 1px dashed #ff4d4f;
}
.customer-profile-modal .contact-tab .ant-list-item[style*="background-color: rgb(246, 255, 237)"] {
  border: 1px solid #b7eb8f;
  border-radius: 6px;
  margin: 6px 0;
  padding: 12px 16px;
}
.customer-profile-modal .contact-tab .ant-divider {
  margin: 20px 0 16px 0;
}
.customer-profile-modal .contact-tab .ant-divider .ant-divider-inner-text {
  color: #52c41a;
  font-weight: 600;
  font-size: 13px;
  padding: 0 16px;
}
.customer-profile-modal .basic-info-tab .ant-form-item,
.customer-profile-modal .address-tab .ant-form-item {
  margin-bottom: 24px;
}
.customer-profile-modal .basic-info-tab div[style*=grid-template-columns],
.customer-profile-modal .address-tab div[style*=grid-template-columns] {
  gap: 20px;
}
.customer-profile-modal .ant-modal .ant-form-item-extra {
  color: var(--color-neutral-600);
  font-size: 12px;
  margin-top: 4px;
}
.customer-profile-modal .ant-modal .whatsapp-switch.ant-switch-checked {
  background-color: #25D366 !important;
}
.customer-profile-modal .ant-modal .whatsapp-switch.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.2) !important;
}
.customer-profile-modal .ant-modal .whatsapp-switch:not(.ant-switch-checked) {
  background-color: rgba(0, 0, 0, 0.2509803922) !important;
}
.customer-profile-modal .ant-modal .whatsapp-switch:hover:not(.ant-switch-checked) {
  background-color: rgba(0, 0, 0, 0.3764705882) !important;
}
.customer-profile-modal .ant-modal .sms-switch.ant-switch-checked {
  background-color: #1890ff !important;
}
.customer-profile-modal .ant-modal .sms-switch.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}
.customer-profile-modal .ant-modal .sms-switch:not(.ant-switch-checked) {
  background-color: rgba(0, 0, 0, 0.2509803922) !important;
}
.customer-profile-modal .ant-modal .sms-switch:hover:not(.ant-switch-checked) {
  background-color: rgba(0, 0, 0, 0.3764705882) !important;
}
@media (max-width: 1200px) {
  .customer-profile-modal {
    width: 95vw !important;
  }
  .customer-profile-modal .ant-tabs-content-holder {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .customer-profile-modal {
    width: 100vw !important;
    margin: 0 !important;
    top: 0 !important;
    padding: 0 !important;
  }
  .customer-profile-modal .ant-modal-content {
    border-radius: 0;
    height: 100vh;
    max-height: 100vh;
  }
  .customer-profile-modal .ant-modal-body {
    max-height: calc(100vh - 120px);
  }
  .customer-profile-modal .ant-tabs-content-holder {
    padding: 16px;
    max-height: calc(100vh - 180px);
  }
  .customer-profile-modal .contact-tab .ant-card {
    margin-bottom: 16px;
  }
  .customer-profile-modal .contact-tab .ant-card .ant-card-head {
    padding: 12px 16px;
  }
  .customer-profile-modal .contact-tab .ant-card .ant-card-head .ant-card-head-title {
    font-size: 14px;
  }
  .customer-profile-modal .contact-tab .ant-card .ant-card-head .ant-card-extra .ant-btn {
    height: 28px;
    font-size: 12px;
    padding: 0 8px;
  }
  .customer-profile-modal .contact-tab .ant-card .ant-card-body {
    padding: 12px 16px;
  }
  .customer-profile-modal .contact-tab .ant-list-item {
    padding: 12px 0;
    flex-direction: column;
    align-items: stretch;
  }
  .customer-profile-modal .contact-tab .ant-list-item .ant-list-item-meta {
    margin-bottom: 8px;
  }
  .customer-profile-modal .contact-tab .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
    margin-right: 12px;
  }
  .customer-profile-modal .contact-tab .ant-list-item .ant-list-item-action {
    margin-left: 0;
    min-width: auto;
    width: 100%;
  }
  .customer-profile-modal .contact-tab .ant-list-item .ant-list-item-action ul {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
  }
  .customer-profile-modal .contact-tab .ant-list-item .ant-list-item-action ul li .ant-btn {
    font-size: 11px;
    height: 26px;
    padding: 0 6px;
  }
  .customer-profile-modal .contact-tab .ant-tag {
    font-size: 10px;
    padding: 1px 4px;
    margin: 1px 2px 1px 0;
  }
  .customer-profile-modal .tutor-specific-fields div[style*=grid-template-columns],
  .customer-profile-modal .veterinarian-specific-fields div[style*=grid-template-columns],
  .customer-profile-modal .address-tab div[style*=grid-template-columns] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .customer-profile-modal .ant-form-item {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 480px) {
  .customer-profile-modal .contact-tab .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
    font-size: 13px;
  }
  .customer-profile-modal .contact-tab .ant-list-item .ant-list-item-action ul li .ant-btn {
    font-size: 10px;
    height: 24px;
    padding: 0 4px;
  }
  .customer-profile-modal .contact-tab .ant-list-item .ant-list-item-action ul li .ant-btn span {
    display: none;
  }
  .customer-profile-modal .contact-tab .ant-list-item .ant-list-item-action ul li .ant-btn .anticon {
    margin: 0;
  }
}.address-tab .cep-search-container {
  position: relative;
  margin-bottom: 24px;
}
.address-tab .cep-search-container .cep-form-item {
  margin-bottom: 8px;
}
.address-tab .cep-search-container .cep-form-item .cep-input .ant-input-suffix {
  margin-left: 8px;
}
.address-tab .cep-search-container .cep-form-item .cep-input .cep-search-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  color: var(--color-primary-500, #1890ff);
}
.address-tab .cep-search-container .cep-form-item .cep-input .cep-search-button:hover {
  background-color: var(--color-primary-50, #e6f7ff);
  color: var(--color-primary-600, #096dd9);
}
.address-tab .cep-search-container .cep-form-item .cep-input .cep-search-button:focus {
  background-color: var(--color-primary-50, #e6f7ff);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.address-tab .cep-search-container .cep-form-item .cep-input .cep-search-button[disabled] {
  color: var(--color-neutral-400, #d9d9d9);
  cursor: not-allowed;
}
.address-tab .cep-search-container .cep-form-item .cep-input .cep-search-button[disabled]:hover {
  background-color: transparent;
}
.address-tab .cep-search-container .cep-form-item .cep-input .cep-search-button .anticon {
  font-size: 14px;
}
.address-tab .cep-search-container .search-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-primary-500, #1890ff);
  font-size: 12px;
  animation: pulse 1.5s ease-in-out infinite;
}
.address-tab .cep-search-container .search-indicator .search-icon {
  font-size: 14px;
}
.address-tab .address-number-complement {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 16px;
  margin-bottom: 24px;
}
.address-tab .address-number-complement .number-field,
.address-tab .address-number-complement .complement-field {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .address-tab .address-number-complement {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .address-tab .address-number-complement .number-field,
  .address-tab .address-number-complement .complement-field {
    margin-bottom: 0;
  }
}
.address-tab .city-uf-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 16px;
}
.address-tab .city-uf-container .city-field,
.address-tab .city-uf-container .uf-field {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .address-tab .city-uf-container {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .address-tab .city-uf-container .city-field,
  .address-tab .city-uf-container .uf-field {
    margin-bottom: 0;
  }
}
.address-tab .profile-input {
  border-radius: 6px;
  border: 1px solid var(--color-neutral-300, #d9d9d9);
  transition: all 0.2s ease;
}
.address-tab .profile-input:hover {
  border-color: var(--color-primary-500, #1890ff);
}
.address-tab .profile-input:focus, .address-tab .profile-input.ant-input-focused {
  border-color: var(--color-primary-500, #1890ff);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.address-tab .profile-input .ant-input-prefix {
  margin-right: 8px;
  color: var(--color-neutral-500, #8c8c8c);
}
.address-tab .ant-form-item-label > label {
  font-weight: 500;
  color: var(--color-neutral-800, #262626);
  font-size: 14px;
}
.address-tab .ant-form-item-has-error .profile-input {
  border-color: var(--status-overdue, #ff4d4f);
}
.address-tab .ant-form-item-has-error .profile-input:hover, .address-tab .ant-form-item-has-error .profile-input:focus {
  border-color: var(--status-overdue, #ff4d4f);
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
.address-tab .ant-form-item-has-success .profile-input {
  border-color: var(--status-paid, #52c41a);
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.address-tab .cep-loading .cep-input {
  position: relative;
}
.address-tab .cep-loading .cep-input::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.address-tab .ant-select.profile-input .ant-select-selector {
  border-radius: 6px;
  border: 1px solid var(--color-neutral-300, #d9d9d9);
  transition: all 0.2s ease;
}
.address-tab .ant-select.profile-input .ant-select-selector:hover {
  border-color: var(--color-primary-500, #1890ff);
}
.address-tab .ant-select.profile-input.ant-select-focused .ant-select-selector {
  border-color: var(--color-primary-500, #1890ff);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
@media (max-width: 576px) {
  .address-tab .cep-search-container .cep-form-item .cep-input .cep-search-button {
    width: 24px;
    height: 24px;
  }
  .address-tab .cep-search-container .cep-form-item .cep-input .cep-search-button .anticon {
    font-size: 12px;
  }
  .address-tab .cep-search-container .search-indicator {
    font-size: 11px;
  }
  .address-tab .cep-search-container .search-indicator .search-icon {
    font-size: 12px;
  }
  .address-tab .ant-form-item-label > label {
    font-size: 13px;
  }
}
.address-tab .ant-input:focus,
.address-tab .ant-select-focused .ant-select-selector {
  border-color: var(--color-primary-500, #1890ff) !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}
.address-tab .profile-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
  -webkit-text-fill-color: var(--color-neutral-800, #262626);
}.app-footer {
  background: var(--color-white);
  padding: 0 24px 12px;
  height: auto;
  min-height: 60px;
  font-size: var(--font-size-small);
}
.app-footer .footer-divider {
  margin: 0 0 12px;
}
.app-footer .footer-col {
  display: flex;
  align-items: center;
}
.app-footer .footer-col.center-col {
  justify-content: center;
}
.app-footer .footer-col:last-child {
  justify-content: flex-end;
}
.app-footer .copyright-text, .app-footer .version-text {
  font-size: var(--font-size-small);
  color: var(--color-neutral-600);
}
.app-footer .footer-links .footer-link {
  font-size: var(--font-size-small);
  color: var(--color-neutral-700);
}
.app-footer .footer-links .footer-link:hover {
  color: var(--color-primary-500);
}
.app-footer .footer-links .footer-link .anticon {
  margin-right: 4px;
}
.app-footer .footer-links .separator {
  font-size: var(--font-size-small);
  color: var(--color-neutral-400);
  margin: 0 4px;
}
@media (max-width: 768px) {
  .app-footer .ant-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .app-footer .ant-row .footer-col {
    justify-content: center;
    margin-bottom: 8px;
  }
}/* src/styles/components/_technical-materials.scss */
.material-list-item {
  border-radius: var(--border-radius-medium);
  transition: all 0.3s ease;
  margin-bottom: 12px !important;
  border: 1px solid var(--color-neutral-100) !important;
  padding: 16px !important;
}
.material-list-item:hover {
  border-color: var(--color-primary-500) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.material-list-item .ant-list-item-meta-title {
  margin-bottom: 8px !important;
}
.material-list-item .ant-list-item-meta-description {
  margin-top: 4px !important;
}
.material-list-item .material-actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.material-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.material-header .material-title-section h3 {
  margin-bottom: 8px;
}
.material-header .material-title-section .material-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.material-header .material-metadata {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}

.material-card {
  border-radius: var(--border-radius-medium);
  transition: all 0.3s ease;
  overflow: hidden;
  height: 100%;
}
.material-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-4px);
}
.material-card .material-card-cover {
  background-color: var(--color-neutral-50);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
}
.material-card .material-card-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 140px);
}
.material-card .material-card-content .material-card-title {
  font-weight: 500;
  margin-bottom: 8px;
  font-size: var(--font-size-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.material-card .material-card-content .material-card-description {
  color: var(--color-neutral-700);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  flex-grow: 1;
}
.material-card .material-card-content .material-card-meta {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-neutral-500);
  font-size: var(--font-size-small);
}

.materials-filters {
  margin-bottom: 24px;
  padding: 16px;
  background-color: #f9f9f9;
  border-radius: var(--border-radius-medium);
}

@media (max-width: 768px) {
  .material-header {
    flex-direction: column;
  }
  .material-header .material-metadata {
    margin-top: 16px;
    align-items: flex-start;
    width: 100%;
  }
}._statusTag_1fljb_1 {
  display: inline-block;
  text-align: center;
  min-width: 110px;
  font-weight: 600;
  margin: 0 auto;
  padding: 4px 10px;
  font-size: 14px;
  height: 30px;
  line-height: 22px;
  border-radius: 6px;
}

._success_1fljb_14 {
  color: var(--status-paid);
  background-color: rgba(82, 196, 26, 0.1);
  border-color: var(--status-paid);
}

._information_1fljb_20 {
  color: var(--status-pending);
  background-color: rgba(24, 144, 255, 0.1);
  border-color: var(--status-pending);
}

._warning_1fljb_26 {
  color: var(--status-canceled);
  background-color: rgba(250, 140, 22, 0.1);
  border-color: var(--status-canceled);
}

._danger_1fljb_32 {
  color: var(--status-canceled);
  background-color: rgba(250, 140, 22, 0.1);
  border-color: var(--status-canceled);
}

._critical_1fljb_38 {
  color: var(--status-overdue);
  background-color: rgba(245, 34, 45, 0.1);
  border-color: var(--status-overdue);
}

._default_1fljb_44 {
  color: var(--color-neutral-700);
  background-color: rgba(140, 140, 140, 0.1);
  border-color: var(--color-neutral-500);
}/* TechnicalMaterialDetail.scss */
.material-content {
  font-family: var(--font-family);
  font-size: var(--font-size-medium);
  line-height: 1.6;
  color: var(--color-neutral-700);
}
.material-content ul, .material-content ol {
  padding-left: 24px;
  margin: 16px 0;
}
.material-content ul li, .material-content ol li {
  margin-bottom: 10px;
  line-height: 1.6;
}
.material-content ul li:last-child, .material-content ol li:last-child {
  margin-bottom: 0;
}
.material-content p {
  margin-bottom: 16px;
  line-height: 1.6;
}
.material-content p:last-child {
  margin-bottom: 0;
}
.material-content a {
  color: var(--color-secondary-500);
  text-decoration: none;
  transition: color var(--transition-duration-standard) var(--transition-timing-function-standard);
  font-weight: 500;
}
.material-content a:hover {
  color: var(--color-primary-500);
  text-decoration: underline;
}
.material-content a:active {
  color: var(--color-secondary-600);
}
.material-content a:focus-visible {
  outline: 2px solid var(--color-primary-200);
  outline-offset: 2px;
  border-radius: var(--border-radius-small);
}
.material-content strong, .material-content b {
  font-weight: 600;
  color: var(--color-neutral-800);
}
.material-content h1, .material-content h2, .material-content h3, .material-content h4, .material-content h5, .material-content h6 {
  color: var(--color-neutral-800);
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
}
.material-content h1:first-child, .material-content h2:first-child, .material-content h3:first-child, .material-content h4:first-child, .material-content h5:first-child, .material-content h6:first-child {
  margin-top: 0;
}
.material-content em, .material-content i {
  color: var(--color-neutral-800);
}
.material-content table {
  margin: 16px 0;
  border-collapse: collapse;
  width: 100%;
}
.material-content table th, .material-content table td {
  padding: 8px 12px;
  border: 1px solid var(--color-neutral-200);
}
.material-content table th {
  background-color: color-mix(in srgb, var(--color-secondary-500) 10%, var(--color-white));
  color: var(--color-secondary-500);
  font-weight: 600;
}
.material-content table tr:nth-child(even) {
  background-color: var(--table-stripe-color);
}
.material-content table tr:hover {
  background-color: var(--table-hover-color);
}

.material-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.material-header .material-title-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-width: 300px;
  align-items: flex-start; /* Ensure title and tags are left-aligned */
}
.material-header .material-title-section h3 {
  margin-bottom: 0;
  text-align: left; /* Ensure title is left-aligned */
}
.material-header .material-title-section .material-tags {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  justify-content: flex-start; /* Ensure tags are left-aligned */
}
.material-header .author-info {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-neutral-700);
  font-size: var(--font-size-small);
}
.material-header .author-info .author-icon {
  color: var(--color-primary-500);
}
.material-header .date-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

@media (max-width: 768px) {
  .material-header {
    flex-direction: column;
  }
  .material-header .material-metadata {
    margin-top: 16px;
    align-items: flex-start;
    width: 100%;
  }
}/* src/styles/components/_board-notices.scss */
.notice-list-item {
  border-radius: var(--border-radius-medium);
  transition: all 0.3s ease;
  margin-bottom: 12px !important;
  border: 1px solid var(--color-neutral-100) !important;
  padding: 16px !important;
  position: relative;
}
.notice-list-item:hover {
  border-color: var(--color-primary-500) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.notice-list-item.unread {
  background-color: #f0f7ff;
}
.notice-list-item.urgent {
  border-left: 4px solid #ff4d4f !important;
  padding-left: 12px !important;
}
.notice-list-item .ant-list-item-meta-title {
  margin-bottom: 8px !important;
}
.notice-list-item .ant-list-item-meta-title .title-text {
  font-size: 16px;
}
.notice-list-item .ant-list-item-meta-description {
  margin-top: 4px !important;
}
.notice-list-item .notice-actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.notice-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.notice-header .notice-title-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-width: 300px;
}
.notice-header .notice-title-section h3 {
  margin-bottom: 0;
}
.notice-header .notice-title-section .notice-tags {
  align-items: center;
  gap: 0;
  margin-top: 8px;
}
.notice-header .notice-title-section .notice-tags > * {
  margin-right: 2%;
}
.notice-header .notice-title-section .notice-tags > *:last-child {
  margin-right: 0;
}
.notice-header .notice-metadata {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.notice-header .notice-metadata .author-info {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-neutral-700);
  font-size: var(--font-size-small);
}
.notice-header .notice-metadata .author-info .author-icon {
  color: var(--color-primary-500);
}
.notice-header .notice-metadata .date-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.notice-content {
  font-family: var(--font-family);
  font-size: var(--font-size-medium);
  line-height: 1.6;
  color: var(--color-neutral-700);
}
.notice-content ul, .notice-content ol {
  padding-left: 24px;
  margin: 16px 0;
}
.notice-content ul li, .notice-content ol li {
  margin-bottom: 10px;
  line-height: 1.6;
}
.notice-content ul li:last-child, .notice-content ol li:last-child {
  margin-bottom: 0;
}
.notice-content p {
  margin-bottom: 16px;
  line-height: 1.6;
}
.notice-content p:last-child {
  margin-bottom: 0;
}
.notice-content a {
  color: var(--color-secondary-500);
  text-decoration: none;
  transition: color var(--transition-duration-standard) var(--transition-timing-function-standard);
  font-weight: 500;
}
.notice-content a:hover {
  color: var(--color-primary-500);
  text-decoration: underline;
}
.notice-content a:active {
  color: var(--color-secondary-600);
}
.notice-content a:focus-visible {
  outline: 2px solid var(--color-primary-200);
  outline-offset: 2px;
  border-radius: var(--border-radius-small);
}
.notice-content strong, .notice-content b {
  font-weight: 600;
  color: var(--color-neutral-800);
}
.notice-content h1, .notice-content h2, .notice-content h3, .notice-content h4, .notice-content h5, .notice-content h6 {
  color: var(--color-neutral-800);
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
}
.notice-content h1:first-child, .notice-content h2:first-child, .notice-content h3:first-child, .notice-content h4:first-child, .notice-content h5:first-child, .notice-content h6:first-child {
  margin-top: 0;
}
.notice-content em, .notice-content i {
  color: var(--color-neutral-800);
}
.notice-content table {
  margin: 16px 0;
  border-collapse: collapse;
  width: 100%;
}
.notice-content table th, .notice-content table td {
  padding: 8px 12px;
  border: 1px solid var(--color-neutral-200);
}
.notice-content table th {
  background-color: color-mix(in srgb, var(--color-secondary-500) 10%, var(--color-white));
  color: var(--color-secondary-500);
  font-weight: 600;
}
.notice-content table tr:nth-child(even) {
  background-color: var(--table-stripe-color);
}
.notice-content table tr:hover {
  background-color: var(--table-hover-color);
}

.urgent-content-container {
  padding: 16px;
  border: 1px solid #ff4d4f;
  border-radius: 4px;
  background-color: #fff1f0;
  margin-bottom: 16px;
}
.urgent-content-container .urgent-header {
  margin-bottom: 16px;
  color: #ff4d4f;
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 768px) {
  .notice-header {
    flex-direction: column;
  }
  .notice-header .notice-metadata {
    margin-top: 16px;
    align-items: flex-start;
    width: 100%;
  }
}/* BoardNoticeDetail.scss */
.notice-content {
  font-family: var(--font-family);
  font-size: var(--font-size-medium);
  line-height: 1.6;
  color: var(--color-neutral-700);
}
.notice-content ul, .notice-content ol {
  padding-left: 24px;
  margin: 16px 0;
}
.notice-content ul li, .notice-content ol li {
  margin-bottom: 10px;
  line-height: 1.6;
}
.notice-content ul li:last-child, .notice-content ol li:last-child {
  margin-bottom: 0;
}
.notice-content p {
  margin-bottom: 16px;
  line-height: 1.6;
}
.notice-content p:last-child {
  margin-bottom: 0;
}
.notice-content a {
  color: var(--color-secondary-500);
  text-decoration: none;
  transition: color var(--transition-duration-standard) var(--transition-timing-function-standard);
  font-weight: 500;
}
.notice-content a:hover {
  color: var(--color-primary-500);
  text-decoration: underline;
}
.notice-content a:active {
  color: var(--color-secondary-600);
}
.notice-content a:focus-visible {
  outline: 2px solid var(--color-primary-200);
  outline-offset: 2px;
  border-radius: var(--border-radius-small);
}
.notice-content strong, .notice-content b {
  font-weight: 600;
  color: var(--color-neutral-800);
}
.notice-content h1, .notice-content h2, .notice-content h3, .notice-content h4, .notice-content h5, .notice-content h6 {
  color: var(--color-neutral-800);
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
}
.notice-content h1:first-child, .notice-content h2:first-child, .notice-content h3:first-child, .notice-content h4:first-child, .notice-content h5:first-child, .notice-content h6:first-child {
  margin-top: 0;
}
.notice-content em, .notice-content i {
  color: var(--color-neutral-800);
}
.notice-content table {
  margin: 16px 0;
  border-collapse: collapse;
  width: 100%;
}
.notice-content table th, .notice-content table td {
  padding: 8px 12px;
  border: 1px solid var(--color-neutral-200);
}
.notice-content table th {
  background-color: color-mix(in srgb, var(--color-secondary-500) 10%, var(--color-white));
  color: var(--color-secondary-500);
  font-weight: 600;
}
.notice-content table tr:nth-child(even) {
  background-color: var(--table-stripe-color);
}
.notice-content table tr:hover {
  background-color: var(--table-hover-color);
}

.notice-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Keep this to maintain space between title area and metadata */
  align-items: flex-start;
  margin-bottom: 24px;
}
.notice-header .notice-title-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-width: 300px;
  align-items: flex-start; /* Ensure title and tags are left-aligned */
}
.notice-header .notice-title-section h3 {
  margin-bottom: 0;
  text-align: left; /* Ensure title is left-aligned */
}
.notice-header .notice-title-section .notice-tags {
  display: flex; /* Make sure tags are displayed in a row */
  align-items: center;
  gap: 8px; /* Add gap between tags for better separation */
  margin-top: 8px;
  justify-content: flex-start; /* Ensure tags are left-aligned */
}

@media (max-width: 768px) {
  .notice-header {
    flex-direction: column;
  }
  .notice-header .notice-metadata {
    margin-top: 16px;
    align-items: flex-start;
    width: 100%;
  }
}/* Custom Collapse Styling - Versão com Estados Visuais Melhorados */
.custom-collapse .ant-collapse-item {
    margin-bottom: 12px !important;
    border: none !important;
    background: transparent !important;
}

/* Estado padrão (fechado) */
.custom-collapse .ant-collapse-header {
    padding: 14px 16px !important;
    background-color: var(--color-neutral-50) !important;
    border: 1px solid var(--color-neutral-200) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 52px !important;
}

/* Hover effect - Rosa/Pink do sistema */
.custom-collapse .ant-collapse-header:hover {
    background-color: #fdf2f8 !important; /* Rosa claro */
    border-color: #f9a8d4 !important; /* Rosa médio */
    box-shadow: 0 2px 8px rgba(236, 72, 153, 0.15) !important;
}

.custom-collapse .ant-collapse-header:hover .header-icon {
    color: #ec4899 !important; /* Rosa do sistema */
}

.custom-collapse .ant-collapse-header:hover .ant-collapse-header-text {
    color: #be185d !important; /* Rosa escuro */
}

.custom-collapse .ant-collapse-header:hover .ant-collapse-arrow {
    color: #ec4899 !important; /* Rosa do sistema */
}

/* Estado ativo (painel aberto) - Roxo mais forte */
.custom-collapse .ant-collapse-item-active .ant-collapse-header {
    background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%) !important; /* Gradiente roxo suave */
    border-color: #a855f7 !important; /* Roxo médio */
    box-shadow: 0 4px 12px rgba(168, 85, 247, 0.25) !important;
}

.custom-collapse .ant-collapse-item-active .ant-collapse-header .header-icon {
    color: #7c3aed !important; /* Roxo forte */
}

.custom-collapse .ant-collapse-item-active .ant-collapse-header-text {
    color: #6b21a8 !important; /* Roxo muito escuro */
}

.custom-collapse .ant-collapse-item-active .ant-collapse-header .ant-collapse-arrow {
    color: #7c3aed !important; /* Roxo forte */
}

/* Container do texto e ícone à esquerda */
.custom-collapse .ant-collapse-header-text {
    color: var(--color-neutral-600) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    margin: 0 !important;
    transition: color 0.3s ease !important;
}

/* Ícones personalizados no header */
.custom-collapse .header-icon {
    color: var(--color-neutral-500) !important;
    font-size: 16px !important;
    margin-right: 10px !important;
    transition: color 0.3s ease !important;
    flex-shrink: 0 !important;
}

/* Seta de expansão à direita */
.custom-collapse .ant-collapse-header .ant-collapse-arrow {
    color: var(--color-neutral-500) !important;
    font-size: 16px !important;
    position: static !important;
    right: auto !important;
    margin-left: 12px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    transition: color 0.3s ease !important;
}

/* Conteúdo do painel - Conexão visual melhorada */
.custom-collapse .ant-collapse-content {
    border: none !important;
    background: transparent !important;
}

.custom-collapse .ant-collapse-content-box {
    padding: 24px 20px !important;
    background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%) !important; /* Gradiente sutil */
    border-left: 4px solid #7c3aed !important; /* Borda roxa forte */
    border-right: 1px solid #e5e7eb !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-radius: 0 0 12px 12px !important;
    margin-top: -2px !important; /* Conecta melhor com o header */
    position: relative !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06) !important; /* Sombra interna sutil */
}

/* Efeito de conexão visual - linha que "conecta" o header ao conteúdo */
.custom-collapse .ant-collapse-content-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%);
    border-radius: 0 0 2px 2px;
}

/* Remover estilos conflitantes do Ant Design */
.custom-collapse .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
    right: auto !important;
    left: auto !important;
    transform: none !important;
}

.custom-collapse .ant-collapse-item-active > .ant-collapse-header .ant-collapse-arrow {
    transform: rotate(90deg) !important;
}

/* Animação suave para transições */
.custom-collapse .ant-collapse-item {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Estados de loading específicos */
.custom-collapse .ant-collapse-content-box .ant-spin-container {
    background: transparent !important;
}

/* Melhoria na tipografia dentro do conteúdo */
.custom-collapse .ant-collapse-content-box .ant-typography {
    color: #374151 !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .custom-collapse .ant-collapse-header {
        padding: 12px 14px !important;
        min-height: 48px !important;
    }

    .custom-collapse .ant-collapse-content-box {
        padding: 20px 16px !important;
    }
}
.terms-container {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 48px;
  /* Classe de utilidade para centralizar conteúdo em qualquer lugar */
}
.terms-container .terms-card {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: var(--border-radius-large);
}
.terms-container .terms-header {
  text-align: center;
  margin-bottom: 24px;
}
.terms-container .terms-header h2 {
  color: var(--color-secondary-500);
  margin-bottom: 8px;
}
.terms-container .terms-content {
  width: 100%;
}
.terms-container .terms-section {
  margin-bottom: 24px;
}
.terms-container .terms-section h4 {
  color: var(--color-primary-600);
  margin-bottom: 16px;
}
.terms-container .terms-section ul {
  margin-left: 24px;
}
.terms-container .terms-section ul li {
  margin-bottom: 8px;
}
.terms-container .terms-section.centered-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  /* Garantir que o texto dentro do Paragraph fique centralizado */
}
.terms-container .terms-section.centered-content .ant-typography {
  text-align: center;
  width: 100%; /* Isso garante que o texto dentro do Paragraph ocupe toda a largura disponível */
}
.terms-container .centered-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  /* Centralizar o conteúdo dentro dos elementos filhos */
}
.terms-container .centered-content > * {
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) {
  .terms-container {
    padding: 0 16px 32px;
  }
  .terms-container .terms-header h2 {
    font-size: 24px;
  }
  .terms-container .terms-section h4 {
    font-size: 18px;
  }
}
.privacy-container {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 48px;
}
.privacy-container .privacy-card {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: var(--border-radius-large);
}
.privacy-container .privacy-header {
  text-align: center;
  margin-bottom: 24px;
}
.privacy-container .privacy-header h2 {
  color: var(--color-secondary-500);
  margin-bottom: 8px;
}
.privacy-container .privacy-content {
  width: 100%;
}
.privacy-container .privacy-section {
  margin-bottom: 24px;
}
.privacy-container .privacy-section h4 {
  color: var(--color-primary-600);
  margin-bottom: 16px;
}
.privacy-container .privacy-section ul {
  margin-left: 24px;
}
.privacy-container .privacy-section ul li {
  margin-bottom: 8px;
}
.privacy-container .privacy-section.centered-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  /* Garantir que o texto dentro do Paragraph fique centralizado */
}
.privacy-container .privacy-section.centered-content .ant-typography {
  text-align: center;
  width: 100%; /* Isso garante que o texto dentro do Paragraph ocupe toda a largura disponível */
}
@media (max-width: 768px) {
  .privacy-container {
    padding: 0 16px 32px;
  }
  .privacy-container .privacy-header h2 {
    font-size: 24px;
  }
  .privacy-container .privacy-section h4 {
    font-size: 18px;
  }
}.help-container {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 48px;
}
.help-container .help-header {
  text-align: center;
  margin-bottom: 24px;
}
.help-container .help-header h2 {
  color: var(--color-secondary-500);
}
.help-container .help-search-card {
  margin-bottom: 32px;
  text-align: center;
  background: linear-gradient(to right, var(--color-secondary-50), var(--color-primary-50));
  border: none;
  border-radius: var(--border-radius-large);
}
.help-container .help-search-card h4 {
  margin-bottom: 16px;
}
.help-container .help-search-card .help-search {
  display: flex;
  max-width: 600px;
  margin: 0 auto;
  align-items: center;
}
.help-container .help-search-card .help-search .help-search-input {
  flex: 1;
  padding: 10px 16px;
  margin-right: 8px;
  border: 1px solid var(--color-neutral-200);
  border-radius: var(--border-radius-large);
  font-size: var(--font-size-medium);
  height: 40px;
}
.help-container .help-search-card .help-search .help-search-input:focus {
  outline: none;
  border-color: var(--color-primary-500);
  box-shadow: 0 0 0 2px rgba(255, 98, 142, 0.2);
}
.help-container .help-search-card .help-search .ant-btn {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.help-container .help-section {
  margin-bottom: 40px;
}
.help-container .help-section h3 {
  color: var(--color-secondary-500);
}
.help-container .help-section .tutorial-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s;
}
.help-container .help-section .tutorial-card:hover {
  transform: translateY(-5px);
}
.help-container .help-section .tutorial-card .tutorial-icon {
  font-size: 36px;
  color: var(--color-primary-500);
  margin-bottom: 16px;
}
.help-container .help-section .tutorial-card h4 {
  color: var(--color-neutral-800);
}
.help-container .help-section .tutorial-card .ant-btn-link {
  margin-top: auto;
  padding-left: 0;
  color: var(--color-primary-500);
}
.help-container .help-section .faq-item {
  padding: 16px;
  border-radius: var(--border-radius-large);
  border: 1px solid var(--color-neutral-100);
  margin-bottom: 16px;
}
.help-container .help-section .faq-item:hover {
  background-color: var(--color-neutral-50);
}
.help-container .help-section .faq-item .faq-question {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.help-container .help-section .faq-item .faq-question .question-icon {
  color: var(--color-primary-500);
  margin-right: 8px;
}
.help-container .help-section .faq-item .faq-answer {
  margin: 0 0 0 24px;
  color: var(--color-neutral-700);
}
.help-container .help-section .more-help {
  text-align: center;
  margin-top: 32px;
}
.help-container .help-section .more-help h4 {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .help-container .help-search {
    flex-direction: column;
  }
  .help-container .help-search .help-search-input {
    margin-right: 0;
    margin-bottom: 8px;
    width: 100%;
  }
  .help-container .help-search .ant-btn {
    width: 100% !important;
  }
}