/*
 * Temas da area restrita.
 *
 * Edite o bloco inteiro do tema verde ou do tema branco sem depender do outro.
 * As variaveis base se repetem de proposito para facilitar o ajuste visual.
 */

/* Tema 1: verde */
.snp-dashboard {
  --green-900: #4B703C;
  --green-800: #4E6942;
  --green-600: #9BAE53;
  --green-deep: #2f5130;
  --green-50: #f6f8ed;
  --green-20: #e8edd3;
  --green-rgb: 75 112 60;
  --accent-rgb: 155 174 83;
  --accent-soft: #d9e2ad;
  --ink: #2B2E31;
  --ink-rgb: 43 46 49;
  --muted: #65705f;
  --line: #ededed;
  --border: #cfd8bd;
  --border-strong: #9cab92;
  --border-soft: #eef2de;
  --border-soft-alpha: #d9ded540;
  --surface: #fbfbfb;
  --surface-soft: #f7f8f6;
  --surface-muted: #d7dacb7d;
  --surface-accent: rgb(210 220 192);
  --surface-glass: rgb(250 251 247 / .92);
  --surface-info: #eef7ff;
  --surface-warning: #fff6de;
  --surface-danger: #fff2f2;
  --white: #ffffff;
  --white-rgb: 255 255 255;
  --black: #000000;
  --transparent: #ffffff00;
  --danger: #8f3f3f;
  --info: #245170;
  --warning: #71510c;
  --shadow-rgb: 22 36 20;
  --shadow: 0 18px 60px rgb(43 46 49 / .12);

  --gradient-dashboard: linear-gradient(41deg, #4B703C 0%, #4E6942 100%);
  --gradient-dashboard-overlay: linear-gradient(173deg, rgb(58 89 50 / 85%) 0%, rgb(99 131 67 / 0%) 100%);
  --gradient-scroll-thumb: linear-gradient(180deg, #d9e2ad, #9BAE53);
  --gradient-ceip-button: linear-gradient(135deg, #2f5130 0%, #9BAE53 100%);

  --theme-content-bg: #4B703C;
  --theme-content-gradient: linear-gradient(41deg, #4B703C 0%, #4E6942 100%);
  --theme-content-overlay: linear-gradient(173deg, rgb(58 89 50 / 85%) 0%, rgb(99 131 67 / 0%) 100%);
  --theme-content-text: #ffffff;
  --theme-content-muted: rgb(255 255 255 / .70);
  --theme-sidebar-bg: #4B703C;
  --theme-sidebar-text: #ffffff;
  --theme-sidebar-muted: #d9e2ad;
  --theme-sidebar-border: rgb(255 255 255 / .24);
  --theme-sidebar-scroll-track: rgb(255 255 255 / .15);
  --theme-sidebar-scroll-thumb: #d9e2ad;
  --theme-sidebar-account-bg: rgb(255 255 255 / .10);
  --theme-sidebar-account-hover-bg: rgb(255 255 255 / .15);
  --theme-sidebar-avatar-bg: #2B2E31;
  --theme-sidebar-avatar-text: #ffffff;
  --theme-sidebar-divider: rgb(255 255 255 / .10);
  --theme-sidebar-button-bg: #4E6942;
  --theme-sidebar-button-hover-bg: rgb(255 255 255 / .20);
  --theme-sidebar-button-text: #ffffff;
  --theme-nav-text: #e8edd3;
  --theme-nav-hover-bg: rgb(255 255 255 / .10);
  --theme-nav-hover-text: #ffffff;
  --theme-nav-icon-bg: rgb(255 255 255 / .10);
  --theme-nav-icon-active-bg: rgb(255 255 255 / .10);
  --theme-input-bg: transparent;
  --theme-input-text: #ffffff;
  --theme-input-border: rgb(255 255 255 / .15);
  --theme-focus-ring: rgb(155 174 83 / .16);
  --theme-focus-border: rgb(155 174 83 / .60);
  --theme-page-title: #ffffff;
  --theme-page-muted: #ffffff;
  --theme-page-term-border: rgb(255 255 255 / .70);
  --theme-page-button-bg: rgb(255 255 255 / .15);
  --theme-page-button-text: #ffffff;
  --theme-page-button-hover-bg: rgb(255 255 255 / .20);
  --theme-page-button-hover-border: rgb(255 255 255 / .70);
  --theme-export-bg: #d9e2ad;
  --theme-export-text: #2B2E31;
  --theme-export-icon: #4B703C;
  --theme-chip-bg: rgb(255 255 255 / .15);
  --theme-chip-border: rgb(255 255 255 / .20);
  --theme-chip-text: #ffffff;
  --theme-empty-text: #ffffff;
  --theme-empty-muted: rgb(255 255 255 / .85);
  --theme-panel-action-text: #4E6942;
  --theme-panel-action-hover-bg: #4E6942;
  --theme-panel-action-hover-text: #ffffff;
  --theme-card-shadow: 0 12px 30px rgb(22 36 20 / .10);
  --theme-before-opacity: .2;
  --theme-before-blend: overlay;
  --theme-after-display: block;
}

/* Tema 2: branco */
.snp-dashboard.snp-theme-light {
  --green-900: #315b35;
  --green-800: #416b45;
  --green-600: #7f9551;
  --green-deep: #24452a;
  --green-50: #f4f7ef;
  --green-20: #e7ecd9;
  --green-rgb: 49 91 53;
  --accent-rgb: 127 149 81;
  --accent-soft: #dbe4bf;
  --ink: #22272b;
  --ink-rgb: 34 39 43;
  --muted: #65705f;
  --line: #e3e7dd;
  --border: #cfd8bd00;
  --border-strong: #9cab92;
  --border-soft: #eef2de;
  --border-soft-alpha: #d9ded540;
  --surface: #ffffff;
  --surface-soft: #f6f7f4;
  --surface-muted: #eef1e8;
  --surface-accent: rgb(225 231 211);
  --surface-glass: rgb(255 255 255 / .92);
  --surface-info: #eef7ff;
  --surface-warning: #fff6de;
  --surface-danger: #fff2f2;
  --white: #ffffff;
  --white-rgb: 255 255 255;
  --black: #000000;
  --transparent: #ffffff00;
  --danger: #8f3f3f;
  --info: #245170;
  --warning: #71510c;
  --shadow-rgb: 34 39 43;
  --shadow: 0 18px 60px rgb(34 39 43 / .08);

  --gradient-dashboard: none;
  --gradient-dashboard-overlay: none;
  --gradient-scroll-thumb: linear-gradient(180deg, #dbe4bf, #7f9551);
  --gradient-ceip-button: linear-gradient(135deg, #24452a 0%, #7f9551 100%);

  --theme-content-bg: #f6f7f4;
  --theme-content-gradient: none;
  --theme-content-overlay: none;
  --theme-content-text: #22272b;
  --theme-content-muted: #65705f;
  --theme-sidebar-bg: #ffffff;
  --theme-sidebar-text: #22272b;
  --theme-sidebar-muted: #65705f;
  --theme-sidebar-border: #cfd8bd00;
  --theme-sidebar-scroll-track: #eef2de;
  --theme-sidebar-scroll-thumb: #7f9551;
  --theme-sidebar-account-bg: #ffffff;
  --theme-sidebar-account-hover-bg: #f6f7f4;
  --theme-sidebar-avatar-bg: #315b35;
  --theme-sidebar-avatar-text: #ffffff;
  --theme-sidebar-divider: #eef2de;
  --theme-sidebar-button-bg: #315b35;
  --theme-sidebar-button-hover-bg: #416b45;
  --theme-sidebar-button-text: #ffffff;
  --theme-nav-text: #65705f;
  --theme-nav-hover-bg: #f4f7ef;
  --theme-nav-hover-text: #315b35;
  --theme-nav-icon-bg: #f6f7f4;
  --theme-nav-icon-active-bg: #dbe4bf;
  --theme-input-bg: #ffffff;
  --theme-input-text: #22272b;
  --theme-input-border: #cfd8bd;
  --theme-focus-ring: rgb(127 149 81 / .16);
  --theme-focus-border: rgb(127 149 81 / .60);
  --theme-page-title: #22272b;
  --theme-page-muted: #22272b;
  --theme-page-term-border: #9cab92;
  --theme-page-button-bg: #ffffff;
  --theme-page-button-text: #315b35;
  --theme-page-button-hover-bg: #315b35;
  --theme-page-button-hover-border: #315b35;
  --theme-export-bg: #315b35;
  --theme-export-text: #ffffff;
  --theme-export-icon: #ffffff;
  --theme-chip-bg: #ffffff;
  --theme-chip-border: #cfd8bd;
  --theme-chip-text: #315b35;
  --theme-empty-text: #22272b;
  --theme-empty-muted: #65705f;
  --theme-panel-action-text: #315b35;
  --theme-panel-action-hover-bg: #315b35;
  --theme-panel-action-hover-text: #ffffff;
  --theme-card-shadow: none;
  --theme-before-opacity: .04;
  --theme-before-blend: multiply;
  --theme-after-display: none;
}

.snp-dashboard.snp-theme-light .sidebar-brand img {
  filter: none;
}

.snp-dashboard.snp-theme-light .dashboard-columns>.info-panel,
.snp-dashboard.snp-theme-light .dashboard-columns>.panel,
.snp-dashboard.snp-theme-light .metric-card,
.snp-dashboard.snp-theme-light .dashboard-content .page-heading .update-chip,
.snp-dashboard.snp-theme-light .dashboard-table-panel,
.snp-dashboard.snp-theme-light .animal-report-card,
.snp-dashboard.snp-theme-light .animal-detail-section,
.snp-dashboard.snp-theme-light .ceip-certificate,
.snp-dashboard.snp-theme-light .animal-page-nav-button,
.snp-dashboard.snp-theme-light .animal-summary div {
  box-shadow: none !important;
}


.snp-dashboard.snp-theme-light .dashboard-content .filter-panel,
.snp-dashboard.snp-theme-light .filter-panel .panel-heading h2,
.snp-dashboard.snp-theme-light .filter-panel .panel-heading p,
.snp-dashboard.snp-theme-light .filter-panel .field label,
.snp-dashboard.snp-theme-light .filter-panel .filter-drawer summary {
  color: #22272b;
}

.snp-dashboard.snp-theme-light .dashboard-content .page-heading h1,
.snp-dashboard.snp-theme-light .dashboard-content .panel-heading h2,
.snp-dashboard.snp-theme-light .dashboard-table-panel .panel-heading h2,
.snp-dashboard.snp-theme-light .filter-panel .panel-heading h2,
.snp-dashboard.snp-theme-light .data-panel .panel-heading h2,
.snp-dashboard.snp-theme-light .animal-detail-section h3,
.snp-dashboard.snp-theme-light .animal-report-card h4,
.snp-dashboard.snp-theme-light .ceip-section-heading h4,
.snp-dashboard.snp-theme-light .ceip-screen-title h3,
.snp-dashboard.snp-theme-light .ceip-document-title,
.snp-dashboard.snp-theme-light .info-panel .panel-heading h2,
.snp-dashboard.snp-theme-light .empty-module h1 {
  color: #315b35;
}

.snp-dashboard.snp-theme-light .animal-report-card h4 .snp-ui-icon,
.snp-dashboard.snp-theme-light .dashboard-content .page-heading .snp-ui-icon {
  color: #315b35;
}

.snp-dashboard.snp-theme-light .metric-card span,
.snp-dashboard.snp-theme-light .info-list dt,
.snp-dashboard.snp-theme-light .data-table th,
.snp-dashboard.snp-theme-light .detail-table th {
  color: #416b45;
}

.snp-dashboard.snp-theme-light .metric-card strong,
.snp-dashboard.snp-theme-light .info-list dd {
  color: #22272b;
}

.snp-dashboard.snp-theme-light .filter-panel .field input,
.snp-dashboard.snp-theme-light .filter-panel .field select,
.snp-dashboard.snp-theme-light .filter-panel .snp-choice-button {
  border-color: #cfd8bd;
  background: #ffffff;
  color: #22272b;
}

.snp-dashboard.snp-theme-light .filter-panel .field input::placeholder,
.snp-dashboard.snp-theme-light .filter-panel .snp-choice-label {
  color: #65705f;
}

.snp-dashboard.snp-theme-light .filter-panel .field input:hover,
.snp-dashboard.snp-theme-light .filter-panel .snp-choice-button:hover,
.snp-dashboard.snp-theme-light .filter-panel .field input:focus,
.snp-dashboard.snp-theme-light .filter-panel .field select:focus,
.snp-dashboard.snp-theme-light .filter-panel .snp-choice-button:focus-visible,
.snp-dashboard.snp-theme-light .filter-panel .snp-choice.is-open .snp-choice-button {
  border-color: #9cab92;
  background: #ffffff;
}

.snp-dashboard.snp-theme-light .filter-panel .snp-choice-arrow {
  border-color: #65705f;
}

.snp-dashboard.snp-theme-light .filter-panel .button {
  background: #ffffff;
  color: #315b35;
}

.snp-dashboard.snp-theme-light .filter-panel .button:hover {
  border-color: #315b35;
  background: #f4f7ef;
}

.snp-dashboard.snp-theme-light .filter-panel .button[type="submit"] {
  border-color: #cfd8bd;
  background: #eef2de;
  color: #315b35;
}

.snp-dashboard.snp-theme-light .filter-panel .button[type="submit"] .snp-ui-icon {
  color: #315b35;
}

.snp-dashboard.snp-theme-light .filter-panel .button[type="submit"]:hover {
  border-color: #9cab92;
  background: #e2e9d4;
  color: #315b35;
}

.snp-dashboard.snp-theme-light .dashboard-breadcrumb,
.snp-dashboard.snp-theme-light .dashboard-breadcrumb a,
.snp-dashboard.snp-theme-light .dashboard-breadcrumb a:hover,
.snp-dashboard.snp-theme-light .dashboard-breadcrumb [data-breadcrumb-animal],
.snp-dashboard.snp-theme-light .dashboard-breadcrumb [aria-hidden="true"] {
  color: #22272b;
}

.snp-dashboard.snp-theme-light .dashboard-breadcrumb [aria-hidden="true"] {
  opacity: .45;
}

.snp-dashboard.snp-theme-light .theme-switch {
  border-color: #cfd8bd;
  background: #eef2de;
}

.snp-dashboard.snp-theme-light .theme-switch span {
  background: #65705f;
}

.snp-dashboard.snp-theme-light .user-dropdown [data-theme-toggle][aria-pressed="true"] .theme-switch,
.snp-dashboard.snp-theme-light .user-dropdown [data-fullscreen-toggle][aria-pressed="true"] .theme-switch {
  border-color: #315b35;
  background: #315b35;
}

.snp-dashboard.snp-theme-light .user-dropdown [data-theme-toggle][aria-pressed="true"] .theme-switch span,
.snp-dashboard.snp-theme-light .user-dropdown [data-fullscreen-toggle][aria-pressed="true"] .theme-switch span {
  background: #ffffff;
}

.snp-dashboard.snp-theme-light .dashboard-content .filter-panel .button-outline,
.snp-dashboard.snp-theme-light .filter-panel .button.button-outline {
  border-color: #cfd8bd;
  background: transparent;
  color: #315b35;
}

.snp-dashboard.snp-theme-light .dashboard-content .filter-panel .button-outline:hover,
.snp-dashboard.snp-theme-light .filter-panel .button.button-outline:hover {
  border-color: #315b35;
  background: #f4f7ef;
  color: #315b35;
}

.snp-dashboard.snp-theme-light #view-animal .animal-page-heading h1,
.snp-dashboard.snp-theme-light #view-animal .animal-page-heading p,
.snp-dashboard.snp-theme-light #view-animal .animal-highlight-section h3 {
  color: #315b35;
}

.snp-dashboard.snp-theme-light #view-animal .animal-page-heading p {
  color: #65705f;
}

.snp-dashboard.snp-theme-light #view-animal #animal-page-details>.animal-highlight-section {
  border-color: #e3e7dd;
}

.snp-dashboard.snp-theme-light #view-animal .animal-page-nav-button {
  border-color: transparent;
  background: transparent;
  color: #315b35;
}

.snp-dashboard.snp-theme-light #view-animal .animal-page-nav-button:hover:not(:disabled) {
  border-color: #315b35;
  background: #f4f7ef;
  color: #315b35;
}

.snp-dashboard.snp-theme-light #view-animal .animal-summary div {
    background: rgb(255 255 255);
}

.snp-dashboard.snp-theme-light #view-animal .snp-dashboard-notice {
  border-color: #cfd8bd;
  background: #ffffff;
  color: #22272b;
}

.snp-dashboard.snp-theme-light #view-animal .ceip-print-button {
  color: #ffffff;
}


.snp-dashboard.snp-theme-light .dashboard-content::before {
  display: none;
}