/* Gestão Linha C • revisão visual HML • 28/10/2026
   Escopo: apresentação e responsividade, sem alteração de dados ou privilégios.
   Paleta: marinho e azul petróleo; verde/vermelho somente para estados de operação. */
:root{--ui-ink:#153c56;--ui-blue:#246e98;--ui-ice:#e9f4fa;--ui-stroke:#cddfe9;--ui-shadow:0 3px 14px rgba(20,59,84,.075)}
/* Acessibilidade e orientação de navegação. */
.system-nav .nav-btn{transition:background .16s,color .16s,border-color .16s}
.system-nav .nav-btn.active{background:#f2f9fd!important;color:#143e5a!important;box-shadow:inset 3px 0 #228bbb;border-color:#bdd9e9!important}
.system-nav .nav-btn:focus-visible,
#screenResumo button:focus-visible,#screenImpacto button:focus-visible,
#screenImpacto input:focus-visible,#screenImpacto select:focus-visible{
  outline:3px solid #64a8cb!important;outline-offset:2px;
}
/* Cabeçalho: nome da tela e data são campos distintos, nunca uma frase comprimida. */
#screenResumo .summary-topbar{
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) minmax(0,auto)!important;
  align-items:center;
  column-gap:22px;
  row-gap:16px;
  min-height:98px!important;
  padding:17px 20px!important;
  background:linear-gradient(90deg,#f9fcff,#edf5f9);
  border-bottom:2px solid #c9deea;
}
#screenResumo .summary-topbar .title-wrap{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0!important;
  text-align:left;
}
#screenResumo #pageTitle{
  display:block;
  max-width:100%;
  font-size:clamp(20px,1.8vw,27px)!important;
  line-height:1.25!important;
  font-weight:850;
  letter-spacing:.01em;
  white-space:normal!important;
  overflow-wrap:normal;
  margin:0!important;
}
#screenResumo .summary-period-label{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0!important;
  padding:6px 10px;
  font-size:11px!important;
  line-height:1.35;
  color:#285f7c;
  border-radius:6px;
  border:1px solid #c8e2f0;
  background:#ebf6fc;
  font-weight:850;
  white-space:normal;
}
#screenResumo .summary-nav-compact{
  min-width:0!important;
  max-width:760px;
  display:flex;
  justify-content:flex-end;
  align-items:end;
  flex-wrap:wrap;
  gap:9px!important;
}
#screenResumo .summary-nav-compact label{font-size:10px!important;line-height:1.4}
#screenResumo .summary-nav-compact input,
#screenResumo .summary-nav-compact select{
  min-height:38px;
  font-size:11px!important;
  border-radius:6px;
}
#screenResumo .summary-mini-id{min-height:38px;border-radius:6px}
#screenResumo .summary-mini-id small{font-size:9px!important}
#screenResumo .summary-mini-id b{font-size:11px!important}
#screenResumo .summary-refresh{min-height:38px;height:auto}
@media(max-width:1420px){
  #screenResumo .summary-topbar{grid-template-columns:minmax(0,1fr)!important}
  #screenResumo .summary-nav-compact{justify-content:flex-start;max-width:100%}
}
@media(max-width:700px){
  #screenResumo .summary-topbar{padding:14px 12px!important;gap:13px}
  #screenResumo .summary-nav-compact{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  #screenResumo .summary-nav-compact>label,#screenResumo .summary-mini-id,#screenResumo .summary-refresh{width:100%;min-width:0}
  #screenResumo #pageTitle{font-size:21px!important;text-align:left}
}

/* Azul-escuro para títulos principais; seções menores permanecem em tom claro. */
#screenResumo .section-title,
#screenAbsenteismo .section-title{
  background:linear-gradient(90deg,#e2f1f9,#f7fbfd)!important;
  color:#153e59!important;
  border-bottom:1px solid #c7e0ed!important;
  padding:12px 16px!important;
  min-height:41px;
  line-height:1.3;
  font-size:13px!important;
}
#screenResumo .section,#screenAbsenteismo .section{padding:14px 15px 18px!important}
#screenResumo .panel,#screenResumo .summary-source-group,
#screenImpacto .impact-panel,#screenImpacto .capacity-panel{
  border-color:#cddfe9!important;
  box-shadow:var(--ui-shadow);
  border-radius:9px!important;
}
#screenResumo .panel-title{
  background:#f0f7fb!important;
  color:var(--ui-ink)!important;
  min-height:37px;
  height:auto!important;
  padding:10px 12px!important;
  line-height:1.4;
  font-size:11px!important;
}
#screenResumo .summary-source-heading{
  padding-bottom:9px;
  border-bottom:1px solid #e0ebf2;
}
#screenResumo .summary-source-heading strong{color:#174662}
#screenResumo .summary-source-group .cards.summary-editable-grid{
  gap:9px!important;
  grid-auto-rows:minmax(106px,auto)!important;
  grid-template-rows:none!important;
}
#screenResumo .summary-source-daily .cards.summary-editable-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
#screenResumo .summary-source-daily .summary-kpi-card:nth-child(-n+3){grid-column:span 2}
#screenResumo .summary-source-daily .summary-kpi-card:nth-child(n+4){grid-column:span 3}
#screenResumo .summary-source-monthly .cards.summary-editable-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#screenResumo .summary-source-monthly .summary-kpi-card{grid-column:span 1}
#screenResumo .summary-source-group .summary-kpi-card{
  min-height:106px!important;
  padding:15px 13px 12px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#fff,#f9fcfe);
  border:1px solid #d5e6ef!important;
  box-shadow:none;
  gap:7px;
}
#screenResumo .summary-source-group .summary-kpi-card .label{
  font-size:11px!important;
  line-height:1.4!important;
  min-height:0;
  font-weight:800;
}
#screenResumo .summary-source-group .summary-kpi-card .num{
  font-size:clamp(22px,2.1vw,30px)!important;
  line-height:1.16!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
#screenResumo .summary-source-daily .summary-kpi-card:first-child{border-top:3px solid #246e98!important}
#screenResumo .summary-source-daily .summary-kpi-card:nth-child(2){border-top:3px solid #739ab0!important}
#screenResumo .summary-source-daily .summary-kpi-card:nth-child(3){border-top:3px solid #d6a15a!important}
#screenResumo .summary-source-monthly .summary-kpi-card{border-top:3px solid #547f9b!important}
#screenResumo .summary-quality-note,#screenResumo .summary-source-note{
  font-size:10px!important;
  line-height:1.55!important;
}
@media(max-width:800px){
  #screenResumo .summary-production-sources{grid-template-columns:1fr!important}
  #screenResumo .summary-source-daily .cards.summary-editable-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #screenResumo .summary-source-daily .summary-kpi-card,
  #screenResumo .summary-source-daily .summary-kpi-card:nth-child(-n+3),
  #screenResumo .summary-source-daily .summary-kpi-card:nth-child(n+4){grid-column:span 1}
  #screenResumo .summary-source-monthly .cards.summary-editable-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
#screenResumo #hourTable th{background:#dceef8!important;color:#194965!important;font-size:11px!important}
#screenResumo #hourTable td{font-size:11px!important}

/* Impacto: painéis mais robustos sem confundir cor de destaque com desempenho. */
#screenImpacto .impact-hero{
  background:linear-gradient(115deg,#153b57,#225e80)!important;
  border-color:#123850!important;
  border-radius:10px!important;
  padding:20px 22px!important;
  margin:12px 14px 0;
  color:#fff;
}
#screenImpacto .impact-hero h1{color:#fff!important;font-size:clamp(18px,1.7vw,25px);line-height:1.35;white-space:normal}
#screenImpacto .impact-hero p{color:#d5eaf6!important;font-size:11px!important;line-height:1.5;margin-top:8px}
#screenImpacto .impact-filter label{color:#e3f1fa!important;font-size:10px!important}
#screenImpacto .impact-filter select,#screenImpacto .impact-filter input{
  min-height:38px;
  border:1px solid #9abed2;
  border-radius:6px;
  background:#fff;
  color:#183b54;
  font-size:11px!important;
}
#screenImpacto .impact-ref{border-radius:6px}
#screenImpacto .impact-ref small{font-size:9px!important}
#screenImpacto .impact-ref strong{font-size:11px!important}
#screenImpacto .impact-hero-actions{flex-wrap:wrap;gap:10px}
#screenImpacto .impact-status-strip{
  margin:12px 14px 0;
  padding:11px 14px;
  font-size:10.5px!important;
  line-height:1.55;
  border-radius:7px;
}
#screenImpacto .impact-kpis{
  margin:12px 14px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
#screenImpacto .impact-kpi{
  min-height:103px;
  padding:14px 13px;
  border-top-width:4px;
  border-radius:9px;
  box-shadow:var(--ui-shadow);
}
#screenImpacto .impact-kpi small{
  min-height:0;
  font-size:10px!important;
  line-height:1.4!important;
}
#screenImpacto .impact-kpi strong{
  font-size:clamp(22px,2.1vw,29px)!important;
  line-height:1.15;
  margin:7px 0 5px;
}
#screenImpacto .impact-kpi span{font-size:10px!important;line-height:1.4;color:#58758a}
/* Restaura uso do espaço quando a tabela é menor que o ranking lateral. */
#screenImpacto .impact-analysis-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(290px,350px);
  grid-template-areas:"table side" "comparison side";
  gap:12px;
  margin:12px 14px;
  align-items:start;
}
#screenImpacto .impact-analysis-grid>section:first-child{grid-area:table}
#screenImpacto .impact-analysis-grid>.impact-side-stack{grid-area:side;min-width:0;align-self:start;gap:12px}
#screenImpacto .impact-analysis-grid>.impact-compare-inline{
  grid-area:comparison;
  margin:0;
  min-width:0;
}
#screenImpacto .impact-main-grid{gap:12px;margin:12px 14px}
#screenImpacto .impact-panel-title{
  font-size:11px!important;
  line-height:1.4!important;
  letter-spacing:.015em;
}
#screenImpacto .impact-panel>.impact-panel-title,
#screenImpacto .impact-panel-head{
  min-height:41px;
  padding:12px 14px!important;
  background:#eaf4fa;
  border-bottom:1px solid #d2e5ef!important;
}
#screenImpacto .impact-panel-head>span{font-size:10px!important;line-height:1.4}
#screenImpacto .impact-reading-copy{font-size:11px!important;line-height:1.65;padding:14px!important;min-height:0}
#screenImpacto .impact-range-box{padding:12px}
#screenImpacto .impact-range-box small,#screenImpacto .impact-range-box span{font-size:10px!important;line-height:1.4}
#screenImpacto .impact-range-box strong{font-size:15px}
#screenImpacto .impact-table-wrap{
  max-width:100%;
  max-height:360px;
  overflow:auto;
  scrollbar-color:#94b6ca #eaf2f7;
}
#screenImpacto .impact-table{width:100%;min-width:940px}
#screenImpacto .impact-table th{
  position:sticky;
  top:0;
  z-index:2;
  background:#194761!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1.35;
  padding:10px 8px!important;
  white-space:nowrap;
}
#screenImpacto .impact-table td{
  padding:10px 8px!important;
  font-size:11px!important;
  line-height:1.4;
  color:#25495d;
  white-space:nowrap;
}
#screenImpacto .impact-table tbody tr:nth-child(even) td{background:#f7fafc}
#screenImpacto .impact-table tbody tr:hover td{background:#eaf4fa}
#screenImpacto .impact-range-history{padding:9px 14px}
#screenImpacto .impact-range-history-row,
#screenImpacto .impact-range-header,
#screenImpacto .impact-range-history-row:not(.impact-range-header){
  grid-template-columns:minmax(0,1fr) minmax(52px,70px) minmax(62px,82px)!important;
  gap:7px;
  padding:10px 0;
}
#screenImpacto .impact-range-history-row b,
#screenImpacto .impact-range-header b,
#screenImpacto .impact-range-header span,
#screenImpacto .impact-range-header strong{
  font-size:10px!important;
  line-height:1.4;
}
#screenImpacto .impact-range-history-row span,
#screenImpacto .impact-range-history-row strong{font-size:10px!important;line-height:1.4}
#screenImpacto .impact-metric-list>div,#screenImpacto .impact-stat-line{
  font-size:10.5px!important;
  line-height:1.5;
  padding:11px 2px;
}
#screenImpacto .impact-metric-list strong,#screenImpacto .impact-stat-line strong{font-size:11px!important}
#screenImpacto .impact-stat-card p,#screenImpacto .impact-stops small{font-size:10px!important;line-height:1.55}
#screenImpacto .impact-compare-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px;
  padding:14px;
}
#screenImpacto .impact-compare-grid>div{min-width:0;padding:13px;border-radius:7px}
#screenImpacto .impact-compare-grid>div:first-child{background:#edf7fd;border-color:#cfe4f1}
#screenImpacto .impact-compare-grid>div:nth-child(2){background:#fff7e9;border-color:#ead8b7}
#screenImpacto .impact-compare-grid small{font-size:10px!important;line-height:1.4}
#screenImpacto .impact-compare-grid strong{font-size:clamp(19px,2vw,26px)!important}
#screenImpacto .impact-compare-grid span,
#screenImpacto .impact-compare-note{font-size:10px!important;line-height:1.55}
#screenImpacto .impact-compare-note{grid-column:1/-1;background:#f7fafc}
#screenImpacto .impact-comparison{margin:12px 14px}
#screenImpacto .impact-compare-inline{margin:0}
#screenImpacto .impact-empty{font-size:11px!important;line-height:1.6}
#screenImpacto .impact-monthly-note{font-size:10px!important;line-height:1.6;padding:11px 13px 2px}
#screenImpacto .impact-month-card{border-radius:8px;padding:14px;gap:12px}
#screenImpacto .impact-month-title{font-size:12px}
#screenImpacto .impact-month-reading span{font-size:10px}
@media(max-width:1500px){
  #screenImpacto .impact-main-grid{grid-template-columns:minmax(200px,1fr) minmax(0,2fr)!important}
  #screenImpacto .impact-main-grid>.impact-side-stack{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
  #screenImpacto .impact-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1350px){
  #screenImpacto .impact-analysis-grid{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"table" "comparison" "side";
  }
  #screenImpacto .impact-analysis-grid>.impact-side-stack{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
  }
}
@media(max-width:900px){
  #screenImpacto .impact-main-grid{grid-template-columns:minmax(0,1fr)!important}
  #screenImpacto .impact-main-grid>.impact-side-stack{grid-column:auto}
  #screenImpacto .impact-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #screenImpacto .impact-month-card{grid-template-columns:1fr!important}
  #screenImpacto .impact-hero{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
  #screenImpacto .impact-analysis-grid>.impact-side-stack,
  #screenImpacto .impact-main-grid>.impact-side-stack{grid-template-columns:1fr}
  #screenImpacto .impact-compare-grid{grid-template-columns:1fr!important}
  #screenImpacto .impact-hero{padding:15px!important}
  #screenImpacto .impact-hero-actions{justify-content:flex-start}
}
/* Melhorar acessibilidade de cartões sem aumentar a quantidade de cores. */
#screenHierarquia .hc-filters,
#screenHierarquia .hct-view{border-color:var(--ui-stroke);box-shadow:var(--ui-shadow)}
#screenHierarquia .hct-viewbar{background:#eaf4fa!important}
#screenHierarquia .hct-person{box-shadow:0 2px 9px rgba(24,72,100,.06)}
#screenAbsenteismo .abs-kpi{border-top:3px solid #5a8fad}
#screenAbsenteismo .abs-kpi.alert{border-top-color:#c85d50}

/* Marcador explícito de valores históricos que não são recalculados. */
#screenImpacto .impact-static-notice{
  margin:11px 14px 0;
  padding:11px 13px;
  border-left:4px solid #bf8d41;
  border-radius:6px;
  background:#fff7e9;
  color:#725223;
  font-size:11px;
  font-weight:750;
  line-height:1.55;
}
#screenImpacto .impact-method-note{
  font-size:10.5px!important;
  line-height:1.65!important;
  border-left-color:#327b9f!important;
  padding:12px 14px!important;
  border-radius:5px;
}