/* Tool pages — force Tibiana / parchment shell over legacy dark UIs */

body.wiki-tool {
  margin: 0 !important;
  padding: 16px !important;
  min-height: 100vh;
  font-family: var(--wiki-font) !important;
  color: var(--wiki-text) !important;
  background: #0a0c0e url('../images/backgroundpaper.png') center center / cover no-repeat fixed !important;
}

body.wiki-shell-ready.wiki-tool {
  padding: 0 !important;
}

body.wiki-tool .wiki-content,
body.wiki-tool .wiki-shell {
  position: relative;
  z-index: 1;
}

body.wiki-tool .wiki-tool-chrome {
  max-width: 1100px;
  margin: 0 auto 10px;
}

body.wiki-tool .wiki-tool-chrome .wiki-back {
  margin-bottom: 6px;
}

body.wiki-tool .wiki-tool-title {
  font-family: martelregular, var(--wiki-font);
  font-size: 18px;
  color: #fff;
  text-shadow: 2px 2px 2px #000;
  margin: 0 0 4px;
}

body.wiki-tool .wiki-tool-sub {
  color: #8a9aa0;
  font-size: 11px;
  margin: 0 0 8px;
}

body.wiki-tool .container,
body.wiki-tool .calculators-grid,
body.wiki-tool main,
body.wiki-tool .app,
body.wiki-tool .wrap {
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.wiki-tool .container,
body.wiki-tool .app,
body.wiki-tool .wrap,
body.wiki-tool > main > section,
body.wiki-tool .panel-root {
  background: var(--wiki-parchment) !important;
  color: var(--wiki-text) !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.wiki-tool h1,
body.wiki-tool h2,
body.wiki-tool h3 {
  color: var(--wiki-text) !important;
  text-shadow: none !important;
  text-transform: none !important;
}

body.wiki-tool h1 {
  font-family: martelregular, var(--wiki-font);
  font-size: 22px !important;
  font-weight: normal !important;
}

body.wiki-tool .subtitle,
body.wiki-tool .instructions,
body.wiki-tool .muted {
  color: var(--wiki-muted) !important;
}

body.wiki-tool .calculator-section,
body.wiki-tool .card,
body.wiki-tool .panel,
body.wiki-tool .tile,
body.wiki-tool .box {
  background: var(--wiki-parchment-mid) !important;
  color: var(--wiki-text) !important;
  border: 1px solid #a08060 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.wiki-tool .calculator-section.offline,
body.wiki-tool .calculator-section h2,
body.wiki-tool .card h2 {
  color: var(--wiki-text) !important;
}

body.wiki-tool input,
body.wiki-tool select,
body.wiki-tool textarea,
body.wiki-tool button {
  font-family: var(--wiki-font) !important;
  border-radius: 0 !important;
}

body.wiki-tool button,
body.wiki-tool .btn,
body.wiki-tool .primary {
  background: linear-gradient(to bottom, var(--wiki-btn-top), var(--wiki-btn-bottom)) !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}

body.wiki-tool a {
  color: var(--wiki-link) !important;
}

body.wiki-tool a:hover {
  color: var(--wiki-link-hover) !important;
}

body.wiki-tool table {
  background: var(--wiki-parchment-mid);
  color: var(--wiki-text);
  border-collapse: collapse;
}

body.wiki-tool th,
body.wiki-tool td {
  border: 1px solid #a08060;
  color: var(--wiki-text) !important;
}

body.wiki-tool th {
  background: var(--wiki-parchment-dark) !important;
}

/* attributes / tributos dark vars */
body.wiki-tool {
  --bg: var(--wiki-bg);
  --panel: var(--wiki-parchment-mid);
  --text: var(--wiki-text);
  --accent: #5a2800;
  --border: #a08060;
}

body.wiki-tool .is-active,
body.wiki-tool .tile.is-active {
  border-color: var(--wiki-link) !important;
  background: #e8d4b4 !important;
  color: var(--wiki-text) !important;
}