/*
 * ESPELHO PIMS 1.03.7 — Correção C7
 * Materiais integrado, três acessos em linha e reforço visual do Offline.
 */

/* Materiais: Controle Operacional e Visão Operacional no mesmo cabeçalho. */
body[data-current-menu="materiais"] .materiais-page.materiais-premium-page {
  gap: 10px !important;
}

body[data-current-menu="materiais"] .mat-command-hero-p26 {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 370px) !important;
  gap: 22px !important;
  min-height: 176px !important;
  padding: 22px 28px !important;
}

body[data-current-menu="materiais"] .mat-report-button-v102,
body[data-current-menu="materiais"] #matAbrirRelatorio {
  display: none !important;
}

.mat-operational-strip-c7 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-top: 15px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.14);
}

.mat-operational-strip-c7 > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 210px;
}

.mat-operational-strip-c7 > div:first-child span {
  color: #8fe0ba;
  font-size: 8px;
  font-weight: 1000;
  letter-spacing: .14em;
}

.mat-operational-strip-c7 > div:first-child strong {
  color: #fff;
  font-size: 13px;
  line-height: 1.15;
}

.mat-operational-strip-c7 .mat-executive-meta {
  display: flex !important;
  justify-content: flex-end;
  gap: 6px !important;
  margin: 0 !important;
}

.mat-operational-strip-c7 .mat-meta-chip {
  min-height: 24px !important;
  padding: 0 8px !important;
  border-color: rgba(255,255,255,.17) !important;
  background: rgba(255,255,255,.08) !important;
  color: #effaf5 !important;
  font-size: 8px !important;
}

.materiais-page .mat-executive-panel.mat-executive-integrated-c7 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 17px !important;
  background: rgba(3,38,27,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
  color: #fff !important;
  backdrop-filter: blur(8px);
}

.materiais-page .mat-executive-panel.mat-executive-integrated-c7::before {
  display: none !important;
}

.mat-operational-head-c7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.mat-operational-head-c7 small {
  color: #cbe3d8;
  font-size: 8px;
  font-weight: 750;
  text-align: right;
}

.materiais-page .mat-executive-integrated-c7 .mat-health-card {
  min-width: 0 !important;
  padding: 10px 12px !important;
  border-color: rgba(255,255,255,.17) !important;
  background: rgba(255,255,255,.94) !important;
}

/* Os três acessos ocupam a mesma linha e dividem o container igualmente. */
.materiais-page .mat-view-switcher {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.materiais-page .mat-view-tab {
  width: 100% !important;
  min-height: 60px !important;
}

/* Reforço final: OFFLINE COM O.S. é visualmente PARADO/vermelho na Alocação. */
#allocationGrid .fleet-card[data-offline-status="OFFLINE_COM_OS"],
#allocationGrid .fleet-card[data-status-categoria="OFFLINE_COM_OS"],
#allocationGrid .fleet-card.offline-com-os {
  background: linear-gradient(135deg,#9f171c,#d63b43) !important;
  border-color: #861116 !important;
  color: #fff !important;
}

@media (max-width: 1180px) {
  body[data-current-menu="materiais"] .mat-command-hero-p26 {
    grid-template-columns: minmax(0,1fr) minmax(285px,330px) !important;
  }
  .mat-operational-strip-c7 {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .mat-operational-strip-c7 .mat-executive-meta { justify-content: flex-start; }
}

@media (max-width: 900px) {
  body[data-current-menu="materiais"] .mat-command-hero-p26 {
    grid-template-columns: 1fr !important;
  }
  .materiais-page .mat-executive-panel.mat-executive-integrated-c7 {
    display: grid !important;
  }
}

@media (max-width: 640px) {
  .materiais-page .mat-view-switcher {
    grid-template-columns: 1fr !important;
  }
  .mat-operational-strip-c7 { display: none; }
}