@media (max-width: 540px) {
  #employee-commissions-panel,
  .ec-card,
  .ec-table-wrap {
    min-width: 0;
    max-width: 100%;
  }

  .ec-card {
    overflow: hidden;
  }

  .hdr-right {
    width: auto !important;
    min-width: 0 !important;
    gap: 6px !important;
  }

  .hdr-right .hdr-perfil,
  .hdr-right .btn-outline {
    display: none !important;
  }
}

/* Tipografia alinhada aos demais módulos do CRM */
#employee-commissions-panel {font-size:13px;line-height:normal}
#employee-commissions-panel .ec-head h1 {font-size:27px}
#employee-commissions-panel .ec-head p {font-size:13px}
#employee-commissions-panel .ec-head small,#employee-commissions-panel .ec-history-title small {font-size:11px}
#employee-commissions-panel .ec-kpis small,#employee-commissions-panel .ec-history-kpis small {font-size:11px}
#employee-commissions-panel .ec-kpis b {font-size:24px}
#employee-commissions-panel .ec-history-kpis b {font-size:21px}
#employee-commissions-panel .ec-kpis article>span,#employee-commissions-panel .ec-history-kpis span,#employee-commissions-panel .ec-forecast {font-size:10px}
#employee-commissions-panel .ec-chart-card h3 {font-size:15px}
#employee-commissions-panel .ec-chart-card>p {font-size:10px}
#employee-commissions-panel .ec-month-col b,#employee-commissions-panel .ec-revenue-list b,#employee-commissions-panel .ec-service-chart b,#employee-commissions-panel .ec-team-chart b {font-size:11px}
#employee-commissions-panel .ec-month-col>span,#employee-commissions-panel .ec-revenue-list label,#employee-commissions-panel .ec-service-chart label,#employee-commissions-panel .ec-team-chart label {font-size:10px}
#employee-commissions-panel .ec-revenue-list small,#employee-commissions-panel .ec-service-chart small,#employee-commissions-panel .ec-team-chart small,#employee-commissions-panel .ec-legend {font-size:9px}
#employee-commissions-panel .ec-table th {font-size:11px}
#employee-commissions-panel .ec-table td {font-size:13px}
#employee-commissions-panel .ec-detail-btn,#employee-commissions-panel .ec-service-choice b,#employee-commissions-panel .ec-service-actions {font-size:12px}
#employee-commissions-panel input {font-size:13px}
#employee-commissions-panel .ec-service-choice small,#employee-commissions-panel .ec-service-help {font-size:10px}
@media(max-width:540px){#employee-commissions-panel .ec-head h1{font-size:22px}#employee-commissions-panel .ec-kpis b{font-size:24px}}

/* Alta legibilidade solicitada */
#employee-commissions-panel {
  font-size: 18px;
  line-height: 1.5;
}

#employee-commissions-panel .ec-head h1 {
  font-size: 34px;
}

#employee-commissions-panel .ec-head p {
  font-size: 18px;
}

#employee-commissions-panel .ec-head small,
#employee-commissions-panel .ec-history-title small,
#employee-commissions-panel .ec-kpis small,
#employee-commissions-panel .ec-history-kpis small {
  font-size: 15px;
}

#employee-commissions-panel .ec-kpis b {
  font-size: 40px;
}

#employee-commissions-panel .ec-history-kpis b {
  font-size: 36px;
}

#employee-commissions-panel .ec-kpis article > span,
#employee-commissions-panel .ec-history-kpis span,
#employee-commissions-panel .ec-forecast {
  font-size: 14px;
}

#employee-commissions-panel .ec-chart-card h3 {
  font-size: 22px;
}

#employee-commissions-panel .ec-chart-card > p,
#employee-commissions-panel .ec-month-col > span,
#employee-commissions-panel .ec-revenue-list label,
#employee-commissions-panel .ec-service-chart label,
#employee-commissions-panel .ec-team-chart label {
  font-size: 15px;
}

#employee-commissions-panel .ec-month-col b,
#employee-commissions-panel .ec-revenue-list b,
#employee-commissions-panel .ec-service-chart b,
#employee-commissions-panel .ec-team-chart b {
  font-size: 16px;
}

#employee-commissions-panel .ec-table th {
  font-size: 15px;
}

#employee-commissions-panel .ec-table td {
  font-size: 17px;
}

#employee-commissions-panel .ec-detail-btn,
#employee-commissions-panel .ec-service-choice b,
#employee-commissions-panel .ec-service-actions,
#employee-commissions-panel input {
  font-size: 17px;
}

#employee-commissions-panel .ec-service-choice small,
#employee-commissions-panel .ec-service-help,
#employee-commissions-panel .ec-legend,
#employee-commissions-panel .ec-revenue-list small,
#employee-commissions-panel .ec-service-chart small,
#employee-commissions-panel .ec-team-chart small {
  font-size: 13px;
}

@media (max-width: 540px) {
  #employee-commissions-panel .ec-head h1 {
    font-size: 32px;
  }

  #employee-commissions-panel .ec-kpis b {
    font-size: 42px;
  }
}

@media print {
  body {
    background: #fff !important;
    color: #111 !important;
  }

  header,
  .tabs,
  .info-strip,
  .ec-history,
  .ec-filters,
  .ec-detail-btn,
  .ec-note {
    display: none !important;
  }

  .wrap,
  #employee-commissions-panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #employee-commissions-panel,
  .ec-head,
  .ec-kpis,
  .ec-card,
  .ec-table-wrap,
  .ec-table {
    display: block !important;
  }

  .ec-head h1,
  .ec-head p,
  .ec-kpis b,
  .ec-card,
  .ec-table,
  .ec-table th,
  .ec-table td,
  .ec-person small,
  .ec-forecast {
    color: #111 !important;
  }

  .ec-kpis {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
  }

  .ec-kpis article,
  .ec-card {
    background: #fff !important;
    border-color: #bbb !important;
    box-shadow: none !important;
  }

  .ec-table-wrap {
    overflow: visible !important;
  }

  .ec-table {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 9px !important;
  }

  .ec-table thead {
    display: table-header-group !important;
  }

  .ec-table tbody {
    display: table-row-group !important;
  }

  .ec-table tr {
    display: table-row !important;
    break-inside: avoid;
  }

  .ec-table th,
  .ec-table td {
    display: table-cell !important;
    padding: 6px 4px !important;
  }

  .ec-table th:last-child,
  .ec-table td:last-child,
  .ec-detail {
    display: none !important;
  }

  .ec-print-details {
    display: block !important;
    margin-top: 24px;
  }

  .ec-print-details section {
    break-inside: avoid;
    margin-top: 18px;
  }

  #employee-commissions-panel[data-print-employee] .ec-kpis,
  #employee-commissions-panel[data-print-employee] .ec-card > .ec-table-wrap {
    display: none !important;
  }

  #employee-commissions-panel[data-print-employee] .ec-print-details section {
    display: none !important;
  }

  #employee-commissions-panel[data-print-employee] .ec-print-details section.ec-print-selected {
    display: block !important;
  }

  .ec-print-details table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
  }

  .ec-print-details th,
  .ec-print-details td {
    border: 1px solid #bbb;
    padding: 5px;
    color: #111 !important;
    text-align: left;
  }
}

.ec-print-details {
  display: none;
}

.ec-service-title {
  margin: 2px 0 4px;
  color: var(--goldlt);
  font-size: 15px;
}

.ec-service-help {
  margin: 0 0 12px;
  color: var(--text3);
  font-size: 11px;
}

.ec-service-search {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 420px;
  margin-bottom: 10px;
  padding: 9px 11px;
  border: 1px solid var(--border2);
  border-radius: 9px;
  background: var(--card);
  color: var(--text3);
}

.ec-service-search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
}

.ec-detail .ec-service-list {
  max-height: 360px;
  overflow-y: auto;
  padding-right: 5px;
}

.ec-service-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 10px 0;
  padding: 10px;
  border: 1px solid var(--border2);
  border-radius: 10px;
  background: var(--card);
}

.ec-service-actions > b {
  color: var(--gold2);
  font-size: 12px;
}

.ec-service-actions > label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--text3);
  font-size: 11px;
}

.ec-service-choice {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--card);
  cursor: pointer;
}

.ec-service-choice input {
  width: 18px;
  height: 18px;
  accent-color: var(--gold2);
}

.ec-service-choice span,
.ec-service-choice small {
  display: block;
}

.ec-team-chart {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.ec-team-chart > div {
  display: grid;
  grid-template-columns: 26px 90px 1fr auto;
  gap: 4px 8px;
  align-items: center;
}

.ec-team-chart strong {
  color: var(--gold2);
  font-size: 12px;
}

.ec-team-chart label {
  overflow: hidden;
  color: var(--text2);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ec-team-bars {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ec-team-bars i {
  display: block;
  min-height: 5px;
  border-radius: 4px;
}

.ec-team-forecast {
  background: var(--gold2);
}

.ec-team-confirmed {
  background: #10b981;
}

.ec-team-chart b {
  color: var(--goldlt);
  font-size: 10px;
}

.ec-team-chart small {
  grid-column: 3 / 5;
  color: var(--text3);
  font-size: 9px;
}

/* Legibilidade do módulo financeiro de funcionários */
#employee-commissions-panel {
  color: #f8fafc;
  font-size: 16px;
}

#employee-commissions-panel .ec-head p {
  color: #cbd5e1;
  font-size: 16px;
  line-height: 1.45;
}

#employee-commissions-panel .ec-head small,
#employee-commissions-panel .ec-history-title small {
  font-size: 13px;
}

#employee-commissions-panel .ec-kpis small,
#employee-commissions-panel .ec-history-kpis small {
  color: #cbd5e1;
  font-size: 13px;
  font-weight: 700;
}

#employee-commissions-panel .ec-kpis b {
  font-size: 34px;
  line-height: 1.1;
}

#employee-commissions-panel .ec-history-kpis b {
  font-size: 30px;
}

#employee-commissions-panel .ec-kpis article > span,
#employee-commissions-panel .ec-history-kpis span,
#employee-commissions-panel .ec-forecast {
  color: #aebed3;
  font-size: 12px;
}

#employee-commissions-panel .ec-chart-card h3 {
  color: #f8fafc;
  font-size: 19px;
}

#employee-commissions-panel .ec-chart-card > p {
  color: #b8c6d9;
  font-size: 13px;
}

#employee-commissions-panel .ec-month-col b,
#employee-commissions-panel .ec-revenue-list b,
#employee-commissions-panel .ec-service-chart b,
#employee-commissions-panel .ec-team-chart b {
  font-size: 14px;
}

#employee-commissions-panel .ec-month-col > span,
#employee-commissions-panel .ec-revenue-list label,
#employee-commissions-panel .ec-service-chart label,
#employee-commissions-panel .ec-team-chart label {
  color: #d5deea;
  font-size: 13px;
}

#employee-commissions-panel .ec-revenue-list small,
#employee-commissions-panel .ec-service-chart small,
#employee-commissions-panel .ec-team-chart small,
#employee-commissions-panel .ec-legend {
  color: #aebed3;
  font-size: 12px;
}

#employee-commissions-panel .ec-table th {
  color: #d7e0ec;
  font-size: 13px;
  font-weight: 800;
}

#employee-commissions-panel .ec-table td {
  color: #f1f5f9;
  font-size: 15px;
}

#employee-commissions-panel .ec-detail-btn,
#employee-commissions-panel .ec-service-choice b,
#employee-commissions-panel .ec-service-actions {
  font-size: 14px;
}

#employee-commissions-panel input {
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 540px) {
  #employee-commissions-panel .ec-head h1 {
    font-size: 28px;
  }

  #employee-commissions-panel .ec-kpis b {
    font-size: 36px;
  }

  #employee-commissions-panel .ec-chart-card {
    padding: 16px;
  }
}

.ec-service-choice small {
  margin-top: 3px;
  color: var(--text3);
  font-size: 10px;
}

/* Ajuste final: mesmos tamanhos tipográficos dos demais módulos */
#employee-commissions-panel{font-size:13px;line-height:normal}
#employee-commissions-panel .ec-head h1{font-size:27px}
#employee-commissions-panel .ec-head p{font-size:13px}
#employee-commissions-panel .ec-head small,#employee-commissions-panel .ec-history-title small,#employee-commissions-panel .ec-kpis small,#employee-commissions-panel .ec-history-kpis small{font-size:11px}
#employee-commissions-panel .ec-kpis b{font-size:24px}
#employee-commissions-panel .ec-history-kpis b{font-size:21px}
#employee-commissions-panel .ec-kpis article>span,#employee-commissions-panel .ec-history-kpis span,#employee-commissions-panel .ec-forecast{font-size:10px}
#employee-commissions-panel .ec-chart-card h3{font-size:15px}
#employee-commissions-panel .ec-chart-card>p{font-size:10px}
#employee-commissions-panel .ec-month-col b,#employee-commissions-panel .ec-revenue-list b,#employee-commissions-panel .ec-service-chart b,#employee-commissions-panel .ec-team-chart b{font-size:11px}
#employee-commissions-panel .ec-month-col>span,#employee-commissions-panel .ec-revenue-list label,#employee-commissions-panel .ec-service-chart label,#employee-commissions-panel .ec-team-chart label{font-size:10px}
#employee-commissions-panel .ec-revenue-list small,#employee-commissions-panel .ec-service-chart small,#employee-commissions-panel .ec-team-chart small,#employee-commissions-panel .ec-legend{font-size:9px}
#employee-commissions-panel .ec-table th{font-size:11px}
#employee-commissions-panel .ec-table td{font-size:13px}
#employee-commissions-panel .ec-detail-btn,#employee-commissions-panel .ec-service-choice b,#employee-commissions-panel .ec-service-actions{font-size:12px}
#employee-commissions-panel input{font-size:13px}
#employee-commissions-panel .ec-service-choice small,#employee-commissions-panel .ec-service-help{font-size:10px}
@media(max-width:540px){#employee-commissions-panel .ec-head h1{font-size:22px}#employee-commissions-panel .ec-kpis b{font-size:24px}#employee-commissions-panel .ec-chart-card{padding:15px}}

/* Destaque moderado apenas para números e valores */
#employee-commissions-panel .ec-kpis b{font-size:29px}
#employee-commissions-panel .ec-history-kpis b{font-size:25px}
#employee-commissions-panel .ec-month-col b,#employee-commissions-panel .ec-revenue-list b,#employee-commissions-panel .ec-service-chart b,#employee-commissions-panel .ec-team-chart b{font-size:13px;font-weight:800}
#employee-commissions-panel .ec-table td>b,#employee-commissions-panel .ec-money b,#employee-commissions-panel .ec-rank{font-size:16px;font-weight:800}
#employee-commissions-panel .ec-rate input,#employee-commissions-panel [data-batch-rate]{font-size:15px;font-weight:800}
@media(max-width:540px){#employee-commissions-panel .ec-kpis b{font-size:31px}#employee-commissions-panel .ec-history-kpis b{font-size:27px}}

/* Nomes, datas e ranking com leitura reforçada */
#employee-commissions-panel{font-size:15px}
#employee-commissions-panel .ec-person b{font-size:16px}
#employee-commissions-panel .ec-person small{font-size:12px}
#employee-commissions-panel .ec-rank{font-size:18px}
#employee-commissions-panel .ec-month-col>span,#employee-commissions-panel .ec-revenue-list label{font-size:12px;font-weight:700}
#employee-commissions-panel .ec-service-chart label,#employee-commissions-panel .ec-team-chart label{font-size:13px;font-weight:700}
#employee-commissions-panel .ec-service-choice b{font-size:14px}
#employee-commissions-panel .ec-service-choice small,#employee-commissions-panel .ec-service-help{font-size:12px}
#employee-commissions-panel .ec-table th{font-size:12px}
#employee-commissions-panel .ec-table td{font-size:14px}
#employee-commissions-panel .ec-print-details th,#employee-commissions-panel .ec-print-details td{font-size:12px}
#employee-commissions-panel .ec-team-chart strong{font-size:16px}

/* Ajuste final exclusivo da tela Funcionários */
#employee-commissions-panel .ec-head{margin-bottom:20px}
#employee-commissions-panel .ec-card,#employee-commissions-panel .ec-history{box-shadow:0 8px 24px rgba(0,0,0,.12)}
#employee-commissions-panel .ec-detail-btn{line-height:1.25}
#employee-commissions-panel .ec-detail-btn+[data-pdf-employee]{margin-left:6px}
#employee-commissions-panel .ec-team-chart>div{min-height:42px}

@media(max-width:540px){
  #employee-commissions-panel{padding-bottom:24px}
  #employee-commissions-panel .ec-head{gap:14px;margin:8px 0 16px}
  #employee-commissions-panel .ec-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  #employee-commissions-panel .ec-filters label{min-width:0}
  #employee-commissions-panel .ec-filters input[type=month]{width:100%}
  #employee-commissions-panel #ec-pdf{grid-column:1/-1;width:100%;min-height:42px}
  #employee-commissions-panel .ec-kpis{grid-template-columns:1fr 1fr;gap:9px}
  #employee-commissions-panel .ec-kpis article{min-height:112px;padding:15px;display:flex;flex-direction:column;justify-content:center}
  #employee-commissions-panel .ec-kpis article:last-child{grid-column:1/-1;min-height:104px}
  #employee-commissions-panel .ec-kpis b{font-size:29px}
  #employee-commissions-panel .ec-history{margin-top:15px;padding:12px}
  #employee-commissions-panel .ec-history-kpis{grid-template-columns:1fr 1fr;gap:8px}
  #employee-commissions-panel .ec-history-kpis article{min-height:105px;padding:12px}
  #employee-commissions-panel .ec-history-kpis b{font-size:25px}
  #employee-commissions-panel .ec-chart-grid{gap:10px}
  #employee-commissions-panel .ec-chart-card{border-radius:12px}
  #employee-commissions-panel .ec-team-chart>div{grid-template-columns:28px 82px 1fr auto}
  #employee-commissions-panel .ec-table-wrap{border-radius:10px}
  #employee-commissions-panel .ec-service-actions{align-items:stretch}
  #employee-commissions-panel .ec-service-actions>label{width:100%;justify-content:space-between}
  #employee-commissions-panel .ec-service-actions>[data-apply-services]{width:100%;min-height:42px}
}

/* Exibir nomes completos, sem reticências ou cortes */
#employee-commissions-panel .ec-revenue-list label,
#employee-commissions-panel .ec-service-chart label,
#employee-commissions-panel .ec-team-chart label {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.25;
}

#employee-commissions-panel .ec-revenue-list>div,
#employee-commissions-panel .ec-service-chart>div {
  grid-template-columns: minmax(105px, 135px) 1fr auto;
}

#employee-commissions-panel .ec-team-chart>div {
  grid-template-columns: 30px minmax(110px, 150px) 1fr auto;
}

#employee-commissions-panel .ec-person b,
#employee-commissions-panel .ec-person small,
#employee-commissions-panel .ec-detail-btn,
#employee-commissions-panel .ec-service-choice b,
#employee-commissions-panel .ec-service-choice small {
  white-space: normal;
  overflow-wrap: anywhere;
  text-overflow: clip;
}

@media(max-width:540px){
  #employee-commissions-panel .ec-revenue-list>div,
  #employee-commissions-panel .ec-service-chart>div{grid-template-columns:minmax(92px,110px) 1fr auto}
  #employee-commissions-panel .ec-team-chart>div{grid-template-columns:28px minmax(95px,115px) 1fr auto}
}