/* ========================================================================
   Dataplane Card tables

   Used by:
     docs/settings/status/deep-dive/dataplane-card.md

   Each table owns its full appearance here rather than inheriting the
   guide-wide table base in extra.css, so an edit there cannot silently
   restyle this page.

   How the override works, and why it is written this way:

     extra.css targets `.md-typeset table:not([class])`. That selector
     matches the <table> element, which has no class even when the
     Markdown wrapper does, so wrapping alone does NOT detach a table.
     Each block below therefore repeats the selector shape at equal
     specificity and wins on load order (this file is listed after
     extra.css in zensical.toml). Move it earlier in that list and the
     page silently reverts to the shared base.

   The values are copies of the current base, so the rendering is
   unchanged. That is the trade: this page is now insulated from edits to
   extra.css, and in exchange it will not pick up future improvements to
   the shared table style either. Keep them in step by hand.
   ======================================================================== */

/* --- Subtabs: SUBTAB | PERMISSION | WHAT IT SHOWS --- */

.md-typeset .subtab-table table {
  display: table;
  max-width: 100%;
  border-radius: 0.4rem;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

[data-md-color-scheme="default"] .md-typeset .subtab-table table,
[data-md-color-scheme="default"] .md-typeset .subtab-table th,
[data-md-color-scheme="default"] .md-typeset .subtab-table td {
  background-color: var(--q-white);
}

[data-md-color-scheme="slate"] .md-typeset .subtab-table table,
[data-md-color-scheme="slate"] .md-typeset .subtab-table th,
[data-md-color-scheme="slate"] .md-typeset .subtab-table td {
  background-color: var(--q-black);
}

/* --- Header actions: HEADER ACTION | PERMISSION | WHAT IT DOES --- */

.md-typeset .header-action-table table {
  display: table;
  max-width: 100%;
  border-radius: 0.4rem;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

[data-md-color-scheme="default"] .md-typeset .header-action-table table,
[data-md-color-scheme="default"] .md-typeset .header-action-table th,
[data-md-color-scheme="default"] .md-typeset .header-action-table td {
  background-color: var(--q-white);
}

[data-md-color-scheme="slate"] .md-typeset .header-action-table table,
[data-md-color-scheme="slate"] .md-typeset .header-action-table th,
[data-md-color-scheme="slate"] .md-typeset .header-action-table td {
  background-color: var(--q-black);
}

/* --- Configuration fields: FIELD | WHAT IT SHOWS --- */

.md-typeset .config-field-table table {
  display: table;
  max-width: 100%;
  border-radius: 0.4rem;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

[data-md-color-scheme="default"] .md-typeset .config-field-table table,
[data-md-color-scheme="default"] .md-typeset .config-field-table th,
[data-md-color-scheme="default"] .md-typeset .config-field-table td {
  background-color: var(--q-white);
}

[data-md-color-scheme="slate"] .md-typeset .config-field-table table,
[data-md-color-scheme="slate"] .md-typeset .config-field-table th,
[data-md-color-scheme="slate"] .md-typeset .config-field-table td {
  background-color: var(--q-black);
}

/* --- Capacity readouts: READOUT | VALUE | CAPTION | HOW TO READ IT --- */

.md-typeset .readout-table table {
  display: table;
  max-width: 100%;
  border-radius: 0.4rem;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

[data-md-color-scheme="default"] .md-typeset .readout-table table,
[data-md-color-scheme="default"] .md-typeset .readout-table th,
[data-md-color-scheme="default"] .md-typeset .readout-table td {
  background-color: var(--q-white);
}

[data-md-color-scheme="slate"] .md-typeset .readout-table table,
[data-md-color-scheme="slate"] .md-typeset .readout-table th,
[data-md-color-scheme="slate"] .md-typeset .readout-table td {
  background-color: var(--q-black);
}

/* --- Capacity warnings: WARNING | WHAT IT MEANS | WHAT TO DO --- */

.md-typeset .capacity-warning-table table {
  display: table;
  max-width: 100%;
  border-radius: 0.4rem;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

[data-md-color-scheme="default"] .md-typeset .capacity-warning-table table,
[data-md-color-scheme="default"] .md-typeset .capacity-warning-table th,
[data-md-color-scheme="default"] .md-typeset .capacity-warning-table td {
  background-color: var(--q-white);
}

[data-md-color-scheme="slate"] .md-typeset .capacity-warning-table table,
[data-md-color-scheme="slate"] .md-typeset .capacity-warning-table th,
[data-md-color-scheme="slate"] .md-typeset .capacity-warning-table td {
  background-color: var(--q-black);
}