/* ELISEE SCOUT — Elisée Manager & Private Sports Management Dashboard
   Design System Dark Enterprise: standard dark palette coerente con Bacheca/Player dossier,
   nessun elemento chiaro disallineato. Token: --es-bg, --es-panel, --es-accent, --es-verified.
*/

:root {
  --es-bg: #0b0e14;
  --es-panel: #10141d;
  --es-panel-2: #141925;
  --es-border: #1e2430;
  --es-border-subtle: rgba(255, 255, 255, 0.07);
  --es-text: #eef1f6;
  --es-text-muted: #8a93a3;
  --es-text-faint: #5c6472;
  --es-accent: #3b7dff;
  --es-accent-soft: rgba(59, 125, 255, 0.12);
  --es-verified: #34c77b;
  --es-verified-soft: rgba(52, 199, 123, 0.12);
  --es-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif;
  --es-font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
}

#view-tc-panel,
#view-iscrizione {
  background: var(--es-bg) !important;
  color: var(--es-text) !important;
  min-height: 100vh;
  position: relative;
  font-family: var(--es-font);
  color-scheme: dark;
}

/* Nascondi tassativamente l'area giocatore, il dossier e la sua rail fissa quando siamo in gestione società */
#view-tc-panel:not([style*="display: none"]) ~ #user-dossier-view-group,
#view-tc-panel:not([style*="display: none"]) ~ * .es-pd-rail,
body:has(#view-tc-panel:not([style*="display: none"])) #user-dossier-view-group,
body:has(#view-tc-panel:not([style*="display: none"])) .es-pd-rail {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#view-tc-panel .pf-page-bg,
#view-iscrizione .pf-page-bg {
  display: none !important;
}

#view-tc-panel .pf-page-shade,
#view-iscrizione .pf-page-shade {
  background: var(--es-bg) !important;
  opacity: 1 !important;
}

#view-tc-panel .pf-page-inner {
  padding-top: 5rem !important;
  padding-bottom: 4rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  max-width: 1240px !important;
  margin: 0 auto;
  box-sizing: border-box;
}

/* ---- Intestazione Club & Head ---- */
.es-tc-head {
  display: block;
  padding-bottom: 0;
  margin-bottom: 1.5rem;
  border-bottom: none;
}

.es-tc-title-wrap {
  width: 100%;
}

.es-tc-actions {
  display: none !important;
}

.es-club__head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 6px;
}

.es-club__crest,
.es-tc-crest {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid var(--es-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: var(--es-accent);
  flex-shrink: 0;
  overflow: hidden;
  background: var(--es-panel-2);
  padding: 2px;
  box-sizing: border-box;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
}

.es-club__crest img,
.es-tc-crest img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
  display: block;
}

.es-club__head h1,
.es-tc-title-wrap h1 {
  font-family: var(--es-font-serif);
  font-size: 27px;
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.005em;
  color: var(--es-text);
}

.es-breadcrumb {
  font-size: 13px;
  color: var(--es-text-faint);
  margin: 0 0 14px 62px;
  line-height: 1.4;
}

.es-breadcrumb a {
  color: var(--es-text-faint);
  text-decoration: none;
  transition: color 0.15s ease;
}

.es-breadcrumb a:hover {
  color: var(--es-accent);
}

.es-breadcrumb strong {
  color: var(--es-text-muted);
  font-weight: 600;
}

.es-club__meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 28px 62px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--es-border);
}

.es-club__meta-left {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 13px;
  color: var(--es-text-muted);
}

.es-badge-verified,
.es-tc-badge-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--es-verified-soft);
  color: var(--es-verified);
  border: 1px solid var(--es-verified);
  border-radius: 14px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.es-badge-verified::before,
.es-tc-badge-status::before {
  content: "●";
  font-size: 8px;
}

.es-btn-back,
.es-tc-btn-back {
  font-family: var(--es-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--es-text);
  background: transparent;
  border: 1px solid var(--es-border);
  border-radius: 20px;
  padding: 8px 16px;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.15s ease;
}

.es-btn-back:hover,
.es-tc-btn-back:hover {
  background: var(--es-panel-2);
  border-color: var(--es-text-faint);
  color: #ffffff;
}

.es-btn-outline,
.es-tc-btn-outline {
  font-family: var(--es-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--es-text);
  background: transparent;
  border: 1px solid var(--es-border);
  border-radius: 18px;
  padding: 8px 16px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.es-btn-outline:hover,
.es-tc-btn-outline:hover {
  background: var(--es-panel-2);
  border-color: var(--es-text-faint);
  color: #ffffff;
}

.es-tc-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: var(--es-accent);
  color: #ffffff;
  border: 1px solid var(--es-accent);
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.es-tc-btn-primary:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

/* ---- Navigazione Tab ---- */
.es-tabs,
.es-tc-tabs {
  display: flex;
  gap: 26px;
  border-bottom: 1px solid var(--es-border);
  margin-bottom: 28px;
  overflow-x: auto;
  scrollbar-width: none;
}

.es-tabs::-webkit-scrollbar,
.es-tc-tabs::-webkit-scrollbar {
  display: none;
}

.es-tabs button,
.es-tc-tab {
  background: none;
  border: none;
  font-family: var(--es-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--es-text-muted);
  padding: 0 0 14px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  transition: color 0.15s ease, border-color 0.15s ease;
  border-radius: 0;
}

.es-tabs button:hover,
.es-tc-tab:hover {
  color: var(--es-text);
}

.es-tabs button.is-active,
.es-tc-tab.is-on {
  color: var(--es-accent);
  border-bottom-color: var(--es-accent);
  background: transparent;
}

/* ---- Stat Cards / KPI Strip ---- */
.es-stats,
.es-tc-kpi-strip {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-bottom: 28px;
}

.es-stat-card,
.es-tc-kpi-item {
  background: var(--es-panel);
  border: 1px solid var(--es-border);
  border-radius: 10px;
  padding: 18px 18px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: none;
  box-sizing: border-box;
}

.es-stat-card__label,
.es-tc-kpi-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--es-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0 0 10px;
}

.es-stat-card__value,
.es-tc-kpi-val {
  font-family: var(--es-font-serif);
  font-size: 28px;
  font-weight: 700;
  color: var(--es-text);
  margin: 0 0 6px;
  line-height: 1.1;
}

.es-stat-card__caption,
.es-tc-kpi-sub {
  font-size: 12px;
  color: var(--es-text-muted);
  margin: 0;
}

/* ---- Pannelli Inferiori / Grid Principale ---- */
.es-panels,
.es-tc-grid-main {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
  margin-bottom: 28px;
}

.es-panel-box,
.es-tc-panel {
  background: var(--es-panel);
  border: 1px solid var(--es-border);
  border-radius: 12px;
  padding: 22px 24px;
  box-shadow: none;
  box-sizing: border-box;
}

.es-panel-box__head,
.es-tc-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--es-border);
}

.es-panel-box__head h3,
.es-tc-panel-title,
.es-tc-panel-header h3 {
  font-family: var(--es-font-serif);
  font-size: 17px;
  font-weight: 700;
  margin: 0;
  color: var(--es-text);
}

.es-panel-box > p.sub,
.es-panel-box .content-note,
.es-tc-panel-desc {
  font-size: 13px;
  color: var(--es-text-muted);
  margin: 0 0 18px;
  line-height: 1.5;
}

/* Box Link Condivisione */
.es-link-box,
.es-tc-share-box {
  background: var(--es-bg);
  border: 1px solid var(--es-border);
  border-radius: 8px;
  padding: 12px 14px;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 12px;
  color: var(--es-accent);
  word-break: break-all;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.es-tc-share-url {
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 12px;
  color: var(--es-accent);
  word-break: break-all;
}

/* ---- UX Kanban Fase 5: Tabella atleti TC Panel ---- */

.es-tc-table-wrap {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 520px;
  border: 1px solid var(--es-border);
  border-radius: 8px;
  background: var(--es-panel);
  /* Fade-bottom mask via box-shadow inset (funziona con overflow interno) */
  box-shadow: inset 0 -40px 24px -24px rgba(15, 23, 42, 0.4);
  /* Scrollbar sottile 4px */
  scrollbar-width: thin;
  scrollbar-color: rgba(56, 189, 248, 0.3) transparent;
}
.es-tc-table-wrap::-webkit-scrollbar { width: 4px; height: 4px; }
.es-tc-table-wrap::-webkit-scrollbar-track { background: transparent; }
.es-tc-table-wrap::-webkit-scrollbar-thumb {
  background: rgba(56, 189, 248, 0.3);
  border-radius: 4px;
}
/* Thead sticky per freeze intestazione durante scroll verticale */
.es-tc-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--es-panel, #1e2940);
}

@media (prefers-reduced-motion: reduce) {
  .es-tc-table-wrap { transition: none; }
}

@media (max-width: 680px) {
  .es-tc-table-wrap { max-height: 360px; }
}


.es-tc-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  text-align: left;
}

.es-tc-table th {
  background: var(--es-panel-2);
  color: var(--es-text-muted);
  font-weight: 600;
  padding: 10px 14px;
  border-bottom: 1px solid var(--es-border);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.04em;
}

.es-tc-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--es-border);
  color: var(--es-text);
  vertical-align: middle;
}

.es-tc-table tr:last-child td {
  border-bottom: none;
}

.es-tc-table tr:hover td {
  background: rgba(255, 255, 255, 0.02);
}

/* ---- Badge di Stato ---- */
.es-tc-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
}

.es-tc-badge-pending {
  background: rgba(251, 191, 36, 0.12);
  color: #fbbf24;
  border: 1px solid rgba(251, 191, 36, 0.3);
}

.es-tc-badge-paid {
  background: var(--es-verified-soft);
  color: var(--es-verified);
  border: 1px solid rgba(52, 199, 123, 0.3);
}

.es-tc-badge-late {
  background: rgba(248, 113, 113, 0.12);
  color: #f87171;
  border: 1px solid rgba(248, 113, 113, 0.3);
}

.es-tc-badge-active {
  background: var(--es-accent-soft);
  color: var(--es-accent);
  border: 1px solid rgba(59, 125, 255, 0.3);
}

/* ---- Form & Campi Istituzionali ---- */
.es-tc-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.es-tc-field label {
  font-size: 11px;
  font-weight: 600;
  color: var(--es-text-muted);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.es-tc-field input,
.es-tc-field select,
.es-tc-field textarea {
  border: 1px solid var(--es-border) !important;
  border-radius: 7px !important;
  background: var(--es-panel-2) !important;
  color: var(--es-text) !important;
  padding: 10px 12px !important;
  font-family: var(--es-font) !important;
  font-size: 13px !important;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.es-tc-field input::placeholder,
.es-tc-field textarea::placeholder {
  color: var(--es-text-faint) !important;
}

.es-tc-field input:focus,
.es-tc-field select:focus,
.es-tc-field textarea:focus {
  border-color: var(--es-accent) !important;
  box-shadow: 0 0 0 3px var(--es-accent-soft) !important;
}

.es-tc-field select {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238a93a3'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 30px !important;
}

.es-tc-field select option {
  background: var(--es-panel);
  color: var(--es-text);
}

.es-tc-field textarea {
  resize: vertical;
  min-height: 85px;
}

.es-tc-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

/* Empty States */
.es-tc-empty {
  text-align: center;
  padding: 3rem 1.5rem;
  color: var(--es-text-muted);
}

.es-tc-empty-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--es-text);
  margin: 0.5rem 0 0.25rem;
}

.es-tc-empty-sub {
  font-size: 13px;
  color: var(--es-text-muted);
  max-width: 44ch;
  margin: 0 auto;
  line-height: 1.5;
}

/* ---- Comunicazioni Operations ---- */
.es-tc-comms-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--es-border);
}

.es-tc-comms-header-left h2 {
  font-family: var(--es-font);
  font-size: 20px;
  font-weight: 700;
  color: var(--es-text);
  margin: 0 0 0.35rem 0;
  line-height: 1.2;
}

.es-tc-comms-header-left p {
  font-size: 13px;
  color: var(--es-text-muted);
  margin: 0;
}

.es-tc-composer-toolbar {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.6rem;
  background: var(--es-panel-2);
  border: 1px solid var(--es-border);
  border-bottom: none;
  border-radius: 6px 6px 0 0;
}

.es-tc-toolbar-btn {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--es-text-muted);
  padding: 0.25rem 0.55rem;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.es-tc-toolbar-btn:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--es-text);
}

.es-tc-composer-textarea {
  border-radius: 0 0 6px 6px !important;
  min-height: 140px !important;
}

.es-tc-composer-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--es-border);
}

.es-tc-attach-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: var(--es-panel-2);
  border: 1px dashed var(--es-border);
  border-radius: 6px;
  padding: 0.35rem 0.75rem;
  font-size: 0.76rem;
  font-weight: 500;
  color: var(--es-text-muted);
  cursor: pointer;
  transition: all 0.15s ease;
}

.es-tc-attach-pill:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--es-text);
  border-color: var(--es-accent);
}

.es-tc-group-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.es-tc-group-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0.95rem;
  background: var(--es-panel-2);
  border: 1px solid var(--es-border);
  border-radius: 6px;
  transition: border-color 0.15s ease;
}

.es-tc-group-item:hover {
  border-color: var(--es-accent);
}

.es-tc-group-info {
  display: flex;
  flex-direction: column;
}

.es-tc-group-name {
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--es-text);
}

.es-tc-group-sub {
  font-size: 0.74rem;
  color: var(--es-text-muted);
}

.es-tc-group-badge {
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--es-accent);
  background: var(--es-panel);
  border: 1px solid var(--es-border);
  padding: 0.2rem 0.55rem;
  border-radius: 4px;
}

.es-tc-history-item {
  padding: 0.85rem;
  border-bottom: 1px solid var(--es-border);
  transition: background 0.15s ease;
}

.es-tc-history-item:last-child {
  border-bottom: none;
}

.es-tc-history-item:hover {
  background: rgba(255, 255, 255, 0.02);
}

.es-tc-history-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.3rem;
}

.es-tc-history-subject {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--es-text);
}

.es-tc-history-meta {
  font-size: 0.76rem;
  color: var(--es-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.es-tc-perm-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
}

.es-tc-perm-table th {
  text-align: left;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--es-text-muted);
  padding: 0.65rem 0.85rem;
  border-bottom: 1px solid var(--es-border);
  background: var(--es-panel-2);
}

.es-tc-perm-table td {
  padding: 0.75rem 0.85rem;
  border-bottom: 1px solid var(--es-border);
  color: var(--es-text);
  vertical-align: middle;
}

.es-tc-perm-table tr:hover td {
  background: rgba(255, 255, 255, 0.02);
}

.es-tc-perm-role {
  font-weight: 600;
  color: var(--es-text);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.es-tc-perm-shield {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: var(--es-panel-2);
  font-size: 0.68rem;
  color: var(--es-accent);
}

/* ---- Calendario Operations ---- */
.es-tc-cal-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.85rem;
  padding: 0.85rem 1rem;
  background: var(--es-panel);
  border: 1px solid var(--es-border);
  border-radius: 8px;
  margin-bottom: 1.25rem;
}

.es-tc-cal-nav {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.es-tc-cal-month-title {
  font-family: var(--es-font);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--es-text);
  min-width: 170px;
  text-align: center;
}

.es-tc-cal-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--es-panel-2);
  border: 1px solid var(--es-border);
  border-radius: 6px;
  color: var(--es-text);
  cursor: pointer;
  transition: all 0.15s ease;
}

.es-tc-cal-nav-btn:hover {
  background: var(--es-accent);
  color: #ffffff;
  border-color: var(--es-accent);
}

.es-tc-cal-view-group {
  display: inline-flex;
  background: var(--es-panel-2);
  border: 1px solid var(--es-border);
  border-radius: 6px;
  padding: 2px;
}

.es-tc-cal-view-btn {
  background: transparent;
  border: none;
  border-radius: 4px;
  padding: 0.35rem 0.75rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--es-text-muted);
  cursor: pointer;
  transition: all 0.15s ease;
}

.es-tc-cal-view-btn:hover {
  color: var(--es-text);
}

.es-tc-cal-view-btn.is-active {
  background: var(--es-accent);
  color: #ffffff;
}

.es-tc-cal-filters {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.es-tc-cal-filter-select {
  padding: 0.35rem 0.65rem !important;
  font-size: 0.78rem !important;
  border-radius: 6px !important;
  border: 1px solid var(--es-border) !important;
  background: var(--es-panel-2) !important;
  color: var(--es-text) !important;
}

/* Griglia Mese */
.es-tc-month-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--es-panel);
  border: 1px solid var(--es-border);
  border-radius: 8px;
  overflow: hidden;
}

.es-tc-month-table th {
  background: var(--es-panel-2);
  padding: 0.6rem 0.5rem;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--es-text-muted);
  text-align: center;
  border-bottom: 1px solid var(--es-border);
}

.es-tc-month-cell {
  width: 14.28%;
  height: 95px;
  vertical-align: top;
  padding: 0.4rem;
  border: 1px solid var(--es-border);
  position: relative;
  transition: background 0.12s ease;
}

.es-tc-month-cell:hover {
  background: rgba(255, 255, 255, 0.02);
}

.es-tc-month-cell.is-other {
  opacity: 0.25;
  background: var(--es-bg);
}

.es-tc-month-cell.is-today {
  background: var(--es-accent-soft);
}

.es-tc-cell-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

.es-tc-cell-num {
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--es-text-muted);
}

.es-tc-month-cell.is-today .es-tc-cell-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: var(--es-accent);
  color: #ffffff;
  border-radius: 50%;
  font-size: 0.7rem;
}

.es-tc-cell-add-btn {
  opacity: 0;
  background: transparent;
  border: none;
  font-size: 0.85rem;
  color: var(--es-text-muted);
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.es-tc-month-cell:hover .es-tc-cell-add-btn {
  opacity: 1;
}

.es-tc-cell-events {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.es-tc-event-chip {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  background: var(--es-panel-2);
  border: 1px solid var(--es-border);
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--es-text);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.15s ease;
}

.es-tc-event-chip:hover {
  border-color: var(--es-accent);
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.es-tc-event-chip.type-allenamento {
  border-left: 3px solid #10b981;
}

.es-tc-event-chip.type-partita {
  border-left: 3px solid #3b7dff;
}

.es-tc-event-chip.type-provino,
.es-tc-event-chip.type-scouting {
  border-left: 3px solid #f59e0b;
}

.es-tc-event-chip.type-riunione {
  border-left: 3px solid #8b5cf6;
}

/* Agenda View */
.es-tc-agenda-group {
  margin-bottom: 1.5rem;
}

.es-tc-agenda-date-header {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--es-text-muted);
  margin-bottom: 0.6rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid var(--es-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.es-tc-agenda-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1.1rem;
  background: var(--es-panel);
  border: 1px solid var(--es-border);
  border-radius: 6px;
  margin-bottom: 0.5rem;
  transition: border-color 0.15s ease;
}

.es-tc-agenda-card:hover {
  border-color: var(--es-text-faint);
}

.es-tc-agenda-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.es-tc-agenda-time {
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--es-accent);
  min-width: 60px;
}

.es-tc-agenda-info {
  display: flex;
  flex-direction: column;
}

.es-tc-agenda-title {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--es-text);
}

.es-tc-agenda-meta {
  font-size: 0.74rem;
  color: var(--es-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* ---- Modali & Drawers ---- */
.es-tc-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(5, 8, 14, 0.84);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.es-tc-modal {
  background: var(--es-panel);
  border: 1px solid var(--es-border);
  border-radius: 12px;
  width: 100%;
  max-width: 580px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.85);
  padding: 1.75rem;
  animation: esFadeUp 0.2s ease-out;
  color: var(--es-text);
}

@keyframes esFadeUp {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.es-tc-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid var(--es-border);
}

.es-tc-modal-title {
  font-family: var(--es-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--es-text);
  margin: 0;
}

.es-tc-modal-close {
  background: transparent;
  border: none;
  font-size: 1.2rem;
  color: var(--es-text-muted);
  cursor: pointer;
  padding: 0.2rem 0.5rem;
}

.es-tc-modal-close:hover {
  color: var(--es-text);
}

/* Stats Presenze */
.es-tc-att-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.6rem;
  margin-bottom: 1.25rem;
}

.es-tc-att-stat-box {
  background: var(--es-panel-2);
  border: 1px solid var(--es-border);
  border-radius: 6px;
  padding: 0.6rem 0.75rem;
  text-align: center;
}

.es-tc-att-stat-label {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--es-text-faint);
}

.es-tc-att-stat-val {
  font-family: var(--es-font);
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--es-text);
}

.es-tc-att-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid var(--es-border);
}

.es-tc-att-row:last-child {
  border-bottom: none;
}

.es-tc-att-toggle-group {
  display: inline-flex;
  background: var(--es-panel-2);
  border-radius: 6px;
  padding: 2px;
  gap: 2px;
}

.es-tc-att-state-btn {
  border: none;
  background: transparent;
  padding: 0.3rem 0.6rem;
  font-size: 0.72rem;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
  color: var(--es-text-muted);
  transition: all 0.12s ease;
}

.es-tc-att-state-btn.is-presente {
  background: #10b981;
  color: #ffffff;
}

.es-tc-att-state-btn.is-assente {
  background: #ef4444;
  color: #ffffff;
}

.es-tc-att-state-btn.is-giustificato {
  background: #f59e0b;
  color: #ffffff;
}

.es-tc-att-state-btn.is-pending {
  background: var(--es-panel);
  color: var(--es-text-muted);
}

/* ---- Document Management ---- */
.es-tc-doc-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.es-tc-doc-search-box {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: var(--es-panel-2);
  border: 1px solid var(--es-border);
  border-radius: 6px;
  padding: 0.35rem 0.65rem;
  flex: 1;
  min-width: 200px;
  max-width: 320px;
}

.es-tc-doc-search-box input {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 0.8rem !important;
  color: var(--es-text) !important;
  width: 100%;
}

.es-tc-doc-model-list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.es-tc-doc-model-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0.85rem;
  background: var(--es-panel);
  border: 1px solid var(--es-border);
  border-radius: 6px;
  transition: all 0.15s ease;
}

.es-tc-doc-model-item:hover {
  background: var(--es-panel-2);
  border-color: var(--es-text-faint);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.es-tc-doc-model-info {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.es-tc-doc-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: var(--es-panel-2);
  color: var(--es-accent);
  font-size: 0.85rem;
}

.es-tc-doc-meta h4 {
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--es-text);
  margin: 0 0 0.15rem 0;
}

.es-tc-doc-meta p {
  font-size: 0.72rem;
  color: var(--es-text-muted);
  margin: 0;
}

.es-tc-dragzone {
  border: 2px dashed var(--es-border);
  border-radius: 8px;
  padding: 1.5rem 1rem;
  text-align: center;
  background: var(--es-panel-2);
  cursor: pointer;
  transition: all 0.15s ease;
  color: var(--es-text-muted);
}

.es-tc-dragzone:hover {
  border-color: var(--es-accent);
  background: var(--es-panel);
}

/* ---- Athlete Intelligence & Performance ---- */
.es-tc-athlete-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--es-accent);
  color: #ffffff;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}

.es-tc-athlete-row {
  cursor: pointer;
  transition: background 0.12s ease;
}

.es-tc-athlete-row:hover {
  background: rgba(255, 255, 255, 0.02) !important;
}

.es-tc-athlete-row.is-selected {
  background: var(--es-accent-soft) !important;
  border-left: 3px solid var(--es-accent);
}

.es-tc-scout-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.55rem;
  background: var(--es-accent-soft);
  color: var(--es-accent);
  border: 1px solid rgba(59, 125, 255, 0.3);
  border-radius: 4px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.es-tc-scout-badge.is-pending {
  background: var(--es-panel-2);
  color: var(--es-text-muted);
  border-color: var(--es-border);
}

.es-tc-athlete-preview-card {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.es-tc-preview-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--es-border);
}

.es-tc-preview-avatar-lg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: var(--es-panel-2);
  color: var(--es-text);
  font-family: var(--es-font);
  font-size: 1.4rem;
  font-weight: 700;
  border: 2px solid var(--es-accent);
  flex-shrink: 0;
}

.es-tc-preview-meta h3 {
  font-family: var(--es-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--es-text);
  margin: 0 0 0.25rem 0;
}

.es-tc-preview-meta p {
  font-size: 0.78rem;
  color: var(--es-text-muted);
  margin: 0;
}

.es-tc-intelligence-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

.es-tc-intel-stat-box {
  background: var(--es-panel-2);
  border: 1px solid var(--es-border);
  border-radius: 6px;
  padding: 0.65rem 0.8rem;
}

.es-tc-intel-stat-label {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--es-text-faint);
  margin-bottom: 0.2rem;
}

.es-tc-intel-stat-val {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--es-text);
}

.es-tc-progress-wrap {
  height: 6px;
  background: var(--es-border);
  border-radius: 3px;
  overflow: hidden;
  margin-top: 0.4rem;
}

.es-tc-progress-bar {
  height: 100%;
  background: var(--es-verified);
  border-radius: 3px;
  transition: width 0.3s ease;
}

/* ---- Corporate Governance & Soci ---- */
.es-tc-gov-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  background: var(--es-panel);
  border: 1px solid var(--es-border);
  border-radius: 8px;
  padding: 1.25rem 1.5rem;
}

.es-tc-gov-cell {
  display: flex;
  flex-direction: column;
}

.es-tc-gov-label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--es-text-faint);
  margin-bottom: 0.25rem;
}

.es-tc-gov-val {
  font-size: 0.96rem;
  font-weight: 600;
  color: var(--es-text);
  word-break: break-word;
}

.es-tc-socio-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--es-panel-2);
  color: var(--es-accent);
  font-family: var(--es-font);
  font-weight: 700;
  font-size: 0.85rem;
  border: 1px solid var(--es-accent);
  flex-shrink: 0;
}

.es-tc-min-view-box {
  background: var(--es-panel-2);
  border: 1px solid var(--es-border);
  border-radius: 8px;
  padding: 1.25rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.8rem;
  line-height: 1.55;
  color: var(--es-text);
  white-space: pre-wrap;
  max-height: 380px;
  overflow-y: auto;
}

/* ---- Responsive Media Queries ---- */
@media (max-width: 980px) {
  .es-stats,
  .es-tc-kpi-strip {
    grid-template-columns: repeat(2, 1fr);
  }
  .es-panels,
  .es-tc-grid-main {
    grid-template-columns: 1fr;
  }
  .es-breadcrumb,
  .es-club__meta-row {
    margin-left: 0;
  }
  .es-tc-cal-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .es-tc-att-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Stili spostati da tc-panel.js (prima scritti nel codice) */
.es-tcx-1.es-tcx-1.es-tcx-1 {
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.es-tcx-2.es-tcx-2.es-tcx-2 {
  display:flex;
  gap:0.5rem;
}
.es-tcx-3.es-tcx-3.es-tcx-3 {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:0.75rem;
  font-size:0.82rem;
}
.es-tcx-4.es-tcx-4.es-tcx-4 {
  display:flex;
  justify-content:space-between;
  padding-bottom:0.5rem;
  border-bottom:1px solid var(--es-border);
}
.es-tcx-5.es-tcx-5.es-tcx-5 {
  color:var(--es-accent);
  font-weight:600;
}
.es-tcx-6.es-tcx-6.es-tcx-6 {
  color:var(--es-verified);
  font-weight:600;
}
.es-tcx-7.es-tcx-7.es-tcx-7 {
  display:flex;
  justify-content:space-between;
}
.es-tcx-8.es-tcx-8.es-tcx-8 {
  color:var(--es-text-muted);
}
.es-tcx-9.es-tcx-9.es-tcx-9 {
  font-size:1.3rem;
  color:#059669;
}
.es-tcx-10.es-tcx-10.es-tcx-10 {
  display:flex;
  gap:0.5rem;
  margin-bottom:1rem;
}
.es-tcx-11.es-tcx-11.es-tcx-11 {
  font-size:0.78rem;
  color:#64748B;
  margin:0;
  line-height:1.5;
}
.es-tcx-12.es-tcx-12.es-tcx-12 {
  font-size:0.75rem;
  color:#64748B;
}
.es-tcx-13.es-tcx-13.es-tcx-13 {
  color:#64748B;
}
.es-tcx-14.es-tcx-14.es-tcx-14 {
  display:flex;
  gap:0.35rem;
}
.es-tcx-15.es-tcx-15.es-tcx-15 {
  margin:0.25rem 0 0;
}
.es-tcx-16.es-tcx-16.es-tcx-16 {
  color:#059669;
}
.es-tcx-17.es-tcx-17.es-tcx-17 {
  color:#DC2626;
}
.es-tcx-18.es-tcx-18.es-tcx-18 {
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  margin-top:0.75rem;
}
.es-tcx-19.es-tcx-19.es-tcx-19 {
  justify-content:center;
}
.es-tcx-20.es-tcx-20.es-tcx-20 {
  font-size:0.75rem;
  color:#059669;
  font-weight:600;
}
.es-tcx-21.es-tcx-21.es-tcx-21 {
  margin-bottom:0.5rem;
}
.es-tcx-22.es-tcx-22.es-tcx-22 {
  font-size:1.25rem;
}
.es-tcx-23.es-tcx-23.es-tcx-23 {
  display:flex;
  align-items:center;
  gap:0.6rem;
  margin-top:0.4rem;
}
.es-tcx-24.es-tcx-24.es-tcx-24 {
  display:flex;
  align-items:center;
  gap:0.5rem;
}
.es-tcx-25.es-tcx-25.es-tcx-25 {
  display:flex;
  flex-direction:column;
}
.es-tcx-26.es-tcx-26.es-tcx-26 {
  background:#FFFFFF;
  border-color:rgba(15,23,42,0.15);
}
.es-tcx-27.es-tcx-27.es-tcx-27 {
  font-weight:700;
}
.es-tcx-28.es-tcx-28.es-tcx-28 {
  background:#0F172A;
  color:#FFFFFF;
  border-color:#0F172A;
}
.es-tcx-29.es-tcx-29.es-tcx-29 {
  margin-top:1.5rem;
}
.es-tcx-30.es-tcx-30.es-tcx-30 {
  margin-bottom:1rem;
}
.es-tcx-31.es-tcx-31.es-tcx-31 {
  width:160px;
}
.es-tcx-32.es-tcx-32.es-tcx-32 {
  width:180px;
}
.es-tcx-33.es-tcx-33.es-tcx-33 {
  font-size:1.1rem;
  line-height:1.2;
  word-break:break-word;
}
.es-tcx-34.es-tcx-34.es-tcx-34 {
  padding:0.35rem 0.65rem;
  font-size:0.75rem;
}
.es-tcx-35.es-tcx-35.es-tcx-35 {
  display:flex;
  flex-direction:column;
  gap:0.6rem;
}
.es-tcx-36.es-tcx-36.es-tcx-36 {
  border:1px solid rgba(15,23,42,0.08);
  border-radius:6px;
  padding:0.75rem;
}
.es-tcx-37.es-tcx-37.es-tcx-37 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:0.4rem;
  padding-top:0.4rem;
  border-top:1px solid rgba(15,23,42,0.05);
}
.es-tcx-38.es-tcx-38.es-tcx-38 {
  font-size:0.72rem;
  color:#64748B;
}
.es-tcx-39.es-tcx-39.es-tcx-39 {
  font-size:0.65rem;
  color:#64748B;
}
.es-tcx-40.es-tcx-40.es-tcx-40 {
  display:grid;
  grid-template-columns:repeat(7, 1fr);
  gap:0.5rem;
  background:#F8FAFC;
  padding:0.75rem;
  border-radius:8px;
  border:1px solid rgba(15,23,42,0.08);
}
.es-tcx-41.es-tcx-41.es-tcx-41 {
  background:#FFFFFF;
  border:1px solid rgba(15,23,42,0.08);
  border-radius:6px;
  padding:0.5rem;
  min-height:220px;
  display:flex;
  flex-direction:column;
}
.es-tcx-42.es-tcx-42.es-tcx-42 {
  text-align:center;
  padding-bottom:0.4rem;
  border-bottom:1px solid rgba(15,23,42,0.06);
  margin-bottom:0.4rem;
}
.es-tcx-43.es-tcx-43.es-tcx-43 {
  font-size:0.7rem;
  font-weight:700;
  color:#64748B;
  text-transform:uppercase;
}
.es-tcx-44.es-tcx-44.es-tcx-44 {
  display:flex;
  flex-direction:column;
  gap:0.35rem;
  flex:1;
}
.es-tcx-45.es-tcx-45.es-tcx-45 {
  font-size:0.68rem;
  color:#94A3B8;
  text-align:center;
  margin-top:1rem;
}
.es-tcx-46.es-tcx-46.es-tcx-46 {
  font-size:0.68rem;
  color:#64748B;
}
.es-tcx-47.es-tcx-47.es-tcx-47 {
  font-weight:600;
  color:#0F172A;
  font-size:0.75rem;
}
.es-tcx-48.es-tcx-48.es-tcx-48 {
  display:flex;
  flex-direction:column;
  gap:0.85rem;
}
.es-tcx-49.es-tcx-49.es-tcx-49 {
  font-weight:500;
  font-size:0.7rem;
}
.es-tcx-50.es-tcx-50.es-tcx-50 {
  display:flex;
  align-items:center;
  gap:0.5rem;
  margin-bottom:0.2rem;
}
.es-tcx-51.es-tcx-51.es-tcx-51 {
  background:#F1F5F9;
  color:#475569;
}
.es-tcx-52.es-tcx-52.es-tcx-52 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:1px solid rgba(15,23,42,0.08);
}
.es-tcx-53.es-tcx-53.es-tcx-53 {
  max-width:680px;
}
.es-tcx-54.es-tcx-54.es-tcx-54 {
  font-size:0.8rem;
  color:#64748B;
}
.es-tcx-55.es-tcx-55.es-tcx-55 {
  color:#D97706;
}
.es-tcx-56.es-tcx-56.es-tcx-56 {
  border:1px solid rgba(15,23,42,0.08);
  border-radius:8px;
  overflow:hidden;
  max-height:350px;
  overflow-y:auto;
  margin-bottom:1.25rem;
}
.es-tcx-57.es-tcx-57.es-tcx-57 {
  font-size:0.86rem;
  color:#0F172A;
}
.es-tcx-58.es-tcx-58.es-tcx-58 {
  font-size:0.72rem;
  color:#64748B;
  margin-left:0.4rem;
}
.es-tcx-59.es-tcx-59.es-tcx-59 {
  display:flex;
  justify-content:flex-end;
}
.es-tcx-60.es-tcx-60.es-tcx-60 {
  display:flex;
  align-items:center;
  gap:0.5rem;
  flex-wrap:wrap;
}
.es-tcx-61.es-tcx-61.es-tcx-61 {
  text-align:right;
}
.es-tcx-62.es-tcx-62.es-tcx-62 {
  background:#F1F5F9;
  color:#0F172A;
}
.es-tcx-63.es-tcx-63.es-tcx-63 {
  margin-bottom:1.25rem;
}
.es-tcx-64.es-tcx-64.es-tcx-64 {
  margin-bottom:0.4rem;
}
.es-tcx-65.es-tcx-65.es-tcx-65 {
  font-size:0.84rem;
  font-weight:600;
  color:#0F172A;
}
.es-tcx-66.es-tcx-66.es-tcx-66 {
  font-size:0.72rem;
  color:#64748B;
  margin-top:0.2rem;
}
.es-tcx-67.es-tcx-67.es-tcx-67 {
  display:none;
}
.es-tcx-68.es-tcx-68.es-tcx-68 {
  font-size:0.75rem;
  color:#059669;
  font-weight:600;
  margin-top:0.4rem;
}
.es-tcx-69.es-tcx-69.es-tcx-69 {
  color:#C6A15B;
}
.es-tcx-70.es-tcx-70.es-tcx-70 {
  font-size:1.15rem;
}
.es-tcx-71.es-tcx-71.es-tcx-71 {
  margin-top:0.85rem;
}
.es-tcx-72.es-tcx-72.es-tcx-72 {
  display:flex;
  align-items:center;
  gap:0.65rem;
}
.es-tcx-73.es-tcx-73.es-tcx-73 {
  color:#0F172A;
  font-size:0.86rem;
}
.es-tcx-74.es-tcx-74.es-tcx-74 {
  font-size:0.8rem;
  color:#475569;
}
.es-tcx-75.es-tcx-75.es-tcx-75 {
  font-size:0.75rem;
  color:#C6A15B;
  font-weight:600;
}
.es-tcx-76.es-tcx-76.es-tcx-76 {
  margin-top:0.35rem;
}
.es-tcx-77.es-tcx-77.es-tcx-77 {
  font-size:0.7rem;
  color:#64748B;
  margin-top:0.25rem;
}
.es-tcx-78.es-tcx-78.es-tcx-78 {
  font-size:0.82rem;
  color:#0F172A;
}
.es-tcx-79.es-tcx-79.es-tcx-79 {
  background:#F8FAFC;
  border:1px solid rgba(15,23,42,0.06);
  border-radius:6px;
  padding:0.75rem;
  font-size:0.78rem;
  color:#475569;
}
.es-tcx-80.es-tcx-80.es-tcx-80 {
  margin-bottom:0.25rem;
}
.es-tcx-81.es-tcx-81.es-tcx-81 {
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  margin-top:0.5rem;
}
.es-tcx-82.es-tcx-82.es-tcx-82 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0.5rem;
}
.es-tcx-83.es-tcx-83.es-tcx-83 {
  font-size:0.75rem;
  color:#C6A15B;
  font-weight:600;
  border:1px solid rgba(198,161,91,0.3);
  padding:0.2rem 0.55rem;
  border-radius:4px;
  background:rgba(198,161,91,0.06);
}
.es-tcx-84.es-tcx-84.es-tcx-84 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:1rem;
}
.es-tcx-85.es-tcx-85.es-tcx-85 {
  background:#F8FAFC;
  border:1px solid rgba(15,23,42,0.08);
  border-radius:8px;
  padding:1rem;
}
.es-tcx-86.es-tcx-86.es-tcx-86 {
  font-weight:700;
  color:#0F172A;
  font-size:0.86rem;
  margin-bottom:0.35rem;
}
.es-tcx-87.es-tcx-87.es-tcx-87 {
  font-size:0.78rem;
  color:#64748B;
  margin:0;
  line-height:1.4;
}
.es-tcx-88.es-tcx-88.es-tcx-88 {
  margin-bottom:1.5rem;
}
.es-tcx-89.es-tcx-89.es-tcx-89 {
  display:flex;
  align-items:center;
  gap:0.6rem;
}
.es-tcx-90.es-tcx-90.es-tcx-90 {
  background:rgba(5,150,105,0.08);
  color:#059669;
  border:1px solid rgba(5,150,105,0.25);
}
.es-tcx-91.es-tcx-91.es-tcx-91 {
  background:rgba(217,119,6,0.08);
  color:#D97706;
  border:1px solid rgba(217,119,6,0.25);
}
.es-tcx-92.es-tcx-92.es-tcx-92 {
  padding:0.35rem 0.75rem;
  font-size:0.76rem;
}
.es-tcx-93.es-tcx-93.es-tcx-93 {
  display:flex;
  gap:0.5rem;
  justify-content:center;
  margin-top:0.85rem;
}
.es-tcx-94.es-tcx-94.es-tcx-94 {
  background:#F1F5F9;
  color:#0F172A;
  font-weight:600;
}
.es-tcx-95.es-tcx-95.es-tcx-95 {
  font-weight:600;
  color:#0F172A;
  font-size:0.84rem;
}
.es-tcx-96.es-tcx-96.es-tcx-96 {
  font-size:0.82rem;
  color:#334155;
  max-width:340px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.es-tcx-97.es-tcx-97.es-tcx-97 {
  display:inline-flex;
  gap:0.4rem;
}
.es-tcx-98.es-tcx-98.es-tcx-98 {
  max-width:640px;
}
.es-tcx-99.es-tcx-99.es-tcx-99 {
  flex-direction:row;
  align-items:center;
  gap:0.5rem;
}