/* Etapa 23.1 — Correção de regressões visuais sem alterar dados, layout base ou tema Jarvis. */
/* O layout da etapa 22.4 é importado pelo index; estes ajustes têm escopo restrito. */
#page-configuracoes .settings-layout,
#page-configuracoes .settings-main,
#page-configuracoes .td-settings-board,
#page-configuracoes .td24-preferences,
#page-configuracoes .td24-account,
#page-configuracoes .td24-organization { min-width: 0; box-sizing: border-box; }
#page-configuracoes .settings-main { overflow: visible; }
#page-configuracoes .td-settings-board { max-width: none; margin: 0; }
#page-configuracoes .td24-preferences .td24-setting-row { min-width: 0; }
#page-configuracoes .td24-preferences .td24-setting-row > div { flex: 1 1 auto; }
#page-configuracoes .td24-preferences .td24-setting-row strong,
#page-configuracoes .td24-preferences .td24-setting-row small { display: block; overflow-wrap: anywhere; }
#page-configuracoes .td24-preferences .td24-setting-row select { flex: 0 0 210px; max-width: 100%; }
#page-configuracoes .td24-account-details { overflow-wrap: anywhere; }
#page-configuracoes .td24-organization input { width: 100%; min-width: 0; box-sizing: border-box; }
#page-configuracoes .td24-settings-save { flex-wrap: wrap; }

/* Fotos precisam ocupar o tamanho do avatar, nunca o tamanho da célula / tabela. */
.fresh-avatar.td-avatar-photo { display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; overflow: hidden; flex: 0 0 38px; width: 38px; height: 38px; min-width: 0; max-width: 100%; aspect-ratio: 1; border-radius: 50%; }
.fresh-avatar.td-avatar-photo > img.td-avatar-img { display: block; width: 100%; height: 100%; min-width: 0; max-width: none; object-fit: cover; border: none; border-radius: inherit; }
#page-desempenho .td24-table-channel { width: auto; max-width: 100%; gap: 11px; }
#page-desempenho .td24-table-channel > .fresh-avatar.td-avatar-photo { flex: 0 0 36px; width: 36px; height: 36px; }
#page-desempenho .td24-table-channel > .fresh-avatar.td-avatar-photo > img { width: 100%; height: 100%; }
#page-desempenho #overviewChannelRows tr { height: auto; }
#page-desempenho #overviewChannelRows td { padding-top: 13px; padding-bottom: 13px; vertical-align: middle; }
#page-desempenho #overviewChannelRows td .td24-table-channel strong { font-size: 13px; max-width: 245px; }
#page-desempenho .overview-table-wrap { max-width: 100%; overflow-x: auto; }
#page-desempenho #overviewChannelRows .fresh-secondary { white-space: nowrap; }
#page-desempenho .td24-sync-copy { min-width: 0; flex: 1 1 250px; }
#page-desempenho .td24-sync-copy strong { display: block; overflow-wrap: anywhere; }
#page-desempenho .td24-analytics-sync { gap: 10px; }
#page-desempenho .td24-analytics-sync button { margin: 0; }
#page-desempenho .analytics-real-kpi em { overflow-wrap: anywhere; }

/* Editor de canal: status + checkbox com dimensões próprias, sem regras globais de inputs. */
#modalBackdrop #freshChannelForm { min-width: 0; gap: 16px; }
#modalBackdrop #freshChannelForm > label,
#modalBackdrop #freshChannelForm .fresh-field-grid > label { min-width: 0; }
#modalBackdrop #freshChannelForm .fresh-field-grid { min-width: 0; gap: 14px; }
#modalBackdrop #freshChannelForm .fresh-channel-hero { display: flex; align-items: center; gap: 14px; min-width: 0; min-height: 72px; padding: 13px 15px; }
#modalBackdrop #freshChannelForm .fresh-channel-hero > .fresh-avatar.td-avatar-photo,
#modalBackdrop #freshChannelForm .fresh-channel-hero > .fresh-avatar.fresh-symbol { flex: 0 0 52px !important; width: 52px !important; height: 52px !important; }
#modalBackdrop #freshChannelForm .fresh-channel-hero > div { flex: 1 1 auto; min-width: 0; }
#modalBackdrop #freshChannelForm .fresh-channel-hero strong,
#modalBackdrop #freshChannelForm .fresh-channel-hero small { display: block; overflow-wrap: anywhere; }
#modalBackdrop #freshChannelForm input[type="date"],
#modalBackdrop #freshChannelForm input[type="time"] { color-scheme: dark; }
#modalBackdrop #freshChannelForm .fresh-youtube-box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; gap: 16px; padding: 14px 16px; }
#modalBackdrop #freshChannelForm .fresh-youtube-box > * { min-width: 0; }
#modalBackdrop #freshChannelForm .fresh-youtube-intro strong { font-size: 14px; line-height: 1.35; }
#modalBackdrop #freshChannelForm .fresh-youtube-intro p { font-size: 12px; line-height: 1.45; margin: 5px 0 0; }
#modalBackdrop #freshChannelForm #freshImportStatus { min-width: 0; max-width: none; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; padding: 11px 13px; border: 1px solid rgba(107,174,242,.24); border-radius: 12px; background: rgba(6,24,67,.58); }
#modalBackdrop #freshChannelForm #freshImportStatus[data-state="success"] { color: #bafde9; border-color: rgba(82,236,188,.42); }
#modalBackdrop #freshChannelForm #freshImportStatus[data-state="invalid"] { color: #ffd1da; border-color: rgba(250,110,151,.48); }
#modalBackdrop #freshChannelForm .fresh-check { display: flex !important; flex-direction: row !important; align-items: center; justify-content: flex-start; gap: 12px; font-size: 13px; line-height: 1.4; width: fit-content; cursor: pointer; }
#modalBackdrop #freshChannelForm .fresh-check > input[type="checkbox"] { appearance: auto !important; display: inline-block !important; position: static !important; opacity: 1 !important; width: 19px !important; height: 19px !important; min-width: 19px !important; min-height: 19px !important; max-width: 19px !important; padding: 0 !important; margin: 0 !important; flex: 0 0 19px !important; accent-color: #43cfff; box-shadow: none !important; border-radius: 4px !important; }
#modalBackdrop #freshChannelForm .fresh-check > span { flex: 1; overflow-wrap: anywhere; }
#modalBackdrop #freshChannelForm .fresh-form-actions { flex-wrap: wrap; }
@media(max-width: 740px) {
  #page-configuracoes .settings-layout { grid-template-columns: minmax(0,1fr) !important; }
  #page-configuracoes .td24-preferences .td24-setting-row { flex-direction: column; align-items: stretch; min-height: auto; gap: 12px; }
  #page-configuracoes .td24-preferences .td24-setting-row > div { max-width: 100%; }
  #page-configuracoes .td24-preferences .td24-setting-row select { flex: auto; width: 100%; }
  #modalBackdrop #freshChannelForm .fresh-youtube-box { grid-template-columns: minmax(0, 1fr); }
}
@media(max-width: 500px) {
  #page-configuracoes .td24-account { flex-wrap: wrap; }
  #page-configuracoes .td24-settings-save > button { width: 100%; }
  #page-desempenho .td24-table-channel strong { max-width: 155px; }
}
/* Regressão de cabeçalho: microtítulo, título e descrição devem ser empilhados. */
#page-configuracoes .td24-panel-head { display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; gap:4px !important; }
#page-configuracoes .td24-panel-head small,
#page-configuracoes .td24-panel-head h2,
#page-configuracoes .td24-panel-head p { display:block; width:auto; max-width:100%; }
/* Última coluna não pode ficar com 6%: o botão era cortado na borda. */
#page-desempenho .analytics-channel-table th:first-child { width:28%; }
#page-desempenho .analytics-channel-table th:nth-child(2) { width:14%; }
#page-desempenho .analytics-channel-table th:nth-child(3) { width:12%; }
#page-desempenho .analytics-channel-table th:nth-child(4) { width:16%; }
#page-desempenho .analytics-channel-table th:nth-child(5) { width:17%; }
#page-desempenho .analytics-channel-table th:last-child { width:13%; }
#page-desempenho .analytics-channel-table td:last-child { text-align:right; }
#page-desempenho .analytics-channel-table td:last-child .fresh-secondary { max-width:100%; padding:9px 11px; }
#page-desempenho .td24-empty-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:8px; }
#page-desempenho .td24-empty-actions button { margin-top:0; }
/* Editor menos alto sem reduzir a legibilidade da fonte. */
#modalBackdrop #freshChannelForm { gap:12px; }
#modalBackdrop #freshChannelForm .fresh-channel-hero { margin-bottom:2px; }
#modalBackdrop #freshChannelForm .fresh-field-grid { gap:12px; }
#modalBackdrop #freshChannelForm .fresh-channel-calendar-note { min-height:34px; padding:10px 13px; }
#page-desempenho .td23-total-fallback { width:100%; min-width:0; padding:8px 8px 0; }
#page-desempenho .td23-fallback-caption { color:#b8d2f4; font-size:12px; line-height:1.45; font-weight:620; margin:0 0 8px; text-align:center; }
#page-canais .fresh-channel-heading > .fresh-avatar.td-avatar-photo { flex:0 0 52px; width:52px; height:52px; }
#page-inicio .fresh-channel-line .fresh-avatar.td-avatar-photo,
.fresh-slot .fresh-avatar.td-avatar-photo { flex:0 0 30px; width:30px; height:30px; }