.u-section-1 .u-sheet-1 {
  min-height: 4011px;
}

.u-section-1 .u-text-1 {
  margin: 10px 10px 0;
}

.u-section-1 .u-custom-html-1 {
  margin: 10px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-custom-html-1 {
    margin-right: initial;
    margin-left: initial;
  }
} :root {
      
      
      
      
      
      
      
      
      
    }
   
  
    main {
      padding: 20px;
      max-width: 1100px;
      margin: 0 auto;
    }
    h2 {
      color: #00695c;
      margin-top: 28px;
      margin-bottom: 10px;
      font-size: 22px;
    }
    h3 {
      color: #00695c;
      font-size: 18px;
      margin-top: 20px;
      margin-bottom: 8px;
    }
    .card {
  background-color: rgba(225, 211, 227, 0.3);
      border-radius: 10px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.06);
      padding: 18px;
      margin: 16px 0;
      
      
    }
    .grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }
    @media (max-width: 900px) {
      .grid { grid-template-columns: 1fr; }
    }
    .info {
      border-left: 4px solid #00695c;
      background: #f6f8f9;
      padding: 14px 14px 14px 18px;
      border-radius: 8px;
    }
    .warn {
      border-left: 4px solid #f57c00;
      background: #fff7ea;
      padding: 14px 14px 14px 18px;
      border-radius: 8px;
    }
    .danger {
      border-left: 4px solid #d32f2f;
      background: #ffecec;
      padding: 14px 14px 14px 18px;
      border-radius: 8px;
    }
    .ok {
      border-left: 4px solid #2e7d32;
      background: #eff8ef;
      padding: 14px 14px 14px 18px;
      border-radius: 8px;
    }
    ul {
      margin: 8px 0 0 18px;
    }
    li { margin: 4px 0; }
    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px;
      overflow: hidden;
      border-radius: 8px;
    }
    thead {
      background: linear-gradient(90deg, #00695c, #26a69a);
      color: #fff;
    }
    th, td {
      padding: 12px;
      border-bottom: 1px solid #eee;
      text-align: left;
      vertical-align: top;
    }
    tbody tr:hover { background: #fafafa; }
    .table-responsive { overflow-x: auto; }
    .badges {
      display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px;
    }
    .badge {
      display: inline-block;
      padding: 6px 10px;
      border-radius: 16px;
      font-size: 12px;
      font-weight: 600;
      background: #f6f8f9;
      color: #00695c;
      border: 1px solid #e2e6e9;
    }
    .legend {
      display: flex; flex-wrap: wrap; gap: 10px;
      margin-top: 8px;
    }
    .legend-item {
      display: flex; align-items: center; gap: 6px; font-size: 14px; color: #666666;
    }
    .dot {
      width: 12px; height: 12px; border-radius: 50%;
      display: inline-block;
    }
    .dot-ok { background: #2e7d32; }
    .dot-warn { background: #f57c00; }
    .dot-danger { background: #d32f2f; }
    a { color: #00695c; text-decoration: none; }
    a:hover { text-decoration: underline; }
    .two-col {
      display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
    }
    @media (max-width: 700px) {
      .two-col { grid-template-columns: 1fr; }
    }
   
    /* Mobile cards for tables */
    @media (max-width: 768px) {
      table, thead, tbody, th, td, tr { display: block; }
      thead { display: none; }
      tr {
        margin-bottom: 16px;
        border: 1px solid #e8eaec;
        border-radius: 8px;
        padding: 10px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.04);
      }
      td {
        border: none; padding: 8px 10px; position: relative;
      }
      td::before {
        content: attr(data-label);
        display: block; font-weight: 600; color: #00695c; margin-bottom: 4px;
      }
    }
  .style1 {
				border-style: solid;
				border-width: 1px;
				padding: 1px 4px;
				overflow-x: auto;
}
.style2 {
				border-left: 2px solid #000000;
				border-right: 2px solid #000000;
				border-top: 2px solid #000000;
				border-bottom-color: #000000;
				border-bottom-width: 2px;
}
  .style3 {
				color: #003366;
}
.style4 {
				display: flex;
				align-items: center;
				gap: 6px;
				font-size: 14px;
				color: #003366;
}