/*
 * Scope pro externí HTML snippety renderované přes UIExternalHtml (src/ui/widgets.tsx).
 * Jediné místo s dangerouslySetInnerHTML — obal nese třídy `ext ext-<kind>`.
 * Slovník stylů per kind se doplňuje sem, výhradně pod .ext-* scope.
 *
 * GAP E (todo-mui.md): injektované Perl/CGI HTML bylo stylované GLOBÁLNĚ přes
 * bootstrap-custom.css + cleanzone-v5.css. Aby šly oba listy dropnout, musí být
 * závislosti injektovaného HTML soběstačné. Audit reálného HTML (formEditHtml,
 * formViewHtml, noteHtml, bodyHtml… — viz bin/test/53_js/pripadDetail.json):
 *   - skin třídy `well`/`summary`/`reply`/`input`/`paper_box` → žijí v modules.css
 *     (NEdropuje se, per-service list) → přežijí drop, sem je netahám.
 *   - formuláře (call-scripty) si nesou VLASTNÍ inline <style> + skládají se z
 *     `<table class="tableForm no-border">` → tabulkový vzhled brala cleanzone
 *     globálním `table`/`no-border*` pravidlem. To je jediná netriviální závislost
 *     injektovaného HTML na dropovaných listech → portuji ji sem, scopnutou pod `.ext`.
 *   - body/prose typografie (p, nadpisy, odkazy) → v MUI módu pokrývá MUI CssBaseline.
 */
.ext {}
.ext-form {}
.ext-calc {}
.ext-note {}
.ext-isds {}
.ext-doc {}
.ext-svg {}

/* --- Tabulkový baseline injektovaného HTML --------------------------------
 * Věrný port generických `table` pravidel z cleanzone-v5.css (ř. 2371–2575),
 * scopnutý pod `.ext`, aby injektované tabulky (zejm. call-script formuláře)
 * vypadaly stejně i po dropu cleanzone. `no-border*` modifikátory zachovány —
 * formuláře je používají k VYPNUTÍ rámečků (tableForm no-border no-border-x/y),
 * takže net efekt = bezrámečková tabulka, ale chování musí zůstat zachované
 * i pro tabulky, které je nepoužijí (plný rámeček). Barvy = #DADADA dle zdroje.
 */
.ext table {
  border-collapse: collapse;
  width: 100%;
}

/* hlavička: cleanzone měla dva bloky `table thead th` (ř.2371 + ř.2468) — sloučeno */
.ext table thead th {
  vertical-align: bottom;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  border-left: 1px solid #DADADA;
  padding: 10px 8px 5px 8px;
  font-size: 13px;
  font-weight: 200;
}
.ext table thead th:last-child {
  border-right: 1px solid #DADADA;
}

/* buňky */
.ext table tbody td {
  font-size: 12px;
}
.ext table td {
  border-left: 1px solid #DADADA;
  border-bottom: 1px solid #dadada;
  padding: 7px 8px;
}
.ext table td:last-child {
  border-right: 1px solid #dadada;
}
.ext table.padding-sm td {
  padding: 4px 6px;
}
.ext table.hover tbody tr:hover {
  background: #f3f3f3;
}
.ext table.no-strip tr:nth-child(2n) {
  background: transparent;
}
.ext table .right {
  text-align: right;
}
.ext table .left {
  text-align: left;
}

/* no-border rodina — vnitřní/vnější rámečky (třída na <table> i na <tbody>) */
.ext table.no-border {
  border: 0;
}
.ext table .no-border th {
  border-left: 0;
}
.ext table .no-border tr th:first-child {
  border-left: 1px solid #dadada;
}
.ext table .no-border-x td {
  border-bottom: 0;
}
.ext table .no-border-x tr:last-child td {
  border-bottom: 1px solid #dadada;
}
.ext table .no-border-y td {
  border-left: 0;
}
.ext table .no-border-y tr td:first-child {
  border-left: 1px solid #dadada;
}
.ext table.no-border tr th {
  border-top: 0;
}
.ext table.no-border tr th:first-child {
  border-left: 0;
}
.ext table.no-border tr th:last-child {
  border-right: 0;
}
.ext table.no-border tr td:first-child {
  border-left: 0;
}
.ext table.no-border tr td:last-child {
  border-right: 0;
}
.ext table.no-border tr:last-child td {
  border-bottom: 0;
}