/* Grupo Euromar / Diretoria — visual executivo v4.0
   Somente interface de consulta. Mantém o arquivo de logo oficial, sem edições.
   Os dados são renderizados pela API do painel comercial. */
:root {
  --sidebar:70px;
  --blue-800:#104e87;
  --blue-700:#1379c5;
  --blue-600:#149adb;
  --navy-930:#102b49;
  --navy-900:#12375e;
  --slate-200:#dae5f0;
  --slate-300:#c6d8e9;
  --bg:#ecf3f9;
}
html {font-size:15px}
body.consulta-diretoria {
  background:radial-gradient(ellipse at 46% -10%,rgba(168,205,243,.23),transparent 49%),linear-gradient(#eef5fc 0%,#f0f6fb 55%,#eaf2f9 100%);
  color:#102b49;
}
/* Navigation is a compact icon rail, not a replacement logo. */
.consulta-diretoria .sidebar {
  width:70px!important;padding:15px 9px!important;
  background:linear-gradient(180deg,#0b305c 0%,#0f508a 55%,#11365e 100%);
  box-shadow:4px 0 16px rgba(13,45,82,.08);
}
.consulta-diretoria .sidebar .brand,.consulta-diretoria .sidebar-footer {display:none!important}
.consulta-diretoria .nav {display:flex; flex-direction:column;gap:11px;padding:0!important;margin-top:104px}
.consulta-diretoria .nav-item {
  display:flex;justify-content:center;align-items:center;width:50px;height:48px;padding:0!important;
  border:0!important;border-radius:11px;box-shadow:none;color:#d8ecff;
}
.consulta-diretoria .nav-item svg{width:23px;height:23px;flex:0 0 23px;stroke-width:1.8}
.consulta-diretoria .nav-item span{display:none!important}
.consulta-diretoria .nav-item.active{background:#246ab4;color:#fff;box-shadow:0 2px 10px rgba(0,10,42,.1)}
.consulta-diretoria .nav-item[data-view="settings"],
.consulta-diretoria .nav-item[data-view="conference"],
.consulta-diretoria .nav-item[data-view="history"]{display:none!important}
.consulta-diretoria .main{margin-left:70px;width:calc(100% - 70px)}
.consulta-diretoria .topbar {
  position:relative;z-index:12;min-height:82px;height:auto;box-shadow:none;
  background:radial-gradient(ellipse at 39% 0,rgba(152,198,237,.16),transparent 58%),linear-gradient(110deg,#fff 0%,#f5faff 62%,#edf6ff 100%);
  border-bottom:1px solid #d9e8f6;padding:10px 22px;gap:16px;
}
.consulta-diretoria .header-original-brand{display:flex;align-items:center;min-width:0;gap:18px;flex-shrink:0}
.consulta-diretoria .header-original-logo {display:block;width:178px;height:62px;object-fit:contain;object-position:left center}
.consulta-diretoria .header-brand-separator{width:1px;height:43px;background:#b8cde1}
.consulta-diretoria .header-brand-caption{color:#516d87;font-size:.74rem;font-weight:700;max-width:160px;line-height:1.3}
.consulta-diretoria .topbar-actions{gap:10px;flex-wrap:nowrap}
.consulta-diretoria .health-badge{
  min-width:0;box-shadow:none;border:1px solid #bbded7;background:#effbf5;
  color:#207450;padding:9px 12px;border-radius:12px;white-space:nowrap;
}
.consulta-diretoria .health-badge.attention{background:#fffaed;border-color:#f2e4bc}
.consulta-diretoria .health-badge.critical{background:#fff1f1;border-color:#f1c9c9}
.consulta-diretoria .health-badge strong{font-weight:800!important;font-size:.77rem;color:#245a47!important}
.consulta-diretoria .health-badge.attention strong{color:#936320!important}
.consulta-diretoria .health-badge.critical strong{color:#9c292e!important}
.consulta-diretoria .health-badge small{display:none}
.consulta-diretoria .period-control{border-color:#d2e2f1;border-radius:10px;background:#fff;padding:6px 7px 6px 11px}
.consulta-diretoria .period-control select{background:#f7fbfe;padding:7px 10px}
.consulta-diretoria .btn{min-height:39px;border-radius:9px}
.consulta-diretoria .btn.primary{background:#12518a;box-shadow:0 4px 12px rgba(19,75,120,.16)}
.consulta-diretoria .btn.secondary{background:#fff;border:1px solid #d2dfec}
.consulta-diretoria #view-executive{padding:20px 17px 24px}
.consulta-diretoria #view-executive .report-head{margin-bottom:14px;display:flex;align-items:center;justify-content:flex-start}
.consulta-diretoria .report-heading{padding-left:17px;border-left:5px solid #1399df}
.consulta-diretoria .report-head h2{color:#112946!important;font-size:1.85rem;font-weight:850!important;letter-spacing:-.043em;margin:0 0 4px}
.consulta-diretoria .report-head .breadcrumb{font-size:.78rem!important;letter-spacing:.01em;color:#5c7085!important}
/* Six KPI cards, original values, precise icons and restrained blue accent. */
.consulta-diretoria .kpi-grid.original-kpis{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px;margin-bottom:16px;
}
.consulta-diretoria .original-kpis .kpi-card{
  min-height:131px;padding:13px 13px 18px;position:relative;display:flex;flex-direction:column;gap:0;
  background:linear-gradient(155deg,#fff 45%,#f4f9ff 100%);border:1px solid #d4e1ef;
  border-radius:13px;box-shadow:0 3px 10px rgba(26,67,104,.045);overflow:hidden;
}
.consulta-diretoria .original-kpis .kpi-card::before{display:none!important}
.consulta-diretoria .original-kpis .kpi-card:hover{border-color:#87b6dc;box-shadow:0 10px 18px rgba(20,78,130,.10);transform:translateY(-1px)}
.consulta-diretoria .executive-kpi-head{display:flex;align-items:center;gap:9px;min-width:0;min-height:34px}
.consulta-diretoria .executive-kpi-icon{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:34px;height:34px;border-radius:12px;background:#e8f5ff;color:#1266aa;
}
.consulta-diretoria .executive-kpi-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.consulta-diretoria .original-kpis .kpi-title {font-size:.69rem;font-weight:780!important;line-height:1.2;color:#243950!important;min-width:0}
.consulta-diretoria .original-kpis .kpi-value {font-size:clamp(1.20rem,1.57vw,1.85rem);font-weight:830!important;letter-spacing:-.05em;line-height:1.14;color:#091b32!important;white-space:nowrap;margin:10px 0 2px}
.consulta-diretoria .original-kpis .kpi-sub{font-weight:540!important;color:#60798f!important;font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:1px 0 0}
.consulta-diretoria .executive-kpi-accent{position:absolute;left:0;bottom:0;background:linear-gradient(90deg,#00b6f2,#1267bb);height:5px;width:31%;border-radius:0 5px 0 13px}
/* Charts main line: four visually balanced cards, all real API values */
.consulta-diretoria #view-executive .row-main {
  display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.99fr) minmax(0,1.13fr) minmax(0,.95fr)!important;
  gap:12px;align-items:stretch;margin-bottom:12px;
}
.consulta-diretoria #view-executive .share-panel,
.consulta-diretoria #view-executive .operation-table-panel,
.consulta-diretoria #view-executive .percap-panel{display:block!important}
.consulta-diretoria #view-executive .operations-panel,
.consulta-diretoria #view-executive .share-panel,
.consulta-diretoria #view-executive .ecom-panel,
.consulta-diretoria #view-executive .operation-table-panel {grid-column:auto!important;min-height:228px}
.consulta-diretoria #view-executive .panel {
  background:linear-gradient(180deg,#fff,#fbfdff);padding:14px 15px;
  border:1px solid #d1dfee;border-radius:14px;box-shadow:0 4px 14px rgba(33,79,128,.035);min-width:0;
}
.consulta-diretoria #view-executive .panel-head {margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e8eff6}
.consulta-diretoria #view-executive .panel-kicker {display:none}
.consulta-diretoria #view-executive .panel-head h3{font-size:.99rem;font-weight:810!important;line-height:1.25;color:#112d4e!important;letter-spacing:-.025em;margin:0}
.consulta-diretoria #view-executive .panel-head h3 small{font-size:.75rem;color:#50657c;font-weight:650}
.consulta-diretoria .report-bars{gap:10px}
.consulta-diretoria .report-bars .bar-row{grid-template-columns:minmax(93px,32%) minmax(0,1fr) minmax(85px,27%);gap:6px;margin:0}
.consulta-diretoria .bar-list{gap:10px}
.consulta-diretoria .bar-label{font-size:.66rem!important;font-weight:650!important;color:#30485f!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.consulta-diretoria .bar-value{font-size:.67rem;white-space:nowrap;font-weight:760!important;text-align:right}
.consulta-diretoria .bar-track{height:11px;border-radius:30px;background:#e1ebf5;overflow:hidden}
.consulta-diretoria .bar-fill{height:100%;border-radius:30px;background:linear-gradient(90deg,#0c6bb9,#18b2ed)}
.consulta-diretoria .report-mix{grid-template-columns:minmax(112px,45%) minmax(0,1fr);gap:6px;min-height:155px}
.consulta-diretoria .report-mix .donut{height:clamp(102px,10vw,150px);width:clamp(102px,10vw,150px);margin:auto}
.consulta-diretoria .report-mix .donut::after{inset:25px}
.consulta-diretoria .donut-center strong{font-size:.85rem!important;letter-spacing:-.045em;color:#173453!important}
.consulta-diretoria .mix-legend{min-width:0;gap:10px}
.consulta-diretoria .mix-legend-row{gap:6px;grid-template-columns:9px minmax(0,1fr) auto}
.consulta-diretoria .mix-legend-row span:nth-child(2){font-size:.63rem!important;font-weight:600!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#375169!important}
.consulta-diretoria .mix-legend-row strong{font-size:.65rem;font-weight:770!important;white-space:nowrap}
.consulta-diretoria .operation-table-panel .data-table{width:100%;border-collapse:collapse}
.consulta-diretoria .operation-table-panel .data-table th{font-size:.63rem!important;padding:7px 4px;background:transparent;white-space:nowrap}
.consulta-diretoria .operation-table-panel .data-table td{font-size:.65rem!important;padding:8px 4px}
.consulta-diretoria .operation-table-panel .consolidated-total td{background:#e4f3fe!important;color:#113455!important;font-weight:830!important;border-top:1px solid #bad9f4}
.consulta-diretoria .operation-table-panel .consolidated-note{display:none}
/* E-commerce companies: bars represent bruto by store, net only in caption (avoid misrepresenting cancellations). */
.consulta-diretoria .executive-company-bars{display:flex;flex-direction:column;gap:13px}
.consulta-diretoria .executive-company-row{display:grid;grid-template-columns:minmax(85px,32%) minmax(0,1fr) minmax(88px,29%);gap:6px;align-items:center}
.consulta-diretoria .executive-company-name{font-size:.66rem;font-weight:700;color:#344b65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.consulta-diretoria .executive-company-track{height:11px;background:#e1ebf5;border-radius:40px;overflow:hidden}
.consulta-diretoria .executive-company-bar{display:block;height:100%;border-radius:40px;background:linear-gradient(90deg,#0a5b9c,#20b9f0)}
.consulta-diretoria .executive-company-value{font-size:.65rem;font-weight:800;color:#183b5a;text-align:right;white-space:nowrap}
.consulta-diretoria .executive-company-footnote{margin-top:16px;padding-top:8px;border-top:1px solid #e7eff5;display:flex;flex-direction:column;gap:3px;color:#617b94;font-size:.61rem;line-height:1.4}
.consulta-diretoria .executive-company-footnote strong{font-size:.65rem;color:#18496f}
/* Clients and per capita line */
.consulta-diretoria #view-executive .row-bottom{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;gap:12px;margin-bottom:12px}
.consulta-diretoria #view-executive .clients-panel,
.consulta-diretoria #view-executive .percap-panel{grid-column:auto!important;min-height:250px}
.consulta-diretoria .report-client-bars{gap:7px}
.consulta-diretoria .report-client-bars .bar-row{grid-template-columns:minmax(110px,27%) minmax(0,1fr) minmax(95px,23%);gap:8px}
.consulta-diretoria .report-client-bars .bar-label,.consulta-diretoria .report-client-bars .bar-value{font-size:.66rem!important}
.consulta-diretoria .report-client-bars .bar-track{height:9px}
.consulta-diretoria .report-percap{min-height:200px;display:flex;align-items:center}
.consulta-diretoria .report-percap svg{width:100%;height:auto;max-height:210px;overflow:visible}
.consulta-diretoria .chart-bar{fill:#1374ba}
.consulta-diretoria .chart-line-secondary{stroke:#113a6b}
.consulta-diretoria .chart-value-label{fill:#1b476d;font-size:11px;font-weight:750}
/* One more real history visualization, connected to /api/evolucao */
.consulta-diretoria .executive-evolution-panel{margin-bottom:0}
.consulta-diretoria #view-executive .executive-evolution-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:5px;padding-bottom:7px}
.consulta-diretoria .executive-history-help{color:#6a7d8e;font-size:.67rem;margin:3px 0 0}
.consulta-diretoria .executive-history-legend{display:flex;gap:13px;align-items:center;color:#4c6981;font-size:.69rem;font-weight:700;white-space:nowrap}
.consulta-diretoria .executive-history-legend span{display:inline-flex;gap:5px;align-items:center}
.consulta-diretoria .executive-dot{width:11px;height:11px;display:inline-block;border-radius:4px}
.consulta-diretoria .executive-dot.previous{background:#8dc9f0}
.consulta-diretoria .executive-dot.current{background:#0e5896}
.consulta-diretoria .executive-evolution-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(185px,19%);gap:10px;align-items:stretch}
.consulta-diretoria .executive-monthly-chart{min-height:226px;display:flex;align-items:center;min-width:0}
.consulta-diretoria .executive-monthly-chart svg{display:block;width:100%;height:auto;max-height:240px;overflow:visible}
.consulta-diretoria .executive-history-summary{border:1px solid #dbe8f5;background:linear-gradient(135deg,#f6fbff,#eaf6ff);border-radius:13px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:13px 15px;min-width:0}
.consulta-diretoria .executive-history-summary .executive-summary-period{font-size:.73rem;color:#426585;font-weight:750}
.consulta-diretoria .executive-history-summary strong{font-size:clamp(1.18rem,1.5vw,1.6rem);font-weight:840;color:#102c4b;letter-spacing:-.05em;white-space:nowrap}
.consulta-diretoria .executive-history-summary small{color:#6a8095;font-size:.63rem}
.consulta-diretoria .executive-history-summary .executive-summary-diff{font-weight:800;color:#1f698e;font-size:1.05rem}
.consulta-diretoria .executive-history-summary b{color:#1d486e;font-size:.95rem;white-space:nowrap}
.consulta-diretoria .executive-summary-divider{height:1px;background:#dce9f4}
.consulta-diretoria .executive-history-note{font-size:.64rem;color:#64798c;line-height:1.35;margin:5px 0 0}
.consulta-diretoria .app-footer{color:#738597}
/* Avoid presenting a screenshot button as updating the backend: this button only reads published data. */
@media (max-width:1220px){
 .consulta-diretoria .topbar-actions .health-badge{display:none}
 .consulta-diretoria .header-brand-caption{display:none}
 .consulta-diretoria #view-executive .row-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .consulta-diretoria .original-kpis .kpi-value{font-size:clamp(1.12rem,1.7vw,1.5rem)}
 .consulta-diretoria #view-executive .operations-panel,.consulta-diretoria #view-executive .share-panel,.consulta-diretoria #view-executive .ecom-panel,.consulta-diretoria #view-executive .operation-table-panel{min-height:224px}
}
@media (max-width:1120px){
 .consulta-diretoria .kpi-grid.original-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .consulta-diretoria #view-executive .row-bottom{grid-template-columns:1fr!important}
 .consulta-diretoria .original-kpis .kpi-value{font-size:1.6rem}
}
@media (max-width:760px){
 .consulta-diretoria .sidebar{display:none!important}
 .consulta-diretoria .main{margin-left:0;width:100%}
 .consulta-diretoria .topbar{flex-direction:column;align-items:stretch;padding:10px 13px;gap:8px}
 .consulta-diretoria .header-original-logo{height:45px;width:151px}
 .consulta-diretoria .header-brand-separator{display:none}
 .consulta-diretoria .topbar-actions{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
 .consulta-diretoria #view-executive{padding:15px 11px 20px}
 .consulta-diretoria .kpi-grid.original-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .consulta-diretoria #view-executive .row-main{grid-template-columns:1fr!important}
 .consulta-diretoria #view-executive .row-bottom{grid-template-columns:1fr!important}
 .consulta-diretoria .executive-evolution-layout{grid-template-columns:1fr}
 .consulta-diretoria .report-head h2{font-size:1.45rem}
 .consulta-diretoria .original-kpis .kpi-value{font-size:clamp(1.1rem,3vw,1.5rem)}
}
@media (max-width:430px){
 .consulta-diretoria .kpi-grid.original-kpis{grid-template-columns:1fr!important}
 .consulta-diretoria .header-original-logo{width:160px}
 .consulta-diretoria .executive-kpi-head{gap:8px}
}
.consulta-diretoria #cancelamentosForm,
.consulta-diretoria #excelCancelNote,
.consulta-diretoria #refreshConference {display:none!important}
.consulta-diretoria #view-executive .ecom-panel .table-wrap {overflow:visible}