/* Destaque para linhas que correspondem à busca */
tr.row-highlight { background: #fff59d; }
tr.row-highlight.hl-yellow { background: #fff59d; }
tr.row-highlight.hl-orange { background: #ffe0b2; }
tr.row-highlight.hl-red { background: #ffcccb; }
tr.row-last-updated {
  animation: lastUpdatedPulse 1.4s ease-in-out 3;
  position: relative;
}
tr.row-last-updated::after {
  content: '★';
  position: absolute;
  right: 6px;
  top: 4px;
  font-size: 0.9rem;
  color: #d35400;
}
@keyframes lastUpdatedPulse {
  0% { box-shadow: 0 0 0 rgba(211, 84, 0, 0.4); }
  50% { box-shadow: 0 0 12px rgba(211, 84, 0, 0.7); }
  100% { box-shadow: 0 0 0 rgba(211, 84, 0, 0.4); }
}

/* Non-matching rows dimmed when search is active */
tr.row-dim td { color: var(--color-text-muted, #777); font-size: 0.80em; line-height: 1.08; padding-top: 2px; padding-bottom: 2px; }

/* Make tables more compact overall */
table { border-collapse: collapse; }

/* Larger spacing for normal (non-dimmed) rows to increase contrast */
.events-table td { padding-top: 6px; padding-bottom: 6px; line-height: 1.25; }
.events-table tr:not(.row-dim) td { font-size: 0.95em; }
.event-title-cell {
  transition: background-color .15s ease;
  color: #111;
}
.title-final-word { background: #fff59d; padding: 0 .2rem; border-radius: 4px; box-decoration-break: clone; font-weight: 600; }
.title-obs-word { background: #b2ebf2; padding: 0 .2rem; border-radius: 4px; box-decoration-break: clone; font-style: italic; }
#create-summary-preview { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Dashboard: destaque do próximo evento */
.dashboard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--color-border, #8884);
  border-radius: .75rem;
  background: linear-gradient(180deg, #e8f5e9, #ffffff) no-repeat;
  margin: 1rem 0 1.25rem;
}
.dash-left { display:flex; flex-direction:column; gap:.25rem; }
.dash-kicker { font-size: .9rem; color:#2e7d32; font-weight: 600; letter-spacing:.02em; }
.dash-title { margin:0; font-size: 1.35rem; font-weight: 700; }
.dash-when { color:#555; }
.dash-right { display:flex; align-items:center; }
.dash-days { display:flex; align-items:baseline; gap:.4rem; }
.dash-days .num { font-size:1.6rem; font-weight:700; }
.dash-days .label { color:#555; }
/* Ensure the 'dias' label inside card headers contrasts with header color */
.dash-card-header .dash-days .label { color: inherit; }
.dash-header-left { display:flex; flex-direction:column; gap:.15rem; }
.dash-header-right {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.15rem;
  flex-shrink: 0;
  min-width: 90px;
}
.dash-count-header { font-weight: 700; font-size: .95rem; }

/* Dashboard cards (four upcoming dates) */
.dash-group {
  border: 1px solid var(--color-border, #8884);
  border-radius: .75rem;
  padding: .75rem 1rem;
  background: linear-gradient(180deg, #f5f5f5, #ffffff) no-repeat;
  margin: 1rem 0 1.25rem;
}
.dash-group-title { font-weight: 700; margin-bottom: .5rem; display: flex; flex-wrap: wrap; gap: .25rem .5rem; align-items: center; }
.dash-group-filter {
  display: inline-flex;
  align-items: center;
  padding: 0 .5rem;
  border-radius: 999px;
  font-size: .85em;
  text-transform: uppercase;
  letter-spacing: .04em;
  background: #ffe4cc;
  color: #a64700;
  border: 1px solid rgba(230, 139, 60, .6);
}
.dash-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 300px));
  gap: 1rem;
  margin: 1rem 0 1.25rem;
  justify-content: flex-start;
}
.dash-cards.cards-stretch { align-items: stretch; }
.dash-cards.cards-auto { align-items: start; }
.dash-card {
  border: 1px solid var(--color-border, #8884);
  border-radius: .75rem;
  background: var(--color-surface, #fff);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dash-card--today {
  border-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.18);
}
:root[data-theme="dark"] .dash-card--today {
  border-color: #f8fafc;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15);
  background: rgba(15, 23, 42, 0.85);
}
.dash-card--today .dash-card-body {
  position: relative;
}
.dash-card--today .dash-card-body::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(250, 204, 21, 0.2), rgba(253, 224, 71, 0.05));
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: 0;
}
:root[data-theme="dark"] .dash-card--today .dash-card-body::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(148, 163, 184, 0.08));
  mix-blend-mode: lighten;
}
.dash-card--today .dash-card-body > * {
  position: relative;
  z-index: 1;
}
.dash-card--today .dash-days .num {
  color: #ffffff;
}
:root[data-theme="dark"] .dash-card--today .dash-days .num {
  color: #ffffff;
}
.dash-card--today .dash-card-header {
  filter: saturate(1.05);
}
.create-event-dialog {
  max-width: 680px;
  width: 100%;
}
.create-event-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.create-event-form .form-grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.header-tools {
  display: flex;
  align-items: center;
  gap: .75rem;
}
.header-create-btn {
  padding: 0.25rem 0.7rem;
  font-size: 0.85rem;
}
.create-event-form label span {
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 600;
  color: var(--color-text-muted, #4c4d57);
}
.create-event-form select,
.create-event-form input[type="text"],
.create-event-form input[type="date"],
.create-event-form textarea {
  width: 100%;
  margin-top: .15rem;
  border: 1px solid var(--color-border, #d1d5db);
  border-radius: .4rem;
  padding: .45rem .6rem;
  font-size: .95rem;
  font-family: inherit;
  background: #fff;
  color: var(--color-text, #0f172a);
}
.create-event-form textarea {
  resize: vertical;
}
.result-type-field {
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.result-type-options {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}
.result-type-option {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .9rem;
}
.result-type-option input {
  width: auto;
  margin: 0;
}
.create-description-current {
  border: 1px solid var(--color-border, #d1d5db);
  border-radius: .4rem;
  padding: .5rem .65rem;
  background: var(--color-surface-alt, #f9fafb);
  font-size: .9rem;
  color: var(--color-text, #111827);
}
.create-description-current[hidden] {
  display: none;
}
.create-description-current-title {
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
  color: var(--color-text-muted, #6b7280);
  display: block;
  margin-bottom: .35rem;
}
.create-description-current-body {
  white-space: pre-wrap;
  line-height: 1.35;
}
.checkbox-inline {
  display: flex;
  align-items: flex-end;
  gap: .35rem;
}
.checkbox-inline input {
  margin: 0;
}
.series-block span {
  display: block;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 600;
  color: var(--color-text-muted, #4c4d57);
  margin-bottom: .25rem;
}
.segments-block span {
  display: block;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 600;
  color: var(--color-text-muted, #4c4d57);
  margin-bottom: .25rem;
}
.segments-wrapper {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.segment-group {
  border: 1px solid var(--color-border, #dbeafe);
  border-radius: .5rem;
  padding: .5rem;
  background: #f8fbff;
}
.segment-group .segment-header {
  display: flex;
  align-items: center;
  gap: .35rem;
  font-weight: 600;
  margin-bottom: .35rem;
}
.segment-group .segment-header input {
  margin: 0;
}
.segment-series {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.segment-series.disabled {
  opacity: .5;
}
.series-options {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  border: 1px dashed var(--color-border, #d1d5db);
  border-radius: .5rem;
  padding: .5rem;
}
.series-option {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .25rem .5rem;
  border-radius: 999px;
  border: 1px solid var(--color-border, #cbd5f5);
  background: #f5f8ff;
  font-size: .85rem;
}
.series-option input {
  margin: 0;
}
.create-preview {
  border: 1px solid var(--color-border, #e2e8f0);
  border-radius: .5rem;
  padding: .5rem .75rem;
  background: #f8fafc;
}
.create-preview span {
  display: block;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 600;
  color: var(--color-text-muted, #4c4d57);
  margin-bottom: .3rem;
}
.create-preview p span { display: inline; }
.create-preview p {
  margin: 0;
  font-size: .95rem;
  font-weight: 600;
  color: var(--color-heading, #1f2937);
}
.create-event-status {
  min-height: 1.2rem;
}
.create-event-status.error {
  color: #c0392b;
}
.create-event-status.success {
  color: #0f8c3a;
}
.create-actions {
  display: flex;
  justify-content: flex-end;
  gap: .75rem;
}
.segments-wrapper,
.segment-group,
.create-event-form label span,
.segments-block span {
  color: var(--color-text, #0f172a);
}

:root[data-theme="dark"] .create-event-dialog {
  background: #111827;
  color: #f3f4f6;
}
:root[data-theme="dark"] .create-event-form label span,
:root[data-theme="dark"] .segments-block span {
  color: #e5e7eb;
}
:root[data-theme="dark"] .create-event-form select,
:root[data-theme="dark"] .create-event-form input[type="text"],
:root[data-theme="dark"] .create-event-form input[type="date"],
:root[data-theme="dark"] .create-event-form input[type="time"],
:root[data-theme="dark"] .create-event-form textarea {
  background: #0f172a;
  color: #f3f4f6;
  border-color: #374151;
}
:root[data-theme="dark"] .create-description-current {
  background: rgba(15, 23, 42, 0.7);
  border-color: #374151;
  color: #f8fafc;
}
:root[data-theme="dark"] .create-description-current-title {
  color: #e5e7eb;
}
:root[data-theme="dark"] .segments-wrapper {
  color: #f3f4f6;
}
:root[data-theme="dark"] .segment-group {
  background: #0f172a;
  border-color: #334155;
}
:root[data-theme="dark"] .segment-series.disabled {
  opacity: .6;
}
:root[data-theme="dark"] .series-option {
  border-color: #475569;
  background: #1e293b;
  color: #f3f4f6;
}
:root[data-theme="dark"] .create-event-status {
  color: #e5e7eb;
}
:root[data-theme="dark"] .create-event-status.error {
  color: #f87171;
}
:root[data-theme="dark"] .create-event-status.success {
  color: #4ade80;
}
/* Header colored by proximity */
.dash-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: .6rem 1rem;
  gap: .5rem;
}
/* Proximity palette (light variants inspired by index_modelo) */
.dash-card-header.p-0  { background: #330000; color:#fff; }
.dash-card-header.p-1  { background: #330000; color:#fff; }
.dash-card-header.p-2  { background: #4C0000; color:#fff; }
.dash-card-header.p-3  { background: #660000; color:#fff; }
.dash-card-header.p-4  { background: #800000; color:#fff; }
.dash-card-header.p-5  { background: #990000; color:#fff; }
.dash-card-header.p-6  { background: #CC0000; color:#fff; }
.dash-card-header.p-7  { background: #FF0000; color:#fff; }
.dash-card-header.p-8  { background: #FF4C4C; color:#111; }
.dash-card-header.p-9  { background: #FF7F7F; color:#111; }
.dash-card-header.p-10 { background: #FF9999; color:#111; }
.dash-card-header.p-11 { background: #FFB2B2; color:#111; }
.dash-card-header.p-12 { background: #FFCCCC; color:#111; }
.dash-card-header.p-13 { background: #FFE5E5; color:#111; }
.dash-card-header.p-14 { background: #F2F2F2; color:#111; }
.dash-card-header.p-far, .dash-card-header.p-unknown { background: #FFFFFF; color:#111; }
.dash-date { font-weight: 700; }
/* Ensure card dates are always white text on black background */
.dash-card-header .dash-date {
  color: #fff;
  background: #000;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
}
.dash-card-header .dash-date.has-weekday {
  display: inline-flex;
  align-items: stretch;
  padding: 0;
  background: transparent;
  color: inherit;
  overflow: hidden;
  border: 1px solid #000;
  border-radius: 4px;
}
.dash-card-header .dash-date.has-weekday .dash-weekday,
.dash-card-header .dash-date.has-weekday .dash-date-value {
  display: inline-block;
  padding: 2px 6px;
}
.dash-card-header .dash-date.has-weekday .dash-weekday {
  background: #fff;
  color: #000;
}
.dash-card-header .dash-date.has-weekday .dash-date-value {
  background: #000;
  color: #fff;
}
.dash-card-body { padding: .75rem 1rem; flex: 1 1 auto; }
.cards-auto .dash-card-body { flex: 0 0 auto; }
.dash-count-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .35rem 1rem;
  margin: -.75rem -1rem .75rem;
  border-radius: 0;
  background: #333;
  color: #fff;
  font-weight: 700;
  font-size: .9rem;
  text-align: center;
  min-width: 120px;
}
/* Body and footer colored by event density (non red/yellow palette) */
/* low (1): mint */
/* density classes (new names) */
.dash-card-body.c-low, .dash-card-footer.c-low { background: #FFFFFF; }
.dash-card-body.c-medium, .dash-card-footer.c-medium { background: #E2E2E2; }
.dash-card-body.c-high, .dash-card-footer.c-high { background: #D2D2D2; }
/* backward-compat aliases */
.dash-events {
  margin: .25rem 0 0;
  padding-left: 0;
  list-style: none;
}
.dash-events li {
  margin: .2rem 0;
  list-style: none;
}
.dash-events-numbered {
  counter-reset: dash-event-counter;
}
.dash-events-numbered li {
  position: relative;
  padding-left: 0;
  padding-right: 1.6rem;
  min-height: 1.35rem;
  counter-increment: dash-event-counter;
}
.dash-events-numbered li::before {
  content: counter(dash-event-counter);
  position: absolute;
  top: -.2rem;
  right: 0;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: #333;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1;
}
/* Espaçamento extra apenas entre itens consecutivos (substitui o <br> removido) */
.dash-events li + li { margin-top: 0; }
/* Keep logo on the same line as the list marker */
.dash-events .ev-logo { display: inline-block; margin: 0 .4rem 0 0; vertical-align: middle; }
.dash-events .ev-logo-img { height: 34px; width: auto; display: block; }
/* Exceptions: keep original size for specific assets */
.dash-events .ev-logo-img[src$="/mais.png"],
.dash-events .ev-logo-img[src$="/parque.png"] { height: 24px; }
.dash-events .ev-date { font-weight: 600; }
.dash-events .ev-school { color: var(--color-text-muted, #555); font-weight: 700; font-size: .85em; display: inline; vertical-align: middle; }
.dash-events .ev-title { display: block; margin-top: .1rem; color: #111; }
.dash-count { margin: 0 0 .4rem 0; font-size: 1.08rem; color: var(--color-text, #222); font-weight: 700; }
/* Thin footer bar to reinforce density color */
.dash-card-footer { height: 6px; }

/* Legend for card colors */

/* Spacing between school logo line and the text below in cards */
.dash-events .ev-logo { margin-bottom: .25rem; }
.dash-events .ev-title { margin-top: .5rem; color: #111; }

/* Filters actions: align simulated date chip to button height */
.filters-actions { display: flex; align-items: stretch; gap: .5rem; }
.filters-actions .btn-update { display: inline-flex; align-items: center; }

.search-words-field .search-field-control {
  display: flex;
  gap: 0.4rem;
  align-items: stretch;
}

.search-words-field input[type="text"] {
  flex: 1;
}

.btn-search-clear {
  border: 1px solid var(--color-border, rgba(15,23,42,0.25));
  background: var(--color-surface-alt, #f8fafc);
  color: var(--color-text, #0f172a);
  border-radius: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 0 0.85rem;
  min-width: 90px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

.btn-search-clear:hover:not(:disabled) {
  background: var(--color-surface-strong, #e2e8f0);
}

.btn-search-clear:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dash-legend {
  display: flex;
  gap: .75rem;
  align-items: center;
  flex-wrap: wrap;
  margin-top: .25rem;
  font-size: .9rem;
  color: var(--color-text, #333);
}
.dash-legend .legend-title { font-weight: 700; }
.dash-legend.legend-updated { margin-top: .5rem; }
.dash-legend .swatch {
  display: inline-block;
  width: 12px; height: 12px;
  border-radius: 3px;
  margin-right: .3rem;
  border: 1px solid var(--color-border, #8884);
}
.dash-legend .prox-scale { display:inline-flex; gap:2px; margin: 0 .25rem; vertical-align: middle; }
.dash-legend .prox-scale .swatch { width: 12px; height: 12px; margin-right: 0; border-radius: 2px; }
.dash-legend .swatch.c-low { background: #FFFFFF; }
.dash-legend .swatch.c-medium { background: #E2E2E2; }
.dash-legend .swatch.c-high { background: #D2D2D2; }
/* backward-compat for old legend swatches (if any remain) */
/* Proximity swatches for legend */
.dash-legend .swatch.p-0 { background: #330000; }
.dash-legend .swatch.p-1 { background: #330000; }
.dash-legend .swatch.p-2 { background: #4C0000; }
.dash-legend .swatch.p-3 { background: #660000; }
.dash-legend .swatch.p-4 { background: #800000; }
.dash-legend .swatch.p-5 { background: #990000; }
.dash-legend .swatch.p-6 { background: #CC0000; }
.dash-legend .swatch.p-7 { background: #FF0000; }
.dash-legend .swatch.p-8 { background: #FF4C4C; }
.dash-legend .swatch.p-9 { background: #FF7F7F; }
.dash-legend .swatch.p-10 { background: #FF9999; }
.dash-legend .swatch.p-11 { background: #FFB2B2; }
.dash-legend .swatch.p-12 { background: #FFCCCC; }
.dash-legend .swatch.p-13 { background: #FFE5E5; }
.dash-legend .swatch.p-14 { background: #F2F2F2; }
.dash-legend .swatch.p-far { background: #FFFFFF; }
.dash-legend .swatch.prox-range { display:none; }
/* Hide old legend block */
.dash-legend:not(.legend-updated) { display: none; }

/* Filters collapsible panel */
.filters-panel { position: relative; margin: .25rem 0 1rem; }
.filters-close {
  position: absolute;
  top: .4rem;
  right: .4rem;
  border: none;
  background: transparent;
  font-size: 1.2rem;
  cursor: pointer;
  color: var(--color-text-muted, #555);
  padding: .2rem;
  line-height: 1;
}
.filters-close:hover { color: var(--color-text, #000); }
.filters-panel.collapsed .filters-close { display: none; }
.filters-panel > .filters-toggle {
  position: absolute; right: .25rem; top: .25rem;
  border: 1px solid var(--color-border, #8884); background: var(--color-surface, #fff); color: var(--color-text, #333);
  width: 34px; height: 34px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer; font-size: 18px; line-height: 1;
}
.filters-panel.collapsed .filters-content { display: none; }

/* Toolbar row housing clock + actions */
.page-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 .85rem;
  flex-wrap: wrap;
}
.page-toolbar .cards-clock-wrapper {
  flex: 1 1 260px;
}
.page-toolbar .filters-actions {
  flex: 0 0 auto;
  margin: 0;
}

.guest-page-toolbar {
  margin-bottom: .5rem;
}

.guest-login-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem;
  max-width: 520px;
  padding: 0 0 .25rem 0;
}

.guest-auth-message {
  margin: 0;
  font-size: .95rem;
  line-height: 1.35;
  color: #991b1b;
  background: #fee2e2;
  border: 1px solid #fecaca;
  border-radius: .5rem;
  padding: .5rem .7rem;
}

.guest-login-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: .55rem 1.15rem;
  border-radius: .6rem;
  border: 1px solid #1d4ed8;
  background: #2563eb;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.guest-login-btn:hover {
  background: #1d4ed8;
}

.guest-login-btn:focus-visible {
  outline: 2px solid #93c5fd;
  outline-offset: 2px;
}

.logs-panel {
  padding-top: 0.5rem;
}

.log-tabs-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
}

.log-tabs-nav {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.log-tab-button {
  border: 1px solid var(--color-border, #dfe3eb);
  background: var(--color-surface-alt, #eef2ff);
  color: var(--color-text, #0f172a);
  padding: 0.3rem 0.9rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.log-tab-button.is-active {
  background: #0f172a;
  border-color: #0f172a;
  color: #fff;
}

.log-tab-panels {
  margin-top: 0.75rem;
}

.log-tab-panel {
  display: none;
}

.log-tab-panel.is-active {
  display: block;
}

/* Actions row outside the collapsible content */
.filters-actions {
  margin: 0;
  display:flex;
  gap:.5rem;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.filters-actions .btn-summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .55rem 1rem;
  border-radius: .5rem;
  border: 1px solid #6d28d9;
  background: #7c3aed;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease, transform .05s ease;
}
.filters-actions .btn-summary:hover {
  background: #6d28d9;
  border-color: #5b21b6;
}
.filters-actions .btn-summary:active {
  transform: translateY(1px);
}
.filters-actions .btn-summary:focus-visible {
  outline: 2px solid #c4b5fd;
  outline-offset: 2px;
}
.filters-actions .filters-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .6rem 1rem;
  border-radius: .5rem;
  background: #007bff;
  border: 1px solid #007bff;
  color: #fff;
  font-weight: 600;
  transition: background .15s ease, border-color .15s ease, transform .05s ease;
}
.filters-actions .filters-toggle:hover {
  background: #0069d9;
  border-color: #0069d9;
}
.filters-actions .filters-toggle:active {
  transform: translateY(1px);
  background: #005cbf;
  border-color: #005cbf;
}
.filters-actions .filters-toggle:focus-visible {
  outline: 2px solid #005cbf;
  outline-offset: 2px;
}
.filters-actions .btn-update {
  background: #2ecc71;
  border-color: #2ecc71;
  color: #fff;
  font-weight: 600;
  transition: background .15s ease, border-color .15s ease, transform .05s ease;
}
.filters-actions .btn-update:hover {
  background: #27ae60;
  border-color: #27ae60;
}
.filters-actions .btn-update:active {
  transform: translateY(1px);
  background: #1e874b;
  border-color: #1e874b;
}
.filters-actions .btn-update:focus-visible {
  outline: 2px solid #1e874b;
  outline-offset: 2px;
}

.user-log-panel {
  border: 1px solid var(--color-border, #dfe3eb);
  border-radius: 0.75rem;
  padding: 0.85rem 1rem;
  background: var(--color-surface, #fff);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.user-log-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.user-log-panel-header .muted {
  display: block;
  font-size: 0.8rem;
}

.user-log-refresh {
  border: 1px solid var(--color-border, #dfe3eb);
  background: var(--color-surface-alt, #f8fafc);
  color: var(--color-text, #0f172a);
  border-radius: 0.5rem;
  padding: 0.35rem 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.user-log-refresh:hover {
  background: var(--color-surface-strong, #e2e8f0);
}

.user-log-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  min-height: 64px;
}

.user-log-empty {
  margin: 0;
  color: var(--color-text-muted, #5f6c86);
}

.user-log-error {
  color: #b91c1c;
  font-size: 0.85rem;
  display: none;
}

.user-log-error.is-visible {
  display: block;
}

.user-log-avatar {
  position: relative;
  border: none;
  background: transparent;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  padding: 0;
  gap: 0.35rem;
}

.user-log-avatar:focus-visible {
  outline: 2px solid #0f172a;
  outline-offset: 4px;
  border-radius: 1.5rem;
}

.user-log-avatar-inner {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--color-border, rgba(0,0,0,0.12));
  background: var(--color-surface-alt, #f1f5f9);
  background-size: cover;
  background-position: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  color: var(--color-text, #0f172a);
}

.user-log-avatar-inner[data-has-image="false"] {
  background: var(--color-surface-alt, #e2e8f0);
}

.user-log-avatar-role {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-text-muted, #5f6c86);
  background: var(--color-surface, #fff);
  border-radius: 999px;
  padding: 0.1rem 0.4rem;
  line-height: 1.2;
  white-space: nowrap;
}

.user-log-avatar::after {
  content: attr(data-reaction);
  position: absolute;
  top: -6px;
  right: -6px;
  background: var(--color-surface, #fff);
  border-radius: 999px;
  border: 1px solid var(--color-border, rgba(0,0,0,0.1));
  padding: 0.1rem 0.35rem;
  font-size: 0.75rem;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease;
  pointer-events: none;
}

.user-log-avatar:hover::after,
.user-log-avatar:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
}

.user-log-modal-dialog {
  max-width: 600px;
}

.user-log-modal-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.user-log-modal-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--color-surface-alt, #e2e8f0);
  background-size: cover;
  background-position: center;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.3rem;
}

.user-log-modal-info h3 {
  margin: 0 0 0.15rem;
  font-size: 1.1rem;
}

.user-log-modal-role {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-text-muted, #5f6c86);
}

.user-log-modal-body {
  max-height: 65vh;
  overflow: auto;
}

.user-log-modal-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.user-log-modal-item {
  border: 1px solid var(--color-border, #e2e8f0);
  border-radius: 0.65rem;
  padding: 0.5rem 0.75rem;
  background: var(--color-surface-alt, #f8fafc);
}

.user-log-modal-item strong {
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  display: inline-block;
  margin-bottom: 0.15rem;
}

.user-log-modal-item time {
  display: block;
  font-size: 0.85rem;
  color: var(--color-text-muted, #5f6c86);
}

.user-log-modal-item .user-log-meta {
  margin-top: 0.2rem;
  font-size: 0.82rem;
  color: var(--color-text-muted, #5f6c86);
}

.user-log-modal-empty {
  margin: 0;
  color: var(--color-text-muted, #5f6c86);
}

.event-alerts-panel {
  margin: 1rem 0 1.5rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--color-border, #dfe3eb);
  border-radius: 0.75rem;
  background: var(--color-surface, #fbfcff);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.02);
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.event-alerts-panel.has-alerts {
  border-color: #1b5e20;
  background: #f1fff4;
}
.event-alerts-panel.is-disabled {
  opacity: 0.6;
}
.event-alerts-panel.has-error {
  border-color: #c0392b;
}
.event-alerts-panel.is-collapsed {
  display: none;
}
.event-alerts-panel.event-alerts-panel--pulse {
  animation: eventAlertPulse 1s ease;
}
@keyframes eventAlertPulse {
  0% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.45); }
  70% { box-shadow: 0 0 0 18px rgba(46, 204, 113, 0); }
  100% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0); }
}
.event-alerts-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.event-alerts-title {
  font-weight: 600;
  color: var(--color-text, #0b3d2c);
}
.event-alerts-status {
  font-size: 0.85rem;
  color: var(--color-text-muted, #4c566a);
}
.event-alerts-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.event-alert-item {
  border: 1px solid var(--color-border, rgba(0,0,0,0.08));
  border-radius: 0.65rem;
  padding: 0.55rem 0.75rem;
  background: var(--color-surface, #fff);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.event-alert-item--date-change {
  border-color: #f87171;
  background: #fff5f5;
}
.event-alert-item--delay {
  border-color: #facc15;
  background: #fff8db;
}
.event-alert-item--anticipate {
  border-color: #ef4444;
  background: #ffe2e2;
}
.event-alert-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.event-alert-badge {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
}
.event-alert-badge.created { background: #e8f5e9; color: #1b5e20; }
.event-alert-badge.updated { background: #e3f2fd; color: #0d47a1; }
.event-alert-badge.deleted { background: #ffebee; color: #b71c1c; }
.event-alert-summary {
  font-weight: 600;
  flex: 1 1 auto;
}
.event-alert-item--date-change .event-alert-summary {
  color: #b91c1c;
  font-weight: 700;
}
.event-alert-meta {
  font-size: 0.82rem;
  color: var(--color-text-muted, #5f6368);
}
.event-alert-date-note {
  font-size: 0.85rem;
  font-weight: 700;
  color: #b91c1c;
  display: flex;
  gap: 0.35rem;
  align-items: center;
}
.event-alert-date-note strong {
  font-size: 0.85rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  background: rgba(185, 28, 28, 0.12);
  color: inherit;
}
.event-alert-item--delay .event-alert-date-note {
  color: #b45309;
}
.event-alert-item--delay .event-alert-date-note strong {
  color: #7a2e0a;
  background: rgba(250, 204, 21, 0.2);
}
.event-alert-item--anticipate .event-alert-date-note {
  color: #b91c1c;
}
.event-alert-item--anticipate .event-alert-date-note strong {
  color: #7f1d1d;
  background: rgba(248, 113, 113, 0.2);
}
.event-alert-empty {
  padding: 0.25rem 0;
  font-size: 0.9rem;
  color: var(--color-text-muted, #5f6368);
}
.event-alerts-error {
  margin-top: 0.4rem;
  font-size: 0.85rem;
  color: #b71c1c;
  display: none;
}
.event-alerts-panel.has-error .event-alerts-error {
  display: block;
}
.filters-actions .btn-monitor {
  border: 1px solid #f1c40f;
  background: #f1c40f;
  color: #2c3e50;
  padding: .6rem 1rem;
  border-radius: .5rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  transition: background .15s ease, border-color .15s ease, transform .05s ease;
}
.filters-actions .btn-monitor:hover {
  background: #d4ac0d;
  border-color: #d4ac0d;
}
.filters-actions .btn-monitor:active {
  transform: translateY(1px);
}
.filters-actions .btn-monitor:focus-visible {
  outline: 2px solid #b7950b;
  outline-offset: 2px;
}
.monitor-toggle-block {
  display: flex;
  justify-content: flex-start;
}
.monitor-toggle-block .btn-monitor {
  width: 100%;
  justify-content: center;
}
.btn-monitor-indicator {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background: #e74c3c;
  display: inline-block;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity .2s ease, transform .2s ease;
}
.btn-monitor-indicator--visible {
  opacity: 1;
  transform: scale(1);
}
.btn-monitor--attention {
  box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5);
  animation: btnMonitorPulse 1.2s ease infinite;
}
.filters-panel:not(.collapsed) .btn-monitor--actions {
  display: inline-flex;
}
.filters-panel.collapsed .btn-monitor--actions {
  display: inline-flex;
}
@keyframes btnMonitorPulse {
  0% { box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5); }
  70% { box-shadow: 0 0 0 12px rgba(231, 76, 60, 0); }
  100% { box-shadow: 0 0 0 0 rgba(231, 76, 60, 0); }
}
.event-alert-changes {
  margin: .25rem 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-border, rgba(0,0,0,0.08));
}
.event-alert-changes li {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  padding: .35rem 0;
}
.event-alert-change-field {
  font-size: .8rem;
  font-weight: 600;
  color: var(--color-text, #2c3e50);
}
.event-alert-change-values {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .85rem;
  flex-wrap: wrap;
}
.event-alert-change-values .before,
.event-alert-change-values .after {
  padding: .15rem .35rem;
  border-radius: .35rem;
  background: var(--color-surface-alt, #f4f6fb);
}
.event-alert-change-values .after {
  background: #e9f7ef;
}
.event-alert-change-arrow {
  font-weight: 700;
  color: var(--color-text-muted, #7f8c8d);
}
.event-alert-change-empty {
  opacity: 0.5;
  font-style: italic;
}
.event-alert-change-note {
  margin-top: .35rem;
  background: rgba(248, 113, 113, 0.08);
  border-radius: .6rem;
  border-left: 3px solid rgba(248, 113, 113, 0.4);
  padding: .45rem .6rem;
  display: flex;
  flex-direction: column;
  gap: .25rem;
}
.event-alert-item--delay .event-alert-change-note {
  background: rgba(250, 204, 21, 0.12);
  border-left-color: rgba(250, 204, 21, 0.55);
}
.event-alert-change-note .event-alert-change-field {
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-text-muted, #6b7280);
}
.event-alert-change-note-msg {
  font-size: .9rem;
  color: var(--color-text, #1f2933);
  line-height: 1.4;
}

/* Use only the header toggle; hide panel-local toggle */
.filters-panel > .filters-toggle { display: none !important; }

.filters-summary {
  margin: .25rem 0 0;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--color-surface-alt, #f1f5f9);
  border: 1px solid var(--color-border, #dfe3eb);
  border-radius: .65rem;
  padding: .5rem .9rem;
  font-weight: 600;
  color: var(--color-text, #0f172a);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}
.filters-summary-label {
  text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: .08em;
  color: var(--color-text-muted, #5f6c86);
}
.filters-summary-value {
  font-size: 1.1rem;
}

/* Place the single toggle below the user block in header (events page only) */
/* Modal (event details) */
.modal.hidden { display: none; }
.modal { position: fixed; inset: 0; z-index: 1000; }
#create-event-modal { z-index: 1100; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.4); }
.modal-dialog { position: relative; background: var(--color-surface, #fff); color:var(--color-text, #111); width: min(720px, 92vw); max-height: 86vh; overflow:auto; border-radius: 8px; margin: 6vh auto; padding: 1rem 1.25rem; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.modal-close { position: absolute; right: .75rem; top: .5rem; border:none; background:transparent; font-size: 1.5rem; cursor: pointer; color:var(--color-text, #111); }
.modal-header { display:flex; align-items:center; gap:.75rem; margin-bottom: .5rem; }
.modal-header .m-logo-img { height: 40px; width:auto; display:block; }
.modal-header .m-school { font-weight: 700; font-size: .95rem; }
.modal-header .m-when { color:var(--color-text, #333); font-size: .9rem; }
.modal-header .m-days { color:var(--color-text-muted, #555); font-size: .85rem; }
.modal-body { margin-top: .5rem; display:flex; flex-direction:column; gap:.5rem; }
.modal-dialog .dash-card-body .m-title { font-weight: 700; font-size: 1.6rem; margin-bottom: 1rem; }
.modal-dialog .m-title-row { display:block; }
.modal-dialog .m-title-row .m-title { margin-bottom: 0; }
.modal-dialog .m-title-edit-actions { display:flex; justify-content:flex-start; margin-bottom:.4rem; }
.m-event-id-row { display:flex; align-items:center; gap:.4rem; margin-bottom:.5rem; font-size:.75rem; color:var(--color-muted, #888); }
.m-event-id-label { font-weight:600; }
.m-event-id { font-family:monospace; word-break:break-all; }
.title-editor { margin-top:.75rem; padding:.75rem; border:1px dashed var(--color-border, #ccc); border-radius:.5rem; background:var(--color-surface-alt, #fafafa); }
.title-editor.hidden { display:none; }
.title-editor-field { display:flex; flex-direction:column; gap:.35rem; font-size:.9rem; }
.title-editor-field input { padding:.45rem .6rem; border:1px solid var(--color-border, #8884); border-radius:.4rem; font-size:1rem; width:100%; background: var(--color-input-bg, #fff); color: var(--color-text, #111); }
.title-editor-hint { margin:.35rem 0 0; font-size:.85rem; color:var(--color-text-muted, #555); }
.title-editor-actions { margin-top:.75rem; display:flex; gap:.5rem; justify-content:flex-end; }
.title-editor-actions .btn { background:var(--color-surface-alt, #efefef); border:1px solid var(--color-border, #ddd); padding:.4rem .7rem; border-radius:6px; cursor:pointer; color: var(--color-text, inherit); }
.title-editor-actions .btn[disabled] { opacity:.6; cursor:not-allowed; }
.title-status { margin-top:.35rem; font-size:.85rem; color:var(--color-text, #2c3e50); }
.title-status.error { color:#c0392b; }

.date-editor {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border: 1px dashed var(--color-border, #ccc);
  border-radius: 0.5rem;
  background: var(--color-surface-alt, #f5f5f5);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.date-editor.hidden { display: none; }
.date-editor label {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.9rem;
}
.date-editor input {
  padding: 0.45rem 0.6rem;
  border: 1px solid var(--color-border, #bbb);
  border-radius: 0.4rem;
  background: var(--color-surface, #fff);
  color: var(--color-text, #0f172a);
}
.date-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.date-status {
  font-size: 0.85rem;
  color: var(--color-text-muted, #64748b);
}
.date-status.error {
  color: #c0392b;
}

.desc-editor-controls {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.desc-editor {
  border: 1px dashed var(--color-border, #ccc);
  border-radius: 0.6rem;
  padding: 0.75rem;
  background: var(--color-surface-alt, #f5f5f5);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.desc-editor.hidden {
  display: none;
}
.desc-editor textarea {
  width: 100%;
  min-height: 160px;
  border: 1px solid var(--color-border, #bbb);
  border-radius: 0.45rem;
  padding: 0.6rem;
  font-family: inherit;
  font-size: 0.95rem;
  background: var(--color-surface, #fff);
  color: var(--color-text, #0f172a);
}
.desc-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.desc-status {
  font-size: 0.85rem;
  color: var(--color-text-muted, #64748b);
}
.desc-status.error {
  color: #c0392b;
}

.status-panel {
  margin-top: 1.5rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--color-border, #e2e8f0);
  border-radius: 0.75rem;
  background: var(--color-surface-alt, #f8fafc);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.status-panel-head h3 {
  margin: 0;
  font-size: 1rem;
}
.status-panel-head p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--color-text-muted, #64748b);
}
.status-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.btn-status {
  border: 1px solid var(--color-border, #cbd5f5);
  background: var(--color-surface, #fff);
  border-radius: 0.5rem;
  padding: 0.4rem 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.btn-status:hover {
  background: var(--color-surface-strong, #edf2ff);
}
.btn-status.is-active {
  outline: 2px solid currentColor;
  outline-offset: 0.1rem;
  box-shadow: 0 0 0 2px rgba(15,23,42,0.08);
}
.btn-status--danger {
  border-color: #fca5a5;
  background: #fee2e2;
  color: #b91c1c;
}
.btn-status--danger:hover {
  background: #fecaca;
}
.btn-status--warning {
  border-color: #facc15;
  background: #fef9c3;
  color: #92400e;
}
.btn-status--warning:hover {
  background: #fde68a;
}
.btn-status--success {
  border-color: #86efac;
  background: #dcfce7;
  color: #166534;
}
.btn-status--success:hover {
  background: #bbf7d0;
}
.status-form {
  border: 1px dashed var(--color-border, #cbd5f5);
  border-radius: 0.65rem;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: var(--color-surface, #fff);
}
.status-form--danger {
  border-color: #fca5a5;
  background: #fee2e2;
}
.status-form--warning {
  border-color: #facc15;
  background: #fef9c3;
}
.status-form--success {
  border-color: #86efac;
  background: #dcfce7;
}
.status-form.hidden {
  display: none;
}
.status-form label {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.9rem;
  color: var(--color-text, #0f172a);
}
.status-hint {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.45rem;
  padding: 0.4rem 0.5rem;
}
.status-hint--danger {
  background: rgba(185, 28, 28, 0.12);
  color: #991b1b;
}
.status-hint--warning {
  background: rgba(146, 64, 14, 0.12);
  color: #92400e;
}
.status-hint--success {
  background: rgba(22, 101, 52, 0.12);
  color: #166534;
}
.status-form input,
.status-form textarea {
  border: 1px solid var(--color-border, #cbd5f5);
  border-radius: 0.45rem;
  padding: 0.45rem 0.6rem;
  font-size: 0.95rem;
  background: var(--color-surface-alt, #f8fafc);
  color: var(--color-text, #0f172a);
}
.status-form textarea {
  resize: vertical;
  min-height: 70px;
}
.status-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.btn-primary {
  background: #166534;
  color: #fff;
  border: 1px solid #166534;
  border-radius: 0.5rem;
  padding: 0.5rem 1.15rem;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.95rem;
}
.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-secondary {
  background: transparent;
  border: 1px solid var(--color-border, #cbd5f5);
  border-radius: 0.5rem;
  padding: 0.4rem 0.95rem;
  cursor: pointer;
}
.status-feedback {
  font-size: 0.85rem;
  color: var(--color-text-muted, #64748b);
}
.status-feedback.error {
  color: #c0392b;
}
.modal-body .m-location { color:var(--color-text-muted, #444); font-size: .9rem; }
.modal-dialog .dash-card-body .m-desc { white-space: normal; font-size: .95rem; color:var(--color-text, #222); }
.modal-footer { margin-top: .75rem; display:flex; gap:.5rem; justify-content:flex-end; }
.modal-footer .btn { background:var(--color-surface-alt, #efefef); border:1px solid var(--color-border, #ddd); padding:.4rem .7rem; border-radius:6px; cursor:pointer; color: var(--color-text, inherit); }
.modal-footer .btn-edit[disabled] { opacity:.6; cursor:not-allowed; }
.modal-footer .btn-delete-event { background:#fff0f0; border-color:#e57373; color:#c62828; margin-right:auto; }
.modal-footer .btn-delete-event:hover:not(.btn-delete-disabled) { background:#ffdddd; }
.modal-footer .btn-delete-event[disabled] { opacity:.6; cursor:not-allowed; }
.modal-footer .btn-delete-event.btn-delete-disabled { opacity:.5; cursor:not-allowed; background:#f5f5f5; border-color:#bbb; color:#888; }
.modal-footer .btn-delete-event.hidden { display: none; }

/* Card-like modal content and simple editor */
.modal-dialog .dash-card { background:var(--color-surface, #fff); border:1px solid var(--color-border, #8884); border-radius:.5rem; overflow:hidden; padding:0; }
.modal-dialog .dash-card-header { padding:.6rem 1rem; padding-right: 2.25rem; position: relative; }
.modal-card .dash-card-header { background: var(--color-surface-alt, #F2F2F2) !important; color:var(--color-text, #111) !important; }
.modal-dialog .dash-header-left { display:flex; flex-direction: column; align-items: flex-start; gap: .25rem; }
.modal-dialog .dash-header-right { display:none; }
.modal-dialog .dash-days .num { font-size: 1rem; font-weight: 700; }
.modal-dialog .dash-days .label { margin-left:.35rem; }
.modal-dialog .dash-card-body { padding: .75rem 1rem; }
.modal-dialog .dash-card-footer { background: transparent; height: auto; padding: .5rem 1rem 1rem; }
.modal-card .m-header-logo { display:inline-flex; align-items:center; margin-right:.6rem; }
.modal-card .m-header-logo-img { height: 42px; width:auto; display:block; }
.modal-card .m-header-logo-img[src$="/mais.png"],
.modal-card .m-header-logo-img[src$="/parque.png"] { height: 30px; }
.modal-card .m-head-top { display:flex; align-items:center; gap:.6rem; margin-bottom:.25rem; }
.modal-card .m-school-name { font-weight: 700; font-size: .95rem; }
.modal-card .m-head-bottom { display:flex; align-items: baseline; gap:.6rem; }
.modal-card .dash-card-header .dash-date { display:inline-block; padding:2px 6px; border-radius:4px; background: transparent; color: inherit; }
/* Proximity colors applied to the date chip in modal */
.modal-card .m-when.p-0  { background: #330000; color:#fff; }
.modal-card .m-when.p-1  { background: #330000; color:#fff; }
.modal-card .m-when.p-2  { background: #4C0000; color:#fff; }
.modal-card .m-when.p-3  { background: #660000; color:#fff; }
.modal-card .m-when.p-4  { background: #800000; color:#fff; }
.modal-card .m-when.p-5  { background: #990000; color:#fff; }
.modal-card .m-when.p-6  { background: #CC0000; color:#fff; }
.modal-card .m-when.p-7  { background: #FF0000; color:#fff; }
.modal-card .m-when.p-8  { background: #FF4C4C; color:#111; }
.modal-card .m-when.p-9  { background: #FF7F7F; color:#111; }
.modal-card .m-when.p-10 { background: #FF9999; color:#111; }
.modal-card .m-when.p-11 { background: #FFB2B2; color:#111; }
.modal-card .m-when.p-12 { background: #FFCCCC; color:#111; }
.modal-card .m-when.p-13 { background: #FFE5E5; color:#111; }
.modal-card .m-when.p-14 { background: #F2F2F2; color:#111; }
.modal-dialog .m-when { font-weight:700; }
.modal-dialog .m-days-wrap .label { margin-left:.35rem; color:inherit; }
.editor-toolbar { display:flex; gap:.25rem; flex-wrap:wrap; margin-top:.25rem; margin-bottom:.35rem; }
.editor-toolbar button { background:var(--color-surface-alt, #f5f5f5); border:1px solid var(--color-border, #ddd); padding:.25rem .45rem; border-radius:4px; cursor:pointer; font-size:.9rem; color: var(--color-text, inherit); }
.editor-area { min-height: 140px; border:1px solid var(--color-border, #ddd); border-radius:6px; padding:.5rem; font-size:.95rem; background: var(--color-surface, #fff); color: var(--color-text, inherit); }
.editor.hidden { display: none; }
.btn-icon { background:var(--color-surface-alt, #f5f5f5); border:1px solid var(--color-border, #ddd); padding:.3rem .5rem; border-radius:4px; cursor:pointer; display:inline-flex; align-items:center; gap:.35rem; color: var(--color-text, inherit); }
.btn-icon .ico { font-size:1.1rem; line-height:1; }
/* Green rollover for the add-comment button */
.btn-icon:hover { background: #27ae60; border-color: #27ae60; color: #fff; }
.btn-icon:focus-visible { outline: 2px solid #27ae60; outline-offset: 2px; }
.btn-icon:active { transform: translateY(1px); }
/* Spacing above the add-comment button to match inter-item spacing */
#add-comment-btn { margin-top: 1.5rem; display: block; margin-left: auto; margin-right: auto; }
/* Events list (table) coloring: density on row, proximity on first cell */
.events-table th:nth-child(1),
.events-table td:nth-child(1) {
  /* Coluna "Quando": data compacta, evita quebra */
  width: 16ch;
  white-space: nowrap;
}
.events-table th:nth-child(2),
.events-table td:nth-child(2) {
  /* Coluna "Dias": mais estreita e centralizada */
  width: 8ch;
  text-align: center;
  white-space: nowrap;
}
.events-table tr.row-density.c-low { background: #FFFFFF; }
.events-table tr.row-density.c-medium { background: #E2E2E2; }
.events-table tr.row-density.c-high { background: #D2D2D2; }
.events-table tbody tr:hover { background: #27ae60; cursor: pointer; }
/* Ensure hover applies even when density/proximity set backgrounds */
.events-table tr.row-density:hover { background: #27ae60; }
.events-table tr:hover td.cell-prox,
.events-table tr:hover td.cell-prox-bg { background: #27ae60; }
/* Hide rows not in search scope when toggle is off */
.events-table tr.row-hidden { display: none; }
/* backward-compat aliases */
.events-table td.cell-prox { font-weight: 700; }
.events-table td.cell-prox.p-0,  .events-table td.cell-prox-bg.p-0,  .events-table td.cell-prox.p-1,  .events-table td.cell-prox-bg.p-1  { background: #330000; color:#fff; }
.events-table td.cell-prox.p-2,  .events-table td.cell-prox-bg.p-2  { background: #4C0000; color:#fff; }
.events-table td.cell-prox.p-3,  .events-table td.cell-prox-bg.p-3  { background: #660000; color:#fff; }
.events-table td.cell-prox.p-4,  .events-table td.cell-prox-bg.p-4  { background: #800000; color:#fff; }
.events-table td.cell-prox.p-5,  .events-table td.cell-prox-bg.p-5  { background: #990000; color:#fff; }
.events-table td.cell-prox.p-6,  .events-table td.cell-prox-bg.p-6  { background: #CC0000; color:#fff; }
.events-table td.cell-prox.p-7,  .events-table td.cell-prox-bg.p-7  { background: #FF0000; color:#fff; }
.events-table td.cell-prox.p-8,  .events-table td.cell-prox-bg.p-8  { background: #FF4C4C; color:#111; }
.events-table td.cell-prox.p-9,  .events-table td.cell-prox-bg.p-9  { background: #FF7F7F; color:#111; }
.events-table td.cell-prox.p-10, .events-table td.cell-prox-bg.p-10 { background: #FF9999; color:#111; }
.events-table td.cell-prox.p-11, .events-table td.cell-prox-bg.p-11 { background: #FFB2B2; color:#111; }
.events-table td.cell-prox.p-12, .events-table td.cell-prox-bg.p-12 { background: #FFCCCC; color:#111; }
.events-table td.cell-prox.p-13, .events-table td.cell-prox-bg.p-13 { background: #FFE5E5; color:#111; }
.events-table td.cell-prox.p-14, .events-table td.cell-prox-bg.p-14 { background: #F2F2F2; color:#111; }
.events-table td.cell-prox.p-far, .events-table td.cell-prox-bg.p-far,
.events-table td.cell-prox.p-unknown, .events-table td.cell-prox-bg.p-unknown { background: #f8fafc; color:#111; }

/* When density coloring is active, it should remain visible */
/* (no !important override on search highlight) */

.dash-events .dash-sep {
  border: 0;
  border-top: 1px solid #bbb;
  margin: .75rem 0;
}

/* Click/hover behavior for card events */
.dash-events li.card-ev { cursor: pointer; padding: .15rem 0; border-radius: 4px; }
.dash-events li.card-ev:hover { background: rgba(0,0,0,0.05); }

.emitido-cards-section {
  margin: 1.5rem 0 2rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--color-border, #dfe3eb);
  border-radius: 1rem;
  background: var(--color-surface, #fff);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}
.emitido-cards-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.emitido-cards-header h2 {
  margin: 0;
  font-size: 1.1rem;
}
.emitido-cards-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.emitido-card {
  border: 1px solid var(--color-border, #dfe3eb);
  border-radius: 0.85rem;
  overflow: hidden;
  background: var(--color-surface, #fff);
  display: flex;
  flex-direction: column;
  min-height: 150px;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.emitido-card-header {
  color: #f0fdf4;
  padding: 0.65rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.emitido-card-header--pct-0   { background: #f97316; color: #431407; }
.emitido-card-header--pct-10  { background: #fb923c; color: #4a1d0b; }
.emitido-card-header--pct-20  { background: #fbbf24; color: #422006; }
.emitido-card-header--pct-30  { background: #facc15; color: #422006; }
.emitido-card-header--pct-40  { background: #facc15; color: #422006; }
.emitido-card-header--pct-50  { background: #facc15; color: #422006; }
.emitido-card-header--pct-60  { background: #4d7c0f; color: #f0fdf4; }
.emitido-card-header--pct-70  { background: #3b6b0c; color: #f0fdf4; }
.emitido-card-header--pct-80  { background: #2f5b0a; color: #f0fdf4; }
.emitido-card-header--pct-90  { background: #1f4410; color: #f0fdf4; }
.emitido-card-header--pct-100 { background: #166534; color: #f0fdf4; }
.emitido-card-header .dash-date {
  color: #0f172a;
  background: #f0fdf4;
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  overflow: hidden;
  font-weight: 700;
  border: 1px solid rgba(15, 23, 42, 0.2);
}
.emitido-card-header .dash-date.has-weekday {
  padding: 0;
}
.emitido-card-header .dash-date.has-weekday .dash-weekday,
.emitido-card-header .dash-date.has-weekday .dash-date-value {
  padding: 2px 6px;
}
.emitido-card-header .dash-date.has-weekday .dash-weekday {
  background: #0f172a;
  color: #f0fdf4;
}
.emitido-card-header .dash-date.has-weekday .dash-date-value {
  background: transparent;
  color: #0f172a;
}
.emitido-card-header .dash-date:not(.has-weekday) {
  padding: 2px 10px;
}
.emitido-card-status {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.25);
}
.emitido-card-status--atrasado {
  background: rgba(180, 83, 9, 0.25);
  color: #422006;
}
.emitido-card-status--mixed {
  background: rgba(67, 20, 120, 0.3);
}
.emitido-card-date {
  font-size: 0.85rem;
  font-weight: 600;
}
.emitido-events {
  list-style: none;
  margin: 0;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.emitido-event {
  border: 1px solid var(--color-border, rgba(15,23,42,0.12));
  border-radius: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(248, 250, 252, 0.9);
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, transform .1s ease;
}
.emitido-event:hover {
  border-color: rgba(22, 101, 52, 0.45);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
  transform: translateY(-2px);
}
.emitido-event:focus-visible {
  outline: 2px solid rgba(22, 101, 52, 0.4);
  outline-offset: 2px;
}
.emitido-event-top {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.emitido-event-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.emitido-event-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.emitido-card-logo {
  align-self: flex-start;
  margin: 0 .4rem 0 0;
  flex-shrink: 0;
}
.emitido-card-logo img {
  height: 34px;
  width: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 2px 6px rgba(15, 23, 42, 0.15));
}
.emitido-tag {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  background: rgba(22, 101, 52, 0.15);
  color: #14532d;
  flex-shrink: 0;
  margin-left: auto;
}
.emitido-tag--atrasado {
  background: rgba(180, 83, 9, 0.2);
  color: #7c2d12;
}
.emitido-card-school {
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--color-text-muted, #64748b);
  text-transform: uppercase;
}
.emitido-card-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text, #0f172a);
}
.emitido-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-muted, #94a3b8);
}
.emitido-event-desc {
  font-size: 0.82rem;
  color: var(--color-text, #1f2937);
  line-height: 1.35;
  white-space: pre-line;
}

/* Tema escuro: ajusta superfícies gerais sem alterar escalas de proximidade/densidade */
:root[data-theme="dark"] .dashboard {
  background: linear-gradient(180deg, #1c2641, #0b1425) no-repeat;
  border-color: var(--color-border, rgba(148,163,184,0.35));
  color: var(--color-text, #f8fafc);
}
:root[data-theme="dark"] .dash-group {
  background: linear-gradient(180deg, #151f36, #0a111f) no-repeat;
  border-color: var(--color-border, rgba(148,163,184,0.35));
}
:root[data-theme="dark"] .dash-card-footer {
  border-top: 1px solid var(--color-border, rgba(148,163,184,0.35));
}
:root[data-theme="dark"] .event-alerts-panel {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}
:root[data-theme="dark"] .event-alert-item {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.02);
}
:root[data-theme="dark"] .event-alert-item--date-change {
  background: rgba(127, 29, 29, 0.35);
  border-color: rgba(248, 113, 113, 0.5);
  box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.25);
}
:root[data-theme="dark"] .event-alert-item--delay {
  background: #4b2d0d;
  border-color: rgba(251, 191, 36, 0.7);
  box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.4);
}
:root[data-theme="dark"] .event-alert-item--anticipate {
  background: #5a1313;
  border-color: rgba(248, 113, 113, 0.75);
  box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.45);
}
:root[data-theme="dark"] .event-alert-badge {
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(148,163,184,0.15);
  color: #e2e8f0;
}
:root[data-theme="dark"] .event-alert-item--date-change .event-alert-summary,
:root[data-theme="dark"] .event-alert-date-note {
  color: #fecaca;
}
:root[data-theme="dark"] .event-alert-item--delay .event-alert-date-note {
  color: #fde68a;
}
:root[data-theme="dark"] .event-alert-date-note strong {
  background: rgba(248, 113, 113, 0.28);
  color: #ffe4e6;
}
:root[data-theme="dark"] .event-alert-item--delay .event-alert-date-note strong {
  background: rgba(250, 204, 21, 0.35);
  color: #fff7cc;
}
:root[data-theme="dark"] .event-alert-item--anticipate .event-alert-date-note {
  color: #fecaca;
}
:root[data-theme="dark"] .event-alert-item--anticipate .event-alert-date-note strong {
  background: rgba(248, 113, 113, 0.4);
  color: #ffe4e6;
}
:root[data-theme="dark"] .event-alert-badge.created {
  background: rgba(46, 204, 113, 0.18);
  color: #bff6d4;
}
:root[data-theme="dark"] .event-alert-badge.updated {
  background: rgba(59, 130, 246, 0.22);
  color: #cfe3ff;
}
:root[data-theme="dark"] .event-alert-badge.deleted {
  background: rgba(248, 113, 113, 0.22);
  color: #ffd1d1;
}
:root[data-theme="dark"] .event-alert-change-note {
  background: rgba(248, 113, 113, 0.18);
  border-left-color: rgba(248, 113, 113, 0.6);
}
:root[data-theme="dark"] .event-alert-item--delay .event-alert-change-note {
  background: rgba(250, 204, 21, 0.2);
  border-left-color: rgba(250, 204, 21, 0.7);
}
:root[data-theme="dark"] .event-alert-change-note .event-alert-change-field {
  color: #f1f5f9;
}
:root[data-theme="dark"] .event-alert-change-note-msg {
  color: #f8fafc;
}
:root[data-theme="dark"] .event-alert-change-values .before,
:root[data-theme="dark"] .event-alert-change-values .after {
  background: rgba(148,163,184,0.15);
  color: #f8fafc;
  border: 1px solid rgba(148,163,184,0.35);
}
:root[data-theme="dark"] .event-alert-change-values .after {
  background: rgba(34,197,94,0.2);
  border-color: rgba(34,197,94,0.4);
  color: #d1fae5;
}
:root[data-theme="dark"] .event-alert-change-arrow {
  color: #cbd5f5;
}
:root[data-theme="dark"] .emitido-cards-section {
  background: var(--color-surface, #0f172a);
  border-color: var(--color-border, rgba(148,163,184,0.35));
  box-shadow: 0 8px 24px rgba(2, 6, 23, 0.7);
}
:root[data-theme="dark"] .emitido-card {
  background: var(--color-surface-alt, #16203a);
  border-color: var(--color-border, rgba(148,163,184,0.25));
}
:root[data-theme="dark"] .emitido-card-status {
  background: rgba(15, 23, 42, 0.35);
  color: #f8fafc;
}
:root[data-theme="dark"] .emitido-card-status--atrasado {
  background: rgba(180, 83, 9, 0.4);
  color: #fff7ed;
}
:root[data-theme="dark"] .emitido-card-status--mixed {
  background: rgba(99, 102, 241, 0.35);
  color: #eef2ff;
}
:root[data-theme="dark"] .emitido-events {
  background: transparent;
}
:root[data-theme="dark"] .emitido-event {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.2);
  color: #0f172a;
}
:root[data-theme="dark"] .emitido-card-school {
  color: #475569;
}
:root[data-theme="dark"] .emitido-card-title {
  color: #0f172a;
}
:root[data-theme="dark"] .emitido-card-meta {
  color: #475569;
}
:root[data-theme="dark"] .emitido-event-desc {
  color: #1f2937;
}
:root[data-theme="dark"] .emitido-tag {
  background: rgba(34, 197, 94, 0.2);
  color: #166534;
}
:root[data-theme="dark"] .emitido-tag--atrasado {
  background: rgba(251, 191, 36, 0.2);
  color: #92400e;
}
:root[data-theme="dark"] .date-editor {
  background: rgba(15,23,42,0.75);
  border-color: rgba(148,163,184,0.4);
}
:root[data-theme="dark"] .date-editor input {
  background: rgba(15,23,42,0.9);
  border-color: rgba(148,163,184,0.45);
  color: var(--color-text, #f8fafc);
}
:root[data-theme="dark"] .date-status {
  color: rgba(248,250,252,0.85);
}
:root[data-theme="dark"] .desc-editor {
  background: rgba(15,23,42,0.8);
  border-color: rgba(148,163,184,0.4);
}
:root[data-theme="dark"] .desc-editor textarea {
  background: rgba(15,23,42,0.9);
  border-color: rgba(148,163,184,0.5);
  color: var(--color-text, #f8fafc);
}
:root[data-theme="dark"] .desc-status {
  color: rgba(248,250,252,0.85);
}
:root[data-theme="dark"] .status-panel {
  background: rgba(15, 23, 42, 0.7);
  border-color: rgba(148,163,184,0.35);
}
:root[data-theme="dark"] .btn-status {
  background: rgba(15, 23, 42, 0.85);
  border-color: rgba(148,163,184,0.35);
  color: var(--color-text, #f8fafc);
}
:root[data-theme="dark"] .btn-status.is-active {
  box-shadow: 0 0 0 2px rgba(148,163,184,0.35);
}
:root[data-theme="dark"] .btn-status--danger {
  background: rgba(248, 113, 113, 0.15);
  border-color: rgba(248, 113, 113, 0.6);
  color: #fecaca;
}
:root[data-theme="dark"] .btn-status--warning {
  background: rgba(251, 191, 36, 0.2);
  border-color: rgba(251, 191, 36, 0.6);
  color: #fde68a;
}
:root[data-theme="dark"] .btn-status--success {
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(34, 197, 94, 0.6);
  color: #bbf7d0;
}
:root[data-theme="dark"] .status-form {
  background: rgba(15, 23, 42, 0.9);
  border-color: rgba(148,163,184,0.35);
}
:root[data-theme="dark"] .status-form--danger {
  background: rgba(248, 113, 113, 0.2);
  border-color: rgba(248, 113, 113, 0.6);
}
:root[data-theme="dark"] .status-form--warning {
  background: rgba(251, 191, 36, 0.25);
  border-color: rgba(251, 191, 36, 0.6);
}
:root[data-theme="dark"] .status-form--success {
  background: rgba(34, 197, 94, 0.25);
  border-color: rgba(34, 197, 94, 0.6);
}
:root[data-theme="dark"] .status-form input,
:root[data-theme="dark"] .status-form textarea {
  background: rgba(15, 23, 42, 0.8);
  border-color: rgba(148,163,184,0.45);
  color: var(--color-text, #f8fafc);
}
:root[data-theme="dark"] .status-hint--danger {
  background: rgba(185, 28, 28, 0.25);
  color: #fecaca;
}
:root[data-theme="dark"] .status-hint--warning {
  background: rgba(146, 64, 14, 0.25);
  color: #fde68a;
}
:root[data-theme="dark"] .status-hint--success {
  background: rgba(22, 101, 52, 0.25);
  color: #bbf7d0;
}
:root[data-theme="dark"] .btn-secondary {
  border-color: rgba(148,163,184,0.45);
  color: var(--color-text, #f8fafc);
}
:root[data-theme="dark"] .btn-primary {
  background: #22c55e;
  border-color: #22c55e;
  color: #052e16;
}
:root[data-theme="dark"] .status-feedback {
  color: rgba(248,250,252,0.85);
}
:root[data-theme="dark"] .dash-events li.card-ev:hover {
  background: rgba(255,255,255,0.08);
}
:root[data-theme="dark"] .modal-backdrop {
  background: rgba(0,0,0,0.7);
}
.create-event-dialog {
  background: var(--color-surface, #fff);
  color: var(--color-text, #0f172a);
}
.create-event-form textarea {
  resize: vertical;
  background: #fff;
  color: var(--color-text, #0f172a);
}