/* MatPortal Landscape Responsive & Layout Hardening CSS */

.theme-showcase {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

.panel, .panel-body, .row, [class*="col-"] {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.panel-body {
  overflow-x: auto;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

canvas {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

div[id$="PieChartDiv"], div[id$="CloudChart"], #pieChartDiv, #propertiesDiv {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto;
}

#networkContainer {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden;
}

#ontologyNetwork {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

table.minimal {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.no-data-message {
  padding: 1.5em;
  text-align: center;
  color: #6c757d;
  font-style: italic;
  background-color: #f8f9fa;
  border: 1px dashed #dee2e6;
  border-radius: 4px;
  margin: 10px 0;
}

#fairness_assessment, #fairness_assessment * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#fairness_assessment .badge {
  white-space: normal !important;
  word-break: break-word !important;
  max-width: 100% !important;
}

#fairness_assessment section,
#fairness_assessment .card,
#fairness_assessment .card-body,
#fairness_assessment .card-header,
#fairness_assessment .d-flex {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
}

@media (max-width: 768px) {
  .theme-showcase h1 {
    font-size: 28px !important;
  }
  .relation-controls-wrapper {
    width: 100% !important;
    margin-bottom: 1em;
  }
  .landscape-network-flex-container {
    flex-direction: column !important;
  }
}