/* ========================================================================
   License Card tables

   Used by:
     docs/settings/status/deep-dive/license-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. Same arrangement as dataplane-card.css.

   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.

   Column widths are deliberately not set. The label columns here range
   from "Valid" to "No license applied", and the alert column carries
   icons plus bold text, so the theme's own sizing still reads best.
   ======================================================================== */

/* --- Fields: FIELD | WHAT IT SHOWS --- */

.md-typeset .license-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 .license-field-table table,
[data-md-color-scheme="default"] .md-typeset .license-field-table th,
[data-md-color-scheme="default"] .md-typeset .license-field-table td {
  background-color: var(--q-white);
}

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

/* --- Expiration states: STATE | WHAT YOU SEE --- */

.md-typeset .expiration-state-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 .expiration-state-table table,
[data-md-color-scheme="default"] .md-typeset .expiration-state-table th,
[data-md-color-scheme="default"] .md-typeset .expiration-state-table td {
  background-color: var(--q-white);
}

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

/* --- Grace period: ALERT | WHAT IT MEANS --- */

.md-typeset .grace-period-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 .grace-period-table table,
[data-md-color-scheme="default"] .md-typeset .grace-period-table th,
[data-md-color-scheme="default"] .md-typeset .grace-period-table td {
  background-color: var(--q-white);
}

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

/* --- Card actions: ACTION | WHAT IT DOES --- */

.md-typeset .card-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 .card-action-table table,
[data-md-color-scheme="default"] .md-typeset .card-action-table th,
[data-md-color-scheme="default"] .md-typeset .card-action-table td {
  background-color: var(--q-white);
}

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