/* =====================================================
   FILE: component.css
   VERSION: 202603272030
 *
 * SĀKUMA KOMENTĀRI:
 * - Atbild par MyCassiopeia component zonas ārējo slāni un iekšējo satura rāmi.
 * - Noņem Cassiopeia grid ietekmi no component zonas platuma un atkāpēm.
 * - Ārējās kreisās/labās līnijas nes kopīgais shell, component zonai paliek tikai apakšējā līnija.
 * - Pārraksta Cassiopeia default first-child margin, lai content pieguļ header/submenu bez cauruma.
===================================================== */

.site-grid {
  row-gap: 0;
  column-gap: 0;
}

.grid-child.container-component {
  grid-column: full-start / full-end;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.container-component {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.container-component > .mc-shell {
  width: 100%;
  max-width: var(--mc-shell-max, 1560px);
  min-width: 0;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.mc-content-shell {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 0;
  border-bottom: 0;
  box-sizing: border-box;
}

.mc-content-shell > * {
  max-width: 100%;
  min-width: 0;
  margin-top: 0;
}

.mc-content-shell main {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.mc-content-shell main > :first-child {
  margin-top: 0 !important;
}

.mc-content-shell table {
  width: 100%;
  border-collapse: collapse;
}

.mc-content-shell table th {
  border-bottom: 2px solid #e2e2e2;
}

.mc-content-shell table td {
  border-bottom: 1px solid #eeeeee;
}

#system-message-container {
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .container-component {
    padding-top: 0;
  }

  .mc-content-shell {
    padding: 0;
  }
}