/* Pal Ledger v3.3 — shared mobile responsiveness layer.
 * Loaded after each component stylesheet. Keeps all eight tools readable on
 * phones without changing desktop layouts or the locked brand palette.
 */

/* Universal containment inside WordPress columns/builders. */
.pal-ledger-widget,
.pal-ledger-passive-widget,
.pal-ledger-passive-reference,
.pal-ledger-palbox-widget,
.pal-ledger-chart-widget,
.pal-ledger-combinations,
.pal-ledger-cake-widget,
.pal-ledger-iv-widget {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.pal-ledger-widget *,
.pal-ledger-passive-widget *,
.pal-ledger-passive-reference *,
.pal-ledger-palbox-widget *,
.pal-ledger-chart-widget *,
.pal-ledger-combinations *,
.pal-ledger-cake-widget *,
.pal-ledger-iv-widget * {
  max-width: 100%;
}

@media (max-width: 820px) {
  /* Prevent theme/container overflow and make controls comfortably tappable. */
  .pal-ledger-widget input,
  .pal-ledger-widget button,
  .pal-ledger-passive-widget input,
  .pal-ledger-passive-widget button,
  .pal-ledger-passive-reference input,
  .pal-ledger-passive-reference select,
  .pal-ledger-passive-reference button,
  .pal-ledger-palbox-widget input,
  .pal-ledger-palbox-widget button,
  .pal-ledger-chart-widget input,
  .pal-ledger-chart-widget select,
  .pal-ledger-chart-widget button,
  .pal-ledger-combinations input,
  .pal-ledger-combinations button,
  .pal-ledger-cake-widget button,
  .pal-ledger-iv-widget input,
  .pal-ledger-iv-widget button {
    min-height: 44px;
  }

  /* ---------- 1. Parents ↔ Child calculator ---------- */
  .pal-ledger-widget .pal-ledger-tool-header,
  .pal-ledger-widget .pal-ledger-mode-panel,
  .pal-ledger-widget .pal-ledger-reverse-controls,
  .pal-ledger-widget .pal-ledger-result-card,
  .pal-ledger-widget .pal-ledger-pair-row { min-width: 0; }

  .pal-ledger-widget .pal-ledger-dataset-status {
    white-space: normal;
    width: fit-content;
  }

  .pal-ledger-widget .pal-ledger-parents-grid { grid-template-columns: 1fr !important; }
  .pal-ledger-widget .pal-ledger-swap-wrap,
  .pal-ledger-widget .pal-ledger-result-arrow {
    display: flex !important;
    justify-content: center;
    min-height: 38px;
  }
  .pal-ledger-widget .pal-ledger-result-arrow { transform: rotate(90deg); }
  .pal-ledger-widget .pal-ledger-result-region { grid-column: auto !important; }

  .pal-ledger-widget .pal-ledger-result-main { min-width: 0; }
  .pal-ledger-widget .pal-ledger-result-copy,
  .pal-ledger-widget .pal-ledger-result-topline { min-width: 0; }
  .pal-ledger-widget .pal-ledger-result-topline { flex-wrap: wrap; }
  .pal-ledger-widget .pal-ledger-result-name {
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .pal-ledger-widget .pal-ledger-reverse-controls { grid-template-columns: 1fr !important; }
  .pal-ledger-widget .pal-ledger-filter-row,
  .pal-ledger-widget .pal-ledger-filter-chips {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
    scrollbar-width: thin;
  }
  .pal-ledger-widget .pal-ledger-filter-chip { flex: 0 0 auto; }

  .pal-ledger-widget .pal-ledger-pair-row { grid-template-columns: 1fr !important; }
  .pal-ledger-widget .pal-ledger-pair-plus { min-height: 24px; }
  .pal-ledger-widget .pal-ledger-pair-pal {
    grid-template-columns: 48px minmax(0,1fr) !important;
    align-items: center;
  }
  .pal-ledger-widget .pal-ledger-pair-pal > .pal-ledger-option-elements,
  .pal-ledger-widget .pal-ledger-pair-pal > .pal-ledger-pair-rarity {
    grid-column: 2;
    justify-self: start;
  }
  .pal-ledger-widget .pal-ledger-pair-tags { justify-content: flex-start !important; max-width: none !important; }

  .pal-ledger-widget .pal-ledger-combobox-list {
    left: 0;
    right: 0;
    width: 100%;
    max-height: min(58vh, 420px);
  }

  /* ---------- 2. Passive Skill calculator ---------- */
  .pal-ledger-passive-widget .plp-header,
  .pal-ledger-passive-widget .plp-section-head { min-width: 0; }
  .pal-ledger-passive-widget .plp-parent-grid,
  .pal-ledger-passive-widget .plp-result-parent-grid,
  .pal-ledger-passive-widget .plp-coverage-grid,
  .pal-ledger-passive-widget .plp-odds-grid,
  .pal-ledger-passive-widget .plp-native-grid {
    grid-template-columns: 1fr !important;
  }
  .pal-ledger-passive-widget .plp-plus,
  .pal-ledger-passive-widget .plp-result-plus {
    min-height: 30px;
    margin: 0 !important;
    transform: rotate(90deg);
  }
  .pal-ledger-passive-widget .plp-search-row { grid-template-columns: auto minmax(0,1fr) auto; }
  .pal-ledger-passive-widget .plp-selected,
  .pal-ledger-passive-widget .plp-result-skills,
  .pal-ledger-passive-widget .plp-mini-skills { max-width: 100%; flex-wrap: wrap; }
  .pal-ledger-passive-widget .plp-pal-option { grid-template-columns: 42px minmax(0,1fr); }
  .pal-ledger-passive-widget .plp-pal-option em { grid-column: 2; justify-self: start; white-space: normal; }
  .pal-ledger-passive-widget .plp-native-pair {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }
  .pal-ledger-passive-widget .plp-native-pair > span { transform: rotate(90deg); justify-self: center; }
  .pal-ledger-passive-widget .plp-estimate > div { align-items: flex-start; flex-direction: column; }
  .pal-ledger-passive-widget .plp-estimate small { max-width: none; }
  .pal-ledger-passive-widget .plp-estimate strong { text-align: left; }

  /* ---------- 3. Passive Skills reference ----------
   * Desktop is a table; mobile becomes labeled cards so no column is hidden.
   */
  .pal-ledger-passive-reference { overflow: hidden; }
  .pal-ledger-passive-reference .plpr-header { display: grid; }
  .pal-ledger-passive-reference .plpr-count { width: fit-content; }
  .pal-ledger-passive-reference .plpr-controls,
  .pal-ledger-passive-reference .plpr-filter-group { grid-template-columns: 1fr; }
  .pal-ledger-passive-reference .plpr-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 5px;
    scrollbar-width: thin;
  }
  .pal-ledger-passive-reference .plpr-chip { flex: 0 0 auto; }
  .pal-ledger-passive-reference .plpr-table-wrap {
    overflow: visible;
    border: 0;
    background: transparent;
  }
  .pal-ledger-passive-reference .plpr-table,
  .pal-ledger-passive-reference .plpr-table tbody { display: block; width: 100%; min-width: 0; }
  .pal-ledger-passive-reference .plpr-table thead { display: none; }
  .pal-ledger-passive-reference .plpr-table tr[data-passive-row] {
    display: grid;
    gap: 0;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid var(--plpr-border);
    border-radius: 12px;
    background: var(--plpr-surface);
  }
  .pal-ledger-passive-reference .plpr-table tr[data-passive-row] td {
    display: grid;
    grid-template-columns: minmax(88px, 34%) minmax(0,1fr);
    gap: 10px;
    width: 100% !important;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid var(--plpr-border);
    background: transparent !important;
    text-align: left;
    white-space: normal;
  }
  .pal-ledger-passive-reference .plpr-table tr[data-passive-row] td:last-child { border-bottom: 0; }
  .pal-ledger-passive-reference .plpr-table tr[data-passive-row] td::before {
    color: var(--plpr-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
  }
  .pal-ledger-passive-reference .plpr-table tr[data-passive-row] td:nth-child(1)::before { content: "Passive"; }
  .pal-ledger-passive-reference .plpr-table tr[data-passive-row] td:nth-child(2)::before { content: "Effect"; }
  .pal-ledger-passive-reference .plpr-table tr[data-passive-row] td:nth-child(3)::before { content: "Tier"; }
  .pal-ledger-passive-reference .plpr-table tr[data-passive-row] td:nth-child(4)::before { content: "Stat"; }
  .pal-ledger-passive-reference .plpr-table tr[data-passive-row] td:nth-child(5)::before { content: "Action"; }
  .pal-ledger-passive-reference .plpr-action-cell { white-space: normal; }
  .pal-ledger-passive-reference .plpr-action { overflow-wrap: anywhere; }
  .pal-ledger-passive-reference .plpr-stat { white-space: normal; width: fit-content; }
  .pal-ledger-passive-reference .plpr-empty-row { display: table-row; }

  /* ---------- 4. My Palbox / Tree ---------- */
  .pal-ledger-palbox-widget .plb-header,
  .pal-ledger-palbox-widget .plb-section-head,
  .pal-ledger-palbox-widget .plb-route-hero,
  .pal-ledger-palbox-widget .plb-route-success.is-owned-target {
    flex-direction: column;
  }
  .pal-ledger-palbox-widget .plb-header-status,
  .pal-ledger-palbox-widget .plb-section-meta { white-space: normal; align-self: flex-start; }
  .pal-ledger-palbox-widget .plb-workspace,
  .pal-ledger-palbox-widget .plb-palbox-toolbar { grid-template-columns: 1fr; }
  .pal-ledger-palbox-widget .plb-target-panel { position: static; }
  .pal-ledger-palbox-widget .plb-clear { width: 100%; }
  .pal-ledger-palbox-widget .plb-owned-chip { max-width: 100%; }
  .pal-ledger-palbox-widget .plb-owned-chip > span:not(.plb-avatar) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pal-ledger-palbox-widget .plb-option { grid-template-columns: 42px minmax(0,1fr); }
  .pal-ledger-palbox-widget .plb-option-rarity { grid-column: 2; justify-self: start; }
  .pal-ledger-palbox-widget .plb-combobox-menu { max-height: min(55vh, 390px); }

  .pal-ledger-palbox-widget .plb-node-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .pal-ledger-palbox-widget .plb-node-copy { flex: 1 1 150px; }
  .pal-ledger-palbox-widget .plb-owned-badge,
  .pal-ledger-palbox-widget .plb-gen-badge { margin-left: 68px; }
  .pal-ledger-palbox-widget .plb-branches-inner { padding-left: 8px !important; }
  .pal-ledger-palbox-widget .plb-edge-line { display: none; }
  .pal-ledger-palbox-widget .plb-branch { grid-template-columns: 1fr !important; }
  .pal-ledger-palbox-widget .plb-branch-arrow { display: none; }
  .pal-ledger-palbox-widget .plb-child-node { grid-template-columns: 38px minmax(0,1fr); }
  .pal-ledger-palbox-widget .plb-child-node .plb-gen-badge { grid-column: 2; margin-left: 0; justify-self: start; }
  .pal-ledger-palbox-widget .plb-step-pals { align-items: flex-start; }
  .pal-ledger-palbox-widget .plb-step-arrow { width: 100%; text-align: center; padding: 0; transform: rotate(90deg); }

  /* ---------- 5. Breeding Chart ---------- */
  .pal-ledger-chart-widget .plc-header { display: grid; }
  .pal-ledger-chart-widget .plc-status { width: fit-content; white-space: normal; }
  .pal-ledger-chart-widget .plc-control-row { grid-template-columns: 1fr !important; }
  .pal-ledger-chart-widget .plc-clear { width: 100% !important; }
  .pal-ledger-chart-widget .plc-filter-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 5px;
    scrollbar-width: thin;
  }
  .pal-ledger-chart-widget .plc-filter-chip { flex: 0 0 auto; min-height: 44px; }
  .pal-ledger-chart-widget .plc-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .pal-ledger-chart-widget .plc-card { min-width: 0; }
  .pal-ledger-chart-widget .plc-pal-name { overflow-wrap: anywhere; }
  .pal-ledger-chart-widget .plc-elements { flex-wrap: wrap; }

  /* ---------- 6. Cake selector ---------- */
  .pal-ledger-cake-widget .plcake-header { grid-template-columns: 1fr !important; }
  .pal-ledger-cake-widget .plcake-status { white-space: normal; }
  .pal-ledger-cake-widget .plcake-tabs { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .pal-ledger-cake-widget .plcake-tab { min-width: 0; overflow-wrap: anywhere; }
  .pal-ledger-cake-widget .plcake-panel-head { flex-direction: column; }
  .pal-ledger-cake-widget .plcake-unlock { white-space: normal; }
  .pal-ledger-cake-widget .plcake-details { grid-template-columns: 1fr !important; }

  /* ---------- 7. IV estimator ---------- */
  .pal-ledger-iv-widget .pliv-header { flex-direction: column; }
  .pal-ledger-iv-widget .pliv-status { display: inline-flex; white-space: normal; }
  .pal-ledger-iv-widget .pliv-input-layout,
  .pal-ledger-iv-widget .pliv-threshold-card,
  .pal-ledger-iv-widget .pliv-result-grid { grid-template-columns: 1fr !important; }
  .pal-ledger-iv-widget .pliv-fields { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .pal-ledger-iv-widget .pliv-combined-top,
  .pal-ledger-iv-widget .pliv-eggs { flex-wrap: wrap; }

  /* ---------- 8. Breeding Combinations Database ----------
   * Mobile becomes a paginated card list. All five columns remain visible.
   */
  .pal-ledger-combinations .pld-shell { padding: 14px; border-radius: 14px; overflow: hidden; }
  .pal-ledger-combinations .pld-header { display: grid; }
  .pal-ledger-combinations .pld-top-controls,
  .pal-ledger-combinations .pld-rank-filter { grid-template-columns: 1fr; }
  .pal-ledger-combinations .pld-reset { width: 100%; }
  .pal-ledger-combinations .pld-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 5px;
    scrollbar-width: thin;
  }
  .pal-ledger-combinations .pld-chip { flex: 0 0 auto; min-height: 44px; }
  .pal-ledger-combinations .pld-mode-row { display: grid; }
  .pal-ledger-combinations .pld-mode-tabs {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .pal-ledger-combinations .pld-mode { width: 100%; }
  .pal-ledger-combinations .pld-target-wrap { width: 100%; min-width: 0; }
  .pal-ledger-combinations .pld-target-list { max-height: min(55vh, 390px); }
  .pal-ledger-combinations .pld-table-meta,
  .pal-ledger-combinations .pld-pagination { flex-direction: column; align-items: stretch; }
  .pal-ledger-combinations .pld-table-meta { padding: 11px 0; border-bottom: 0; }
  .pal-ledger-combinations .pld-scroll { overflow: visible; max-height: none; }
  .pal-ledger-combinations .pld-table-wrap { overflow: visible; border: 0; background: transparent; }
  .pal-ledger-combinations .pld-table,
  .pal-ledger-combinations .pld-table tbody { display: block; width: 100%; min-width: 0; }
  .pal-ledger-combinations .pld-table thead { display: none; }
  .pal-ledger-combinations .pld-table tbody > tr {
    display: grid;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: var(--card-bg);
  }
  .pal-ledger-combinations .pld-table tbody > tr > td {
    display: grid;
    grid-template-columns: minmax(92px, 34%) minmax(0,1fr);
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid var(--border-color);
    background: transparent !important;
    vertical-align: top;
  }
  .pal-ledger-combinations .pld-table tbody > tr > td:last-child { border-bottom: 0; }
  .pal-ledger-combinations .pld-table tbody > tr > td::before {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding-top: 4px;
  }
  .pal-ledger-combinations .pld-table tbody > tr > td:nth-child(1)::before { content: "Parent A"; }
  .pal-ledger-combinations .pld-table tbody > tr > td:nth-child(2)::before { content: "Parent B"; }
  .pal-ledger-combinations .pld-table tbody > tr > td:nth-child(3)::before { content: "Result"; }
  .pal-ledger-combinations .pld-table tbody > tr > td:nth-child(4)::before { content: "Elements"; }
  .pal-ledger-combinations .pld-table tbody > tr > td:nth-child(5)::before { content: "Rarity / Rank"; }
  .pal-ledger-combinations .pld-pal-cell { min-width: 0; width: 100%; }
  .pal-ledger-combinations .pld-pal-copy strong { max-width: none; white-space: normal; overflow-wrap: anywhere; }
  .pal-ledger-combinations .pld-result-cell { min-width: 0; }
  .pal-ledger-combinations .pld-elements { align-content: flex-start; }
  .pal-ledger-combinations .pld-pagination { padding: 12px 0 0; border-top: 0; }
  .pal-ledger-combinations .pld-page-actions {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    width: 100%;
  }
  .pal-ledger-combinations .pld-page-button { width: 100%; min-width: 0; }
}

@media (max-width: 540px) {
  /* Give small phones more breathing room and favor readability over density. */
  .pal-ledger-widget .pal-ledger-tool-header,
  .pal-ledger-widget .pal-ledger-mode-panel { padding-left: 12px !important; padding-right: 12px !important; }
  .pal-ledger-widget .pal-ledger-result-main { display: grid; grid-template-columns: 70px minmax(0,1fr); }
  .pal-ledger-widget .pal-ledger-avatar.is-result { width: 70px; height: 70px; flex-basis: 70px; }

  .pal-ledger-passive-widget .plp-header,
  .pal-ledger-passive-widget .plp-target-panel,
  .pal-ledger-passive-widget .plp-parents-section,
  .pal-ledger-passive-widget .plp-result-section,
  .pal-ledger-passive-widget .plp-native-section { padding-left: 12px !important; padding-right: 12px !important; }
  .pal-ledger-passive-widget .plp-dist-row { grid-template-columns: 62px minmax(0,1fr) 30px; }

  .pal-ledger-passive-reference { padding: 12px; }
  .pal-ledger-passive-reference .plpr-table tr[data-passive-row] td,
  .pal-ledger-combinations .pld-table tbody > tr > td {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .pal-ledger-palbox-widget .plb-header,
  .pal-ledger-palbox-widget .plb-body { padding: 12px; }
  .pal-ledger-palbox-widget .plb-panel { padding: 12px; }
  .pal-ledger-palbox-widget .plb-owned-badge,
  .pal-ledger-palbox-widget .plb-gen-badge { margin-left: 0; }
  .pal-ledger-palbox-widget .plb-avatar.is-route { width: 58px; height: 58px; }

  .pal-ledger-chart-widget .plc-header,
  .pal-ledger-chart-widget .plc-controls { padding-left: 12px !important; padding-right: 12px !important; }
  .pal-ledger-chart-widget .plc-grid-wrap { padding-left: 10px !important; padding-right: 10px !important; }
  .pal-ledger-chart-widget .plc-grid { grid-template-columns: 1fr !important; }
  .pal-ledger-chart-widget .plc-art { min-height: 210px; }
  .pal-ledger-chart-widget .plc-page-button { flex-basis: 100% !important; }

  .pal-ledger-cake-widget .plcake-header,
  .pal-ledger-cake-widget .plcake-body { padding-left: 12px !important; padding-right: 12px !important; }
  .pal-ledger-cake-widget .plcake-tabs { grid-template-columns: 1fr !important; }
  .pal-ledger-cake-widget .plcake-top-stats { grid-template-columns: 1fr; }

  .pal-ledger-iv-widget .pliv-header,
  .pal-ledger-iv-widget .pliv-body { padding-left: 12px !important; padding-right: 12px !important; }
  .pal-ledger-iv-widget .pliv-fields { grid-template-columns: 1fr; }
  .pal-ledger-iv-widget .pliv-parent-card,
  .pal-ledger-iv-widget .pliv-results-card,
  .pal-ledger-iv-widget .pliv-threshold-card { padding: 14px; }
  .pal-ledger-iv-widget .pliv-eggs { flex-direction: column; align-items: flex-start; }
  .pal-ledger-iv-widget .pliv-combined-value { font-size: 38px; }

  .pal-ledger-combinations .pld-shell { padding: 10px; }
  .pal-ledger-combinations .pld-toolbar { padding: 10px; }
}

@media (max-width: 360px) {
  .pal-ledger-widget .pal-ledger-title,
  .pal-ledger-passive-widget h2,
  .pal-ledger-passive-reference h2,
  .pal-ledger-palbox-widget h2,
  .pal-ledger-chart-widget h2,
  .pal-ledger-combinations h2,
  .pal-ledger-cake-widget h2,
  .pal-ledger-iv-widget h2 { overflow-wrap: anywhere; }

  .pal-ledger-combinations .pld-page-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* v3.3.1 final mobile hardening: protect against narrow WordPress columns,
 * unusually long translated labels, and media intrinsic sizing. */
@media (max-width: 820px) {
  .pal-ledger-widget,
  .pal-ledger-passive-widget,
  .pal-ledger-passive-reference,
  .pal-ledger-palbox-widget,
  .pal-ledger-chart-widget,
  .pal-ledger-combinations,
  .pal-ledger-cake-widget,
  .pal-ledger-iv-widget {
    overflow-wrap: break-word;
  }

  .pal-ledger-widget img,
  .pal-ledger-passive-widget img,
  .pal-ledger-passive-reference img,
  .pal-ledger-palbox-widget img,
  .pal-ledger-chart-widget img,
  .pal-ledger-combinations img,
  .pal-ledger-cake-widget img,
  .pal-ledger-iv-widget img {
    max-width: 100%;
    height: auto;
  }

  .pal-ledger-widget :is(div, section, article, header, footer, form, label),
  .pal-ledger-passive-widget :is(div, section, article, header, footer, form, label),
  .pal-ledger-passive-reference :is(div, section, article, header, footer, form, label),
  .pal-ledger-palbox-widget :is(div, section, article, header, footer, form, label),
  .pal-ledger-chart-widget :is(div, section, article, header, footer, form, label),
  .pal-ledger-combinations :is(div, section, article, header, footer, form, label),
  .pal-ledger-cake-widget :is(div, section, article, header, footer, form, label),
  .pal-ledger-iv-widget :is(div, section, article, header, footer, form, label) {
    min-width: 0;
  }
}


/* v3.9.5 Horizontal Overflow Protection */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.pal-ledger-container,
.pal-ledger-container *,
.pal-breeding-wrapper,
.pal-breeding-wrapper *,
.pal-table-wrapper,
table,
img,
svg,
iframe {
    max-width: 100%;
}

table {
    width: 100%;
    table-layout: fixed;
}

@media (max-width: 1024px) {
    .pal-table-wrapper {
        overflow-x: hidden !important;
    }
}


/* v3.9.8 Responsive table system - remove horizontal scroll */
.pal-ledger-breeding-power,
.pal-ledger-breeding-database,
.pal-ledger-combinations,
.pal-ledger-chart-widget,
.pal-ledger-picture-chart,
.pal-ledger-widget {
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

.pal-ledger-breeding-power table,
.pal-ledger-breeding-database table,
.pal-ledger-combinations table,
.pal-ledger-chart-widget table,
.pal-ledger-picture-chart table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.pal-ledger-breeding-power td,
.pal-ledger-breeding-power th,
.pal-ledger-breeding-database td,
.pal-ledger-breeding-database th,
.pal-ledger-combinations td,
.pal-ledger-combinations th,
.pal-ledger-chart-widget td,
.pal-ledger-chart-widget th {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

@media (max-width: 1024px) {
  .pal-ledger-breeding-power .table-wrap,
  .pal-ledger-breeding-database .table-wrap,
  .pal-ledger-combinations .table-wrap,
  .pal-ledger-chart-widget .table-wrap {
    overflow-x: hidden !important;
  }
}

@media (max-width: 767px) {
  .pal-ledger-breeding-power table,
  .pal-ledger-breeding-database table,
  .pal-ledger-combinations table,
  .pal-ledger-chart-widget table {
    font-size: 13px;
  }

  .pal-ledger-breeding-power td,
  .pal-ledger-breeding-power th,
  .pal-ledger-breeding-database td,
  .pal-ledger-breeding-database th,
  .pal-ledger-combinations td,
  .pal-ledger-combinations th,
  .pal-ledger-chart-widget td,
  .pal-ledger-chart-widget th {
    padding: 8px 6px;
  }
}