@font-face {
  font-family: "Manrope";
  src: url("/assets/fonts/manrope-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("/assets/fonts/space-grotesk-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("/assets/fonts/geist-mono-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --fid-indigo: #1b2028;
  --fid-indigo-soft: #303844;
  --fid-orange: #e8460b;
  --fid-orange-hover: #c83b09;
  --fid-warm-white: #f7f5f2;
  --fid-white: #ffffff;
  --fid-success: #198754;
  --fid-warning: #b26a00;
  --fid-danger: #b42318;
  --fid-info: #176b87;
  --fid-bg: var(--fid-warm-white);
  --fid-surface: var(--fid-white);
  --fid-surface-muted: #efede8;
  --fid-surface-raised: var(--fid-white);
  --fid-text: var(--fid-indigo);
  --fid-text-muted: #626a75;
  --fid-border: #d9d6d0;
  --fid-focus: rgba(232, 70, 11, 0.28);
  --fid-radius-sm: 8px;
  --fid-radius-md: 12px;
  --fid-radius-lg: 16px;
  --header-height: 64px;
  --nav-width: 72px;
  --nav-expanded-width: 248px;
  --page-margin: 20px;
  --page-max-width: none;
  --first-color: var(--fid-indigo);
  --first-color-light: var(--fid-warm-white);
  --white-color: var(--fid-warm-white);
  --body-font: "Manrope", Arial, sans-serif;
  --normal-font-size: 1rem;
  --primary: var(--fid-indigo);
  --green: var(--fid-orange);
  --green-light: var(--fid-orange);
  --bg: var(--fid-bg);
  --card: var(--fid-surface);
  --text: var(--fid-text);
  --muted: var(--fid-text-muted);
  --border: var(--fid-border);
  color-scheme: light;
}

html[data-theme="dark"] {
  --fid-bg: #11151b;
  --fid-surface: #1b2028;
  --fid-surface-muted: #242b35;
  --fid-surface-raised: #202731;
  --fid-text: #f7f5f2;
  --fid-text-muted: #b9c0c9;
  --fid-border: #3a424e;
  --fid-focus: rgba(232, 70, 11, 0.4);
  --first-color: var(--fid-indigo);
  --white-color: var(--fid-warm-white);
  color-scheme: dark;
}

html[data-theme="dark"] body {
  color: var(--fid-text);
  background: var(--fid-bg);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  background: var(--fid-bg);
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: var(--body-font);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--fid-text);
  background: var(--fid-bg);
  transition: background-color 160ms ease, color 160ms ease, padding 220ms ease;
}

body.has-sidebar {
  margin-top: var(--header-height);
  padding: 16px var(--page-margin) 32px;
}

body.public-layout {
  padding: 0;
}

.app-content {
  width: 100%;
  max-width: var(--page-max-width);
  min-width: 0;
  margin-inline: auto;
}

.app-content > :first-child {
  min-width: 0;
}

body,
button,
input,
select,
textarea,
.form-control,
.form-select,
.btn {
  font-family: var(--body-font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--fid-text);
  font-weight: 700;
  letter-spacing: -0.025em;
}

h1 { font-size: clamp(2rem, 4vw, 3.8125rem); }
h2 { font-size: clamp(1.75rem, 3vw, 3.0625rem); }
h3 { font-size: clamp(1.5rem, 2.4vw, 2.4375rem); }
h4 { font-size: clamp(1.25rem, 2vw, 1.9375rem); }

code,
pre,
kbd,
samp,
.font-monospace,
table :is([data-type="number"], [data-field*="id"], [data-field*="codigo"]),
.metric-value,
[class*="kpi"] strong {
  font-family: "Geist Mono", monospace;
  font-variant-numeric: tabular-nums;
}

.technical-label,
.tracking-wider {
  font-family: "Space Grotesk", sans-serif;
}

a {
  color: var(--fid-indigo);
  text-underline-offset: 0.2em;
}

html[data-theme="dark"] a:not(.btn):not(.nav_link):not(.nav_logo) {
  color: var(--fid-warm-white);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--fid-orange) !important;
  outline-offset: 2px;
  box-shadow: none !important;
}

::selection {
  color: var(--fid-warm-white);
  background: var(--fid-orange);
}

/* Shell */
.header {
  width: 100%;
  height: var(--header-height);
  padding: 0 var(--page-margin);
  border-bottom: 1px solid var(--fid-border);
  background: var(--fid-surface);
  color: var(--fid-text);
  z-index: 100;
  transition: background-color 160ms ease, padding 220ms ease;
}

html[data-theme="dark"] body.dark-mode .header {
  color: var(--fid-text);
  background: var(--fid-surface);
}

.header_toggle {
  color: var(--fid-text);
}

.header-menu-button,
.public-theme-toggle {
  display: inline-grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 1px solid var(--fid-border);
  border-radius: var(--fid-radius-sm);
  color: var(--fid-text);
  background: var(--fid-surface);
}

#change-mode.public-theme-toggle {
  width: 44px !important;
}

#change-mode.nav_theme_toggle {
  width: 100% !important;
}

.header-menu-button:hover,
.public-theme-toggle:hover {
  color: var(--fid-warm-white);
  border-color: var(--fid-orange);
  background: var(--fid-orange);
}

.header-menu-button i,
.public-theme-toggle i {
  font-size: 1.35rem;
}

.header_img {
  width: 44px;
  height: 44px;
  border: 2px solid var(--fid-border);
  background: var(--fid-surface-muted);
}

.header_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#logo-user {
  color: var(--fid-indigo) !important;
}

html[data-theme="dark"] #logo-user {
  color: var(--fid-warm-white) !important;
}

.l-navbar {
  top: 0;
  left: 0;
  width: min(var(--nav-expanded-width), calc(100vw - 40px));
  height: 100dvh !important;
  padding: 16px 12px 16px 0;
  transform: translateX(-105%);
  border-right: 1px solid rgba(247, 245, 242, 0.16);
  background: var(--fid-indigo);
  z-index: 102;
  transition: width 220ms ease, transform 220ms ease;
}

.l-navbar.show-nav {
  transform: translateX(0);
}

.nav {
  flex-wrap: nowrap;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: rgba(247, 245, 242, 0.35) transparent;
  scrollbar-width: thin;
}

.nav_logo,
.nav_link {
  min-height: 44px;
  grid-template-columns: 32px minmax(0, 1fr);
  column-gap: 12px;
  padding: 8px 12px 8px 16px;
  border: 0;
  border-radius: 0 var(--fid-radius-sm) var(--fid-radius-sm) 0;
}

.nav_logo {
  display: flex;
  align-items: center;
  min-height: 70px;
  margin-bottom: 16px;
}

.brand-logo {
  display: block;
  width: 140px;
  min-width: 90px;
  height: auto;
}

.brand-point {
  display: none;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: var(--fid-orange);
}

.nav_link {
  width: 100%;
  margin: 0 0 4px;
  text-align: left;
  color: var(--fid-warm-white);
  background: transparent;
  transition: background-color 140ms ease, color 140ms ease;
}

.nav_link i {
  width: 32px;
  font-size: 1.15rem;
  text-align: center;
}

.nav_link:hover {
  color: var(--fid-warm-white);
  background: rgba(247, 245, 242, 0.1);
}

.nav_link.active-nav {
  color: var(--fid-warm-white);
  background: rgba(232, 70, 11, 0.18);
}

.active-nav::before {
  width: 4px;
  height: 28px;
  border-radius: 0 4px 4px 0;
  background: var(--fid-orange);
}

.nav_theme_toggle {
  margin-top: 16px;
}

body.nav-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 101;
  background: rgba(17, 21, 27, 0.62);
}

.public-theme-toggle {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 105;
}

/* Bootstrap e componentes compartilhados */
.btn {
  min-height: 44px;
  padding: 9px 16px;
  border-radius: var(--fid-radius-sm);
  font-weight: 700;
  box-shadow: none !important;
  background-image: none !important;
}

.btn-sm {
  min-height: 36px;
  padding: 6px 12px;
}

.btn-primary,
.btn-success,
.btn-login,
.btn-alterar,
.submit-button,
.btn-check:checked + .btn {
  border-color: var(--fid-indigo) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-indigo) !important;
  box-shadow: none !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-login:hover,
.btn-alterar:hover,
.submit-button:hover,
.btn-check:checked + .btn:hover {
  border-color: var(--fid-orange) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-orange) !important;
}

html[data-theme="dark"] :is(.btn-primary, .btn-success, .btn-login, .btn-alterar, .submit-button, .btn-check:checked + .btn) {
  border-color: var(--fid-orange) !important;
  background: var(--fid-orange) !important;
}

html[data-theme="dark"] :is(.btn-primary, .btn-success, .btn-login, .btn-alterar, .submit-button, .btn-check:checked + .btn):hover {
  border-color: var(--fid-warm-white) !important;
  color: var(--fid-indigo) !important;
  background: var(--fid-warm-white) !important;
}

.btn-outline-primary,
.btn-outline-success {
  border-color: var(--fid-indigo) !important;
  color: var(--fid-indigo) !important;
  background: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-success:hover {
  border-color: var(--fid-indigo) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-indigo) !important;
}

html[data-theme="dark"] .btn-light {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface-muted) !important;
}

html[data-theme="dark"] :is(.btn-outline-primary, .btn-outline-success) {
  border-color: var(--fid-warm-white) !important;
  color: var(--fid-warm-white) !important;
}

.bg-success {
  background-color: var(--fid-success) !important;
}

.text-success {
  color: var(--fid-success) !important;
}

.bg-warning { background-color: var(--fid-warning) !important; }
.bg-danger { background-color: var(--fid-danger) !important; }
.text-danger { color: var(--fid-danger) !important; }

.spinner-border.text-success {
  color: var(--fid-orange) !important;
}

.form-control,
.form-select,
.input-group-text,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  min-height: 44px;
  border: 1px solid var(--fid-border) !important;
  border-radius: var(--fid-radius-sm);
  color: var(--fid-text);
  background-color: var(--fid-surface) !important;
  box-shadow: none !important;
}

.form-control:focus,
.form-select:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--fid-orange) !important;
  box-shadow: 0 0 0 3px var(--fid-focus) !important;
}

.form-control::placeholder,
.form-text,
.text-muted {
  color: var(--fid-text-muted) !important;
}

.form-check-input:checked {
  border-color: var(--fid-orange);
  background-color: var(--fid-orange);
}

.card,
.modal-content,
.offcanvas,
.dropdown-menu,
.dashboard-card,
.profile-card,
.login-card,
.alterar-card,
.recon-card,
.colab-topbar,
.colab-card,
.analytics-eventos-painel,
.signature-card {
  border-color: var(--fid-border) !important;
  color: var(--fid-text);
  background-color: var(--fid-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shadow,
.shadow-sm,
.shadow-lg {
  box-shadow: none !important;
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.offcanvas-header,
.dropdown-item,
.list-group-item,
.accordion-item,
.accordion-button {
  border-color: var(--fid-border) !important;
  color: var(--fid-text);
  background-color: var(--fid-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.list-group-item-action:hover {
  color: var(--fid-text);
  background: var(--fid-surface-muted) !important;
}

.modal-backdrop.show,
.offcanvas-backdrop.show {
  opacity: 0.62;
}

.offcanvas-large,
.largee {
  width: min(92vw, 1200px) !important;
  max-width: 100% !important;
}

.table-responsive {
  max-width: 100%;
  overflow-x: auto;
  border-radius: var(--fid-radius-sm);
  scrollbar-color: var(--fid-text-muted) transparent;
}

.table {
  --bs-table-bg: var(--fid-surface);
  --bs-table-color: var(--fid-text);
  --bs-table-border-color: var(--fid-border);
  --bs-table-hover-bg: var(--fid-surface-muted);
  --bs-table-hover-color: var(--fid-text);
  margin-bottom: 0;
}

.table > thead > tr > th,
.cabecalho {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface-muted) !important;
}

.pagination {
  --bs-pagination-color: var(--fid-indigo);
  --bs-pagination-bg: var(--fid-surface);
  --bs-pagination-border-color: var(--fid-border);
  --bs-pagination-hover-color: var(--fid-warm-white);
  --bs-pagination-hover-bg: var(--fid-indigo);
  --bs-pagination-hover-border-color: var(--fid-indigo);
  --bs-pagination-active-bg: var(--fid-orange);
  --bs-pagination-active-border-color: var(--fid-orange);
}

.tooltip {
  --bs-tooltip-bg: var(--fid-indigo);
  --bs-tooltip-color: var(--fid-warm-white);
}

.badge {
  border-radius: 999px;
}

.listas {
  max-height: calc(100dvh - 208px);
  height: auto;
  min-height: 180px;
  overflow: auto;
  border: 1px solid var(--fid-border);
  border-top: 0;
  background: var(--fid-surface);
}

html[data-theme="dark"] body.dark-mode .listas {
  border-color: var(--fid-border);
  color: var(--fid-text);
  background: var(--fid-surface);
}

html[data-theme="dark"] body.dark-mode #filtros button:not(.btn-danger):not(.btn-warning) {
  color: inherit;
  background-color: transparent;
}

html[data-theme="dark"] body.dark-mode #filtros :is(.btn-primary, .btn-success) {
  color: var(--fid-warm-white);
  background-color: var(--fid-orange);
}

#id_maquina option {
  width: auto;
  max-width: 100%;
}

/* Login, acesso negado e alteração de senha */
.login-container,
.alterar-container {
  min-height: 100dvh;
  padding: 72px 20px 32px;
  background: var(--fid-bg);
}

.login-card,
.alterar-card {
  width: min(100%, 440px);
  min-width: 0;
  padding: clamp(24px, 5vw, 40px);
  border: 1px solid var(--fid-border);
  border-radius: var(--fid-radius-lg);
}

.login-card :is(#login-step-credenciais, #login-step-otp),
.alterar-card form {
  min-width: 0;
}

.login-card .form-label,
.alterar-card .form-label {
  display: block;
}

.login-card .form-control,
.alterar-card .form-control {
  display: block;
  width: 100%;
  min-width: 0;
}

.login-card :is(.btn-login, .btn-outline-secondary),
.alterar-card :is(.btn, button[type="submit"]) {
  display: block;
  width: 100%;
}

.login-card .d-none,
.alterar-card .d-none {
  display: none !important;
}

.login-brand {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.login-logo {
  width: min(180px, 52vw);
  min-width: 90px;
  height: auto;
}

.logo-for-dark { display: none; }
html[data-theme="dark"] .logo-for-light { display: none; }
html[data-theme="dark"] .logo-for-dark { display: block; }

.login-heading {
  margin: 0 0 24px;
  font-size: 1.5625rem;
  text-align: center;
}

.login-footer {
  text-align: center;
  font-size: 0.8125rem;
}

/* Módulos principais */
.portal-container,
.signature-page {
  width: 100%;
  min-height: calc(100dvh - var(--header-height) - 16px);
  padding: clamp(16px, 3vw, 32px);
  color: var(--fid-text);
  background: var(--fid-bg) !important;
}

.portal-header h1,
.portal-header h1 span,
.dashboard-title,
.login-title,
.alterar-title {
  color: var(--fid-indigo) !important;
}

html[data-theme="dark"] :is(.portal-header h1, .dashboard-title, .login-title, .alterar-title) {
  color: var(--fid-warm-white) !important;
}

.portal-header h1 span,
html[data-theme="dark"] .portal-header h1 span {
  color: var(--fid-orange) !important;
}

.portal-container :is(.card, [class*="-card"], [class*="-panel"], [class*="-box"]),
.colab-dashboard :is(.card, [class*="-card"], [class*="-panel"]),
.dashboard-card,
.profile-card,
.news-card,
.offcanvas {
  box-shadow: none !important;
}

.portal-container :is(.action-button, .submit-button, [class*="primary-button"]),
.colab-dashboard :is(.colab-primary-action, .btn-success) {
  border-color: var(--fid-indigo) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-indigo) !important;
  background-image: none !important;
}

.portal-container :is(.action-button, .submit-button, [class*="primary-button"]):hover,
.colab-dashboard :is(.colab-primary-action, .btn-success):hover {
  border-color: var(--fid-orange) !important;
  background: var(--fid-orange) !important;
}

.colab-dashboard {
  --colab-bg-soft: var(--fid-bg);
  --colab-border: var(--fid-border);
  --colab-text-main: var(--fid-text);
  --colab-text-muted: var(--fid-text-muted);
  --colab-green: var(--fid-indigo);
  --colab-green-soft: var(--fid-surface-muted);
  color: var(--fid-text);
}

.colab-topbar,
.analytics-eventos-header,
.analytics-evento-item,
.analytics-score-table thead th,
.analytics-score-table tbody tr.analytics-row-active td {
  color: var(--fid-text) !important;
  background: var(--fid-surface) !important;
  background-image: none !important;
}

.analytics-eventos-header,
.analytics-score-table thead th {
  background: var(--fid-surface-muted) !important;
}

html[data-theme="dark"] .colab-dashboard :is(
  .colab-kpi,
  .colab-restriction-note,
  .colab-card,
  .colab-chip,
  .analytics-evento-item,
  .analytics-eventos-painel
) {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .colab-dashboard :is(.colab-chip, .colab-chip-empresa, .analytics-evento-modulo) {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface-muted) !important;
}

html[data-theme="dark"] .colab-dashboard :is(.colab-email, .analytics-evento-meta) {
  color: var(--fid-text-muted) !important;
}

html[data-theme="dark"] #cabecalho-acessos {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface-muted) !important;
}

html[data-theme="dark"] #lista-acessos .linha-acesso:nth-child(n),
html[data-theme="dark"] :is(.filtro-acessos-painel, .item-acesso-modal, .item-acesso-gerenciar) {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #lista-acessos .linha-acesso:hover {
  background: var(--fid-surface-muted) !important;
}

html[data-theme="dark"] :is(.colaborador-nome, .colaborador-setor, .colaborador-email) {
  color: var(--fid-text) !important;
}

html[data-theme="dark"] :is(.contatos-emergencia-card, .alerta-sem-contatos-emergencia) {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface) !important;
}

html[data-theme="dark"] .profile-card :is(.profile-email, .email_usuario) {
  color: var(--fid-text-muted) !important;
}

html[data-theme="dark"] .profile-card :is(.contatos-emergencia-card h5, .profile-info label) {
  color: var(--fid-text) !important;
}

html[data-theme="dark"] .profile-card .input-contato-emergencia[disabled] {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface-muted) !important;
}

.news-card:hover,
.recon-card:hover {
  transform: none;
  box-shadow: none !important;
}

.news-image-overlay {
  background: rgba(27, 32, 40, 0.82) !important;
  background-image: none !important;
}

.signature-hero {
  color: var(--fid-warm-white);
  background: var(--fid-indigo) !important;
}

.signature-hero h1 {
  color: var(--fid-warm-white) !important;
}

.signature-page {
  margin: 0 !important;
}

.signature-content,
.signature-privacy {
  max-width: 1200px;
  padding-inline: 0;
}

.signature-panel,
.signature-preview-box,
.signature-panel input {
  border-color: var(--fid-border);
  color: var(--fid-text);
  background: var(--fid-surface);
  box-shadow: none;
}

.signature-primary {
  color: var(--fid-warm-white);
  background: var(--fid-indigo);
}

.signature-primary:hover {
  background: var(--fid-orange);
}

.manager-banner {
  color: var(--fid-warm-white);
  background: var(--fid-indigo) !important;
  background-image: none !important;
}

.portal-header {
  background: transparent !important;
}

.portal-count-badge {
  border: 1px solid var(--fid-orange) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-orange) !important;
  font-family: "Geist Mono", monospace;
  font-weight: 700;
}

.portal-container :is(.card-icon, .card-icon-user) {
  border: 1px solid rgba(232, 70, 11, 0.22);
  background: rgba(232, 70, 11, 0.1) !important;
}

.portal-container .btn-add-cat,
.request-card .colab-avatar-row-fallback {
  border: 1px solid rgba(232, 70, 11, 0.28) !important;
  color: var(--fid-orange) !important;
  background: rgba(232, 70, 11, 0.1) !important;
  box-shadow: none !important;
}

.portal-container .btn-add-cat:hover {
  border-color: var(--fid-orange) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-orange) !important;
  transform: none;
}

html[data-theme="dark"] :is(.portal-container .btn-add-cat, .request-card .colab-avatar-row-fallback) {
  background: rgba(232, 70, 11, 0.18) !important;
}

html[data-theme="dark"] .portal-container :is(.card-icon, .card-icon-user) {
  background: rgba(232, 70, 11, 0.18) !important;
}

#modalSolicitarFeedback .brand-modal-title {
  color: var(--fid-orange) !important;
}

.manager-banner .btn-export-csv {
  border-color: var(--fid-orange) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-orange) !important;
  box-shadow: none !important;
}

.manager-banner .btn-export-csv:hover {
  border-color: var(--fid-orange-hover) !important;
  background: var(--fid-orange-hover) !important;
}

.manager-toggle {
  border-color: var(--fid-border) !important;
  color: var(--fid-orange) !important;
  background: var(--fid-surface) !important;
}

#switch-modo:checked {
  border-color: var(--fid-orange) !important;
  background-color: var(--fid-orange) !important;
}

.btn-help-fab {
  background: var(--fid-orange) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.btn-help-fab:hover {
  background: var(--fid-orange-hover) !important;
  box-shadow: none !important;
}

/* Criação e leitura de feedbacks */
.feedback-modal,
.rating-card,
.portal-container .info-card {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.portal-container .info-card {
  background: var(--fid-surface-muted) !important;
}

.portal-container .info-card h3 {
  color: var(--fid-orange) !important;
}

.portal-container .info-card p,
.rating-content p {
  color: var(--fid-text-muted) !important;
}

.rating-content h3 {
  color: var(--fid-text) !important;
}

.rating-card:hover {
  border-color: var(--fid-orange) !important;
  transform: none;
}

.rating-card .stars {
  color: var(--fid-border-strong);
}

.rating-card .star-item:is(.active, .hover) {
  color: var(--fid-orange);
}

.rating-card .btn-toggle-comment {
  border: 1px solid var(--fid-border);
  color: var(--fid-text-muted);
  background: var(--fid-surface-muted);
}

.rating-card .btn-toggle-comment:is(:hover, .has-content) {
  border-color: var(--fid-orange);
  color: var(--fid-warm-white);
  background: var(--fid-orange);
}

/* Solicitações e paginação do Portal do Time */
.request-card {
  border-color: var(--fid-border) !important;
  color: var(--fid-text);
  background: var(--fid-surface) !important;
  box-shadow: none !important;
}

.request-card:hover {
  border-color: var(--fid-orange) !important;
  transform: none;
  box-shadow: none !important;
}

.request-card .request-msg-preview {
  border: 1px solid var(--fid-border);
  color: var(--fid-text-muted);
  background: var(--fid-surface-muted) !important;
}

.request-card :is(.request-date, .text-muted) {
  color: var(--fid-text-muted) !important;
}

.request-card .request-avatar {
  border: 1px solid var(--fid-border);
  color: var(--fid-orange);
  background: var(--fid-surface-muted);
}

.request-card .status-pendente {
  border-color: rgba(178, 106, 0, 0.35);
  color: var(--fid-warning);
  background: rgba(178, 106, 0, 0.12);
}

.request-card .status-negado {
  border-color: rgba(180, 35, 24, 0.35);
  color: var(--fid-danger);
  background: rgba(180, 35, 24, 0.1);
}

.request-card .status-respondido {
  border-color: rgba(25, 135, 84, 0.35);
  color: var(--fid-success);
  background: rgba(25, 135, 84, 0.12);
}

html[data-theme="dark"] .request-card .status-pendente { color: #f0b44d; }
html[data-theme="dark"] .request-card .status-negado { color: #ff8b82; }
html[data-theme="dark"] .request-card .status-respondido { color: #72d5a6; }

.pagination-container .page-item {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--fid-border);
  border-radius: 8px;
  color: var(--fid-text) !important;
  background: var(--fid-surface) !important;
  box-shadow: none !important;
}

.pagination-container .page-item:is(:hover, :focus-visible) {
  border-color: var(--fid-orange);
  color: var(--fid-orange) !important;
  background: var(--fid-surface-muted) !important;
}

.pagination-container .page-item.active {
  border-color: var(--fid-orange) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-orange) !important;
}

.pagination-container .page-item.disabled {
  opacity: 0.38;
  pointer-events: none;
}

/* Cadastro e agenda de PDI */
.pdi-info-card {
  border: 1px solid var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface-muted) !important;
  box-shadow: none !important;
}

.pdi-info-card .info-icon {
  color: var(--fid-text) !important;
  background: var(--fid-surface) !important;
}

.pdi-info-card .pdi-roles-title {
  color: var(--fid-orange) !important;
}

.pdi-info-card ul,
.pdi-info-card li {
  color: var(--fid-text-muted) !important;
}

.pdi-section-box,
.pdi-participant-card,
.pdi-reuniao-info-card {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface) !important;
  box-shadow: none !important;
}

#btn-agendar-reuniao-pdi {
  border-color: var(--fid-indigo) !important;
  color: var(--fid-indigo) !important;
  background: transparent !important;
}

#btn-agendar-reuniao-pdi:hover {
  border-color: var(--fid-orange) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-orange) !important;
}

html[data-theme="dark"] #btn-agendar-reuniao-pdi {
  border-color: var(--fid-warm-white) !important;
  color: var(--fid-warm-white) !important;
}

#modalAgendarReuniaoPDI .modal-content {
  overflow: hidden;
  border: 1px solid var(--fid-border) !important;
  border-radius: 16px !important;
  color: var(--fid-text);
  background: var(--fid-surface) !important;
  box-shadow: none !important;
}

#modalAgendarReuniaoPDI .modal-title {
  color: var(--fid-orange) !important;
}

#calendar-pdi {
  width: 100%;
  max-width: 100%;
  color: var(--fid-text);
  background: var(--fid-surface);
  overflow-x: auto;
}

#calendar-pdi .fc-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#calendar-pdi :is(.fc-toolbar h2, .fc-day-number) {
  color: var(--fid-text) !important;
}

#calendar-pdi .fc-state-default {
  border-color: var(--fid-border);
  color: var(--fid-text);
  background: var(--fid-surface-muted);
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}

#calendar-pdi .fc-state-default:is(:hover, :focus),
#calendar-pdi .fc-state-active {
  border-color: var(--fid-orange);
  color: var(--fid-warm-white);
  background: var(--fid-orange);
}

#calendar-pdi :is(.fc-widget-header, .fc-widget-content, .fc-divider, .fc-view-container) {
  border-color: var(--fid-border) !important;
  color: var(--fid-text);
  background: var(--fid-surface) !important;
}

#calendar-pdi .fc-day-header {
  color: var(--fid-warm-white) !important;
  background: var(--fid-indigo) !important;
}

#calendar-pdi .fc-today {
  background: rgba(232, 70, 11, 0.16) !important;
}

#calendar-pdi .fc-day.pdi-date-selected {
  box-shadow: inset 0 0 0 2px var(--fid-orange);
  background: rgba(232, 70, 11, 0.24) !important;
}

#calendar-pdi .fc-other-month,
#calendar-pdi .fc-other-month .fc-day-number {
  color: var(--fid-text-muted) !important;
  opacity: 0.65;
}

#id_usuario_avaliado,
#descricao_feedback,
.comment-container textarea,
.select2-container--default .select2-selection--single {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface) !important;
  box-shadow: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--fid-text-muted) !important;
}

/* Visualização completa de reconhecimento */
#modalVisualizarRecon .modal-dialog {
  width: min(1180px, calc(100vw - 32px));
  max-width: 1180px;
  margin-inline: auto;
}

#modalVisualizarRecon .recon-viewer-modal {
  overflow: hidden;
  max-height: calc(100dvh - 32px);
  border: 1px solid var(--fid-border) !important;
  border-radius: 16px !important;
  color: var(--fid-text);
  background: var(--fid-surface);
  box-shadow: none !important;
}

#modalVisualizarRecon .recon-viewer-layout {
  min-height: min(680px, calc(100dvh - 64px));
}

#modalVisualizarRecon .recon-viewer-media {
  min-height: 520px;
  max-height: calc(100dvh - 64px);
  overflow: hidden;
  border-right: 1px solid var(--fid-border);
  background: #11151c;
}

#modalVisualizarRecon #visualizar-recon-midia-container,
#modalVisualizarRecon .carousel,
#modalVisualizarRecon .carousel-inner,
#modalVisualizarRecon .carousel-item,
#modalVisualizarRecon .recon-viewer-slide {
  width: 100%;
  height: 100%;
  min-height: inherit;
}

#modalVisualizarRecon .recon-viewer-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #11151c;
}

#modalVisualizarRecon .recon-viewer-asset {
  display: block;
  width: 100%;
  height: 100%;
  max-height: calc(100dvh - 112px);
  object-fit: contain;
}

#modalVisualizarRecon .recon-viewer-panel {
  max-height: calc(100dvh - 64px);
  border-left: 0;
  color: var(--fid-text);
  background: var(--fid-surface);
}

#modalVisualizarRecon :is(.recon-viewer-header, .recon-viewer-message, .recon-viewer-footer) {
  border-color: var(--fid-border) !important;
  color: var(--fid-text);
  background: var(--fid-surface);
}

#modalVisualizarRecon #visualizar-recon-comentarios-list {
  min-height: 180px;
  color: var(--fid-text);
  background: var(--fid-surface-muted);
}

#modalVisualizarRecon .recon-viewer-tag {
  border: 1px solid rgba(232, 70, 11, 0.35);
  color: var(--fid-orange);
  background: rgba(232, 70, 11, 0.1);
}

#modalVisualizarRecon .recon-viewer-empty {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: inherit;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 32px;
  color: var(--fid-warm-white);
  text-align: center;
  background: #11151c;
}

#modalVisualizarRecon .recon-viewer-empty i {
  color: var(--fid-orange);
  font-size: 2rem;
}

#modalVisualizarRecon .recon-viewer-empty span {
  color: rgba(247, 245, 242, 0.7);
  font-size: 0.8125rem;
}

#modalVisualizarRecon .modal-loading-overlay {
  color: var(--fid-orange);
  background: color-mix(in srgb, var(--fid-surface) 85%, transparent);
}

#modalVisualizarRecon #visualizar-recon-input-comentario {
  border: 1px solid var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface-muted) !important;
}

#modalVisualizarRecon #visualizar-recon-btn-comentar {
  border-color: var(--fid-orange) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-orange) !important;
}

.recon-main-banner,
.colab-avatar-fallback {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface-muted) !important;
  background-image: none !important;
}

.carousel-caption-custom {
  background: rgba(27, 32, 40, 0.88) !important;
  background-image: none !important;
}

.pdi-section-rule {
  width: 40px;
  height: 2px;
  background: var(--fid-orange);
}

.pdi-roles-title {
  margin-bottom: 12px;
  color: var(--fid-indigo);
  font-size: 1.5625rem;
  font-weight: 700;
}

html[data-theme="dark"] .pdi-roles-title {
  color: var(--fid-warm-white);
}

/* Portal do Time: identidade e contraste */
.portal-tabs-nav {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.portal-tabs-nav .tab-item {
  flex: 0 0 auto;
  color: var(--fid-text-muted);
  font-size: clamp(0.875rem, 2vw, 1.5rem);
}

.portal-tabs-nav .tab-item:is(:hover, .active) {
  color: var(--fid-indigo);
}

.portal-tabs-nav .tab-indicator {
  background: var(--fid-orange);
}

.feed-fid-title {
  font-family: "Manrope", Arial, sans-serif !important;
}

.feed-fid-title .text-verde,
.portal-container .text-verde {
  color: var(--fid-orange) !important;
}

.feed-fid-title .text-azul,
.portal-container .text-azul {
  color: var(--fid-indigo) !important;
}

.recon-emoji-circle-main {
  color: var(--fid-warm-white) !important;
  background: var(--fid-orange) !important;
  box-shadow: none !important;
}

.recon-btn-action:hover,
.recon-btn-action.curtido {
  color: var(--fid-orange) !important;
}

.recon-tag-badge {
  border-color: var(--fid-border) !important;
  color: var(--fid-indigo) !important;
  background: var(--fid-surface-muted) !important;
  box-shadow: none !important;
}

.portal-container :is(.modal-title.text-success, h4.text-success, h5.text-success, h6.text-success, .bi-funnel.text-success, .text-green) {
  color: var(--fid-orange) !important;
}

.recon-input-modern:focus,
.recon-input-comentario .form-control:focus {
  border-color: var(--fid-orange) !important;
  box-shadow: 0 0 0 3px var(--fid-focus) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-color: var(--fid-indigo) !important;
  color: var(--fid-indigo) !important;
  background-color: var(--fid-surface-muted) !important;
}

.portal-container .info-icon {
  color: var(--fid-text) !important;
  background: var(--fid-surface) !important;
}

.portal-container .pdi-info-card ul {
  color: var(--fid-text-muted) !important;
}

html[data-theme="dark"] .portal-container {
  color: var(--fid-text);
}

html[data-theme="dark"] .portal-container :is(
  h1, h2, h3, h4, h5, h6,
  .section-title,
  .media-item-val,
  .pdi-card-col .card-title,
  .recon-title-text,
  .recon-author-msg,
  .recon-overlay-title,
  .feedback-header h1,
  .form-label
) {
  color: var(--fid-text) !important;
}

html[data-theme="dark"] .portal-header h1 span,
html[data-theme="dark"] .feed-fid-title .text-verde {
  color: var(--fid-orange) !important;
}

html[data-theme="dark"] .feed-fid-title .text-azul {
  color: var(--fid-warm-white) !important;
}

html[data-theme="dark"] .portal-tabs-nav .tab-item {
  color: var(--fid-text-muted) !important;
}

html[data-theme="dark"] .portal-tabs-nav .tab-item:is(:hover, .active) {
  color: var(--fid-warm-white) !important;
}

html[data-theme="dark"] .portal-container :is(
  .request-card,
  .feedback-modal,
  .history-button,
  .feedback-left,
  .feedback-right,
  .feedback-card,
  .category-card,
  .pdi-section-box,
  .pdi-participant-card,
  .pdi-reuniao-info-card,
  .rating-mini-card,
  .pdi-card-col .card,
  .recon-card,
  .recon-emoji-circle,
  .recon-comentario-bubble,
  .recon-input-modern,
  .recon-comentario-content,
  .recon-input-comentario .form-control
) {
  border-color: var(--fid-border) !important;
  color: var(--fid-text) !important;
  background: var(--fid-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .portal-container :is(
  .recon-subtitle-text,
  .recon-overlay-subtitle,
  .recon-btn-action,
  .help-content p,
  .help-content li,
  .media-item-name
) {
  color: var(--fid-text-muted) !important;
}

html[data-theme="dark"] .portal-container :is(.text-primary, .text-azul) {
  color: var(--fid-warm-white) !important;
}

html[data-theme="dark"] .portal-container .recon-tag-badge {
  border-color: var(--fid-orange) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-indigo-soft) !important;
}

html[data-theme="dark"] .portal-container :is(.manager-banner, .manager-banner h2, .manager-banner p) {
  color: var(--fid-warm-white) !important;
}

html[data-theme="dark"] .portal-container .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-color: var(--fid-orange) !important;
  color: var(--fid-warm-white) !important;
  background: var(--fid-indigo-soft) !important;
}

/* FullCalendar / Agenda */
#calendar {
  max-width: 100%;
  padding: 16px;
  border: 1px solid var(--fid-border);
  border-radius: var(--fid-radius-md);
  color: var(--fid-text);
  background: var(--fid-surface);
  overflow-x: auto;
}

#calendar .fc-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#calendar .fc-toolbar h2,
#calendar .fc-day-number,
#calendar .fc-list-heading-main,
#calendar .fc-list-heading-alt {
  color: var(--fid-text) !important;
}

#calendar .fc-state-default {
  border-color: var(--fid-border);
  color: var(--fid-text);
  background: var(--fid-surface-muted);
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}

#calendar .fc-state-default:is(:hover, :focus),
#calendar .fc-state-active {
  border-color: var(--fid-orange);
  color: var(--fid-warm-white);
  background: var(--fid-orange);
}

#calendar .fc-widget-header,
#calendar .fc-widget-content,
#calendar .fc-divider,
#calendar .fc-list-view,
#calendar .fc-popover {
  border-color: var(--fid-border) !important;
  color: var(--fid-text);
  background: var(--fid-surface) !important;
}

#calendar .fc-day-header,
#calendar .fc-list-heading td {
  color: var(--fid-warm-white) !important;
  background: var(--fid-indigo) !important;
}

#calendar .fc-unthemed .fc-today,
#calendar .fc-today {
  background: rgba(232, 70, 11, 0.16) !important;
}

#calendar .fc-other-month,
#calendar .fc-other-month .fc-day-number {
  color: var(--fid-text-muted) !important;
  opacity: 0.7;
}

#calendar .fc-event {
  border-color: var(--fid-orange);
  color: var(--fid-warm-white);
  background: var(--fid-orange);
}

html[data-theme="dark"] #calendar :is(.fc-view-container, .fc-scroller, .fc-day-grid-container) {
  color: var(--fid-text);
  background: var(--fid-surface) !important;
}

#btnSalvarPDI {
  min-height: 56px;
  border-radius: var(--fid-radius-lg);
  font-size: 1.125rem;
}

.signature-mark {
  color: var(--fid-orange) !important;
}

html[data-theme="dark"] :is(.bg-white, .bg-light) {
  color: var(--fid-text) !important;
  background-color: var(--fid-surface) !important;
}

html[data-theme="dark"] :is(.text-dark, .form-label, p, td, th, label) {
  color: var(--fid-text);
}

html[data-theme="dark"] :is(.select2-dropdown, .select2-results__option, .flatpickr-calendar, .flatpickr-day) {
  border-color: var(--fid-border);
  color: var(--fid-text);
  background: var(--fid-surface-raised);
}

html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: var(--fid-warm-white);
  background: var(--fid-indigo-soft);
}

html[data-theme="dark"] .fc-unthemed :is(td, th, .fc-divider, .fc-list-heading td, .fc-popover .fc-header) {
  border-color: var(--fid-border);
}

html[data-theme="dark"] .fc-view-container,
html[data-theme="dark"] .fc-popover {
  color: var(--fid-text);
  background: var(--fid-surface);
}

@media (min-width: 600px) {
  :root {
    --page-margin: 40px;
  }

  body.has-sidebar {
    padding-top: 20px;
  }
}

@media (min-width: 1024px) {
  :root {
    --page-margin: 64px;
    --page-max-width: 1200px;
  }

  body.has-sidebar {
    padding: 24px var(--page-margin) 40px calc(var(--nav-width) + var(--page-margin));
  }

  body.has-sidebar.body-pd-nav {
    padding-left: calc(var(--nav-expanded-width) + var(--page-margin));
  }

  .header {
    padding-right: var(--page-margin);
    padding-left: calc(var(--nav-width) + var(--page-margin));
  }

  .header.body-pd-nav {
    padding-left: calc(var(--nav-expanded-width) + var(--page-margin));
  }

  .l-navbar {
    width: var(--nav-width);
    padding-top: 16px;
    transform: translateX(0);
  }

  .l-navbar.show-nav {
    width: var(--nav-expanded-width);
  }

  .l-navbar:not(.show-nav) .brand-logo,
  .l-navbar:not(.show-nav) .nav_name {
    display: none;
  }

  .l-navbar:not(.show-nav) .brand-point {
    display: block;
  }

  .l-navbar:not(.show-nav) .nav_logo,
  .l-navbar:not(.show-nav) .nav_link {
    grid-template-columns: 32px;
  }

  body.nav-open::before {
    display: none;
  }
}

@media (min-width: 1440px) {
  :root {
    --page-margin: 80px;
    --page-max-width: 1280px;
  }
}

@media (max-width: 1023.98px) {
  .l-navbar .brand-logo { display: block; }
  .l-navbar .brand-point { display: none; }

  .portal-header,
  .colab-top-actions,
  .signature-actions,
  .card-header.d-flex {
    flex-wrap: wrap;
    gap: 12px;
  }

  .portal-header > *,
  .signature-actions > * {
    min-width: 0;
  }

  .offcanvas-large,
  .largee {
    width: min(92vw, 720px) !important;
  }

  #modalVisualizarRecon .recon-viewer-modal {
    overflow-y: auto;
  }

  #modalVisualizarRecon .recon-viewer-layout {
    min-height: 0;
  }

  #modalVisualizarRecon .recon-viewer-media {
    min-height: 280px;
    max-height: 42dvh;
    border-right: 0;
    border-bottom: 1px solid var(--fid-border);
  }

  #modalVisualizarRecon .recon-viewer-panel {
    max-height: none;
  }

  #modalVisualizarRecon #visualizar-recon-comentarios-list {
    flex: 0 0 auto !important;
    max-height: 280px;
  }

  #modalAgendarReuniaoPDI .modal-dialog {
    width: min(92vw, 760px);
    max-width: 760px;
  }

  #modalAgendarReuniaoPDI .row > [class*="col-"] + [class*="col-"] {
    margin-top: 24px;
  }
}

@media (max-width: 599.98px) {
  .app-content :is(.container, .container-fluid) {
    padding-inline: 0;
  }

  .portal-container,
  .signature-page {
    margin-inline: 0;
    padding: 16px 0;
  }

  .portal-header {
    align-items: stretch;
  }

  .portal-header > *,
  .portal-header .btn,
  .colab-top-actions .btn,
  .signature-actions .btn {
    width: 100%;
  }

  .modal-dialog {
    max-width: calc(100vw - 24px);
    margin: 12px auto;
  }

  #modalVisualizarRecon .modal-dialog {
    width: calc(100vw - 24px);
  }

  #modalVisualizarRecon .recon-viewer-media {
    min-height: 220px;
  }

  #modalVisualizarRecon .recon-viewer-slide {
    padding: 12px;
  }

  .manager-banner {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 20px;
  }

  .manager-banner h2 {
    font-size: 1.75rem;
  }

  .manager-banner-actions,
  .manager-banner .btn-export-csv {
    width: 100%;
  }

  .manager-banner-actions {
    justify-content: stretch;
  }

  .pagination-container {
    max-width: 100%;
    gap: 4px;
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 4px;
  }

  .pagination-container .page-item {
    flex: 0 0 44px;
  }

  .pdi-info-card {
    flex-direction: column;
  }

  #modalAgendarReuniaoPDI .modal-body {
    padding: 16px !important;
  }

  #calendar-pdi .fc-view-container {
    min-width: 600px;
  }

  #calendar-pdi .fc-toolbar > * {
    float: none !important;
  }

  .offcanvas-large,
  .largee,
  .offcanvas {
    width: calc(100vw - 20px) !important;
  }

  .listas {
    max-height: none;
  }

  .btn-group:not(.btn-group-sm) {
    max-width: 100%;
    flex-wrap: wrap;
  }

  #filtros > [class*="col-"],
  #filtros > .row[class*="col-"] {
    flex: 0 0 100%;
    width: 100%;
    margin-left: 0;
    text-align: left !important;
  }

  #filtros > [class*="col-"] .btn {
    width: 100%;
    margin-right: 0 !important;
  }

  .reunioes-cabecalho {
    display: none;
  }

  #cabecalho-acessos {
    display: none;
  }

  #lista-acessos {
    border-top: 1px solid var(--fid-border);
    border-radius: var(--fid-radius-md);
  }

  #lista-acessos .linha-acesso {
    gap: 12px;
    padding: 16px;
  }

  #lista-acessos :is(.acessos-resumo, .acoes-acesso) {
    justify-content: flex-start;
  }

  .reunioes-lista {
    border-top: 1px solid var(--fid-border) !important;
    border-radius: var(--fid-radius-md) !important;
  }

  .reunioes-lista .card-reuniao {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 16px;
    padding: 16px !important;
    text-align: left !important;
    background: var(--fid-surface);
  }

  .reunioes-lista .card-reuniao > div {
    width: auto;
    max-width: 100%;
    padding: 0 !important;
    text-align: left !important;
  }

  .reunioes-lista .card-reuniao > div:first-child {
    grid-column: 1 / -1;
  }

  .reunioes-lista .card-reuniao > div:last-child {
    grid-column: 2;
    grid-row: 2 / span 3;
    align-self: center;
  }

  .reunioes-lista .card-reuniao > div:nth-child(2)::before { content: "Início: "; }
  .reunioes-lista .card-reuniao > div:nth-child(3)::before { content: "Término: "; }
  .reunioes-lista .card-reuniao > div:nth-child(4)::before { content: "Criador: "; }
  .reunioes-lista .card-reuniao > div:nth-child(5)::before { content: "Participantes: "; }

  .reunioes-lista .card-reuniao > div::before {
    color: var(--fid-text-muted);
    font-weight: 700;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}