/* SkillHost MySQL Toolkit — isolated component styles */
.shmt-page{--shmt-bg:#fff;--shmt-surface:#f7f9fc;--shmt-text:#172033;--shmt-muted:#667085;--shmt-border:#e1e6ef;--shmt-primary:#2563eb;--shmt-primary-dark:#1d4ed8;color:var(--shmt-text);font-family:inherit}
.shmt-container{width:min(1180px,calc(100% - 36px));margin:0 auto}
.shmt-hero{padding:42px 0 34px;background:linear-gradient(135deg,#f5f8ff,#f8fbff);border-bottom:1px solid var(--shmt-border)}
.shmt-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;color:var(--shmt-muted);font-size:13px;margin-bottom:22px}
.shmt-breadcrumb a{color:inherit;text-decoration:none}.shmt-breadcrumb a:hover{color:var(--shmt-primary)}
.shmt-eyebrow{display:inline-block;color:var(--shmt-primary);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:10px}
.shmt-hero h1{font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-.035em;margin:0 0 12px;color:var(--shmt-text)}
.shmt-hero p{max-width:800px;font-size:16px;line-height:1.7;color:var(--shmt-muted);margin:0}
.shmt-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#3d5d4c;font-size:13px;font-weight:600}
.shmt-workspace{margin:30px 0 42px;border:1px solid var(--shmt-border);border-radius:16px;background:var(--shmt-bg);box-shadow:0 8px 30px rgba(16,24,40,.05);overflow:hidden}
.shmt-tabs{display:flex;gap:4px;padding:12px 14px;border-bottom:1px solid var(--shmt-border);background:var(--shmt-surface);overflow-x:auto}
.shmt-tab{flex:0 0 auto;border:0;background:transparent;color:var(--shmt-muted);padding:11px 15px;border-radius:9px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.shmt-tab:hover{background:#eaf0ff;color:var(--shmt-primary)}.shmt-tab.is-active{background:var(--shmt-primary);color:#fff}
.shmt-panel{padding:26px}.shmt-panel[hidden],.shmt-gen-section[hidden]{display:none!important}
.shmt-panel-intro{display:flex;justify-content:space-between;gap:18px;margin-bottom:20px}.shmt-panel-intro h2{font-size:23px;margin:0 0 6px}.shmt-panel-intro p{margin:0;color:var(--shmt-muted);font-size:14px;line-height:1.5}
.shmt-options,.shmt-json-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.shmt-options label,.shmt-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;min-width:0}
.shmt-options select,.shmt-field input,.shmt-field select,.shmt-dynamic-row input,.shmt-dynamic-row select{width:100%;min-height:40px;border:1px solid var(--shmt-border);border-radius:8px;background:var(--shmt-bg);color:var(--shmt-text);padding:8px 10px;font-family:inherit;font-size:14px;box-sizing:border-box}
.shmt-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shmt-editor{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:700}
.shmt-editor textarea{width:100%;min-height:250px;resize:vertical;box-sizing:border-box;border:1px solid var(--shmt-border);border-radius:10px;padding:14px;background:#101827;color:#e6edf7;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4;outline:none}
.shmt-editor textarea:focus,.shmt-field input:focus,.shmt-field select:focus,.shmt-options select:focus,.shmt-dynamic-row input:focus,.shmt-dynamic-row select:focus{border-color:var(--shmt-primary);box-shadow:0 0 0 3px rgba(37,99,235,.12);outline:none}
.shmt-editor-full{margin-top:14px}.shmt-editor-full textarea{min-height:180px}
.shmt-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.shmt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 15px;border:1px solid var(--shmt-border);border-radius:8px;background:var(--shmt-bg);color:var(--shmt-text);font-family:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .15s,border-color .15s}
.shmt-btn:hover{border-color:#aab8d0;background:#f7f9fc}.shmt-btn-primary{background:var(--shmt-primary);border-color:var(--shmt-primary);color:#fff}.shmt-btn-primary:hover{background:var(--shmt-primary-dark);border-color:var(--shmt-primary-dark);color:#fff}
.shmt-btn-light{background:var(--shmt-surface)}.shmt-btn-small{min-height:32px;padding:6px 10px;font-size:12px}
.shmt-status{margin:14px 0 0;padding:10px 12px;border-radius:8px;background:var(--shmt-surface);color:var(--shmt-muted);font-size:13px;line-height:1.5}
.shmt-status[data-state=success]{background:#edf9f1;color:#17643a}.shmt-status[data-state=error]{background:#fff0f0;color:#a32323}
.shmt-results{display:grid;gap:8px;margin-top:16px}.shmt-result{padding:11px 13px;border-radius:8px;font-size:13px;line-height:1.5}.shmt-result-success{background:#edf9f1;color:#17643a}.shmt-result-warning{background:#fff8e8;color:#8a5700}.shmt-result-error{background:#fff0f0;color:#a32323}
.shmt-note,.shmt-hint{font-size:12px;color:var(--shmt-muted);line-height:1.6}.shmt-note{margin:14px 0 0}.shmt-json-controls .shmt-field{flex:1 1 260px}
.shmt-generator{display:grid;gap:20px}.shmt-generator-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.shmt-gen-section{padding:16px;border:1px solid var(--shmt-border);border-radius:11px;background:var(--shmt-surface)}
.shmt-gen-section h3,.shmt-builder-heading h3{font-size:15px;margin:0 0 13px}
.shmt-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:13px}
.shmt-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650}.shmt-check input{width:17px;height:17px}
.shmt-builder-block{margin-top:18px}.shmt-builder-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px;font-weight:700}
.shmt-dynamic-row{display:grid;grid-template-columns:minmax(70px,1fr) minmax(110px,1.3fr) minmax(70px,.8fr) auto;gap:8px;align-items:center;margin:8px 0}
.shmt-dynamic-row:has(.shmt-logic){grid-template-columns:75px minmax(100px,1fr) minmax(110px,.8fr) minmax(100px,1fr) auto}
.shmt-dynamic-row:has(.shmt-join-column){grid-template-columns:minmax(110px,1fr) minmax(80px,.7fr) minmax(140px,1.2fr) minmax(140px,1.2fr) auto}
.shmt-dynamic-row .shmt-logic{min-width:0}.shmt-remove{border:0;background:transparent;color:#b42318;font-size:12px;cursor:pointer;padding:8px}
.shmt-content{max-width:900px;margin:0 auto 60px;line-height:1.75;color:var(--shmt-text)}
.shmt-content h2{font-size:23px;line-height:1.3;margin:34px 0 10px}.shmt-content h3{font-size:17px;margin:22px 0 7px}.shmt-content p,.shmt-content li{color:var(--shmt-muted);font-size:15px}.shmt-content ul,.shmt-content ol{padding-left:22px}
@media(max-width:760px){.shmt-container{width:min(100% - 24px,1180px)}.shmt-hero{padding:30px 0 26px}.shmt-workspace{margin:18px 0 30px;border-radius:12px}.shmt-panel{padding:17px}.shmt-editors{grid-template-columns:1fr}.shmt-editor textarea{min-height:210px}.shmt-generator-top,.shmt-grid-two{grid-template-columns:1fr}.shmt-dynamic-row,.shmt-dynamic-row:has(.shmt-logic),.shmt-dynamic-row:has(.shmt-join-column){grid-template-columns:1fr 1fr}.shmt-dynamic-row .shmt-remove{justify-self:end}.shmt-tabs{padding:9px}.shmt-tab{padding:10px 12px}.shmt-content h2{font-size:21px}}
@media(prefers-color-scheme:dark){.shmt-page{--shmt-bg:#151b27;--shmt-surface:#1d2635;--shmt-text:#edf2fa;--shmt-muted:#a7b2c3;--shmt-border:#344052}.shmt-hero{background:linear-gradient(135deg,#151d2b,#1a2433)}.shmt-trust{color:#9ad8b1}.shmt-tab:hover{background:#27364f}.shmt-btn-light,.shmt-btn:hover{background:#202b3b}.shmt-status[data-state=success]{background:#173526;color:#a9e3bf}.shmt-status[data-state=error]{background:#3b2025;color:#ffb4b4}.shmt-result-success{background:#173526;color:#a9e3bf}.shmt-result-warning{background:#3a2e18;color:#f6d58a}.shmt-result-error{background:#3b2025;color:#ffb4b4}}

/* 1.0.1: isolate the complete tool page from theme-level main/section backgrounds.
   The page wrapper paints the gap created by the workspace's top margin. */
.shmt-page{background:#151b27;min-height:100vh}
.shmt-page>main.shmt-container{background:transparent!important;background-color:transparent!important}
.shmt-page .shmt-workspace{background:var(--shmt-bg)}
/* Respect common explicit light-theme switches used by WordPress themes. */
body.light-mode .shmt-page,
body.theme-light .shmt-page,
html[data-theme="light"] .shmt-page,
body[data-theme="light"] .shmt-page{background:#fff}

/* 1.0.2: keep theme-owned outer wrappers and footer from exposing a white
   strip after the custom MySQL Toolkit template. Scoped to this tool page. */
html:has(body.shmt-tool-page),
body.shmt-tool-page,
body.shmt-tool-page #page,
body.shmt-tool-page .site,
body.shmt-tool-page #content,
body.shmt-tool-page .site-content,
body.shmt-tool-page #primary,
body.shmt-tool-page .content-area,
body.shmt-tool-page main,
body.shmt-tool-page footer,
body.shmt-tool-page .site-footer,
body.shmt-tool-page #colophon {
  background-color: #151b27 !important;
}
body.shmt-tool-page .shmt-page,
body.shmt-tool-page .shmt-page > main.shmt-container {
  background-color: #151b27 !important;
}
body.shmt-tool-page .shmt-content {
  padding-bottom: 44px;
}
body.shmt-tool-page .shmt-content a {
  color: #69a5ff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.shmt-tool-page .shmt-content a:hover {
  color: #9cc4ff;
}
body.shmt-tool-page .shmt-internal-links,
body.shmt-tool-page .shmt-external-links {
  display: grid;
  gap: 8px;
  padding-left: 22px;
}
body.shmt-tool-page .shmt-content-kicker {
  color: #76a7ff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
body.shmt-tool-page .shmt-content pre {
  overflow-x: auto;
  padding: 16px;
  border: 1px solid var(--shmt-border);
  border-radius: 10px;
  background: var(--shmt-surface);
  color: var(--shmt-text);
}
body.shmt-tool-page .shmt-content code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.shmt-json-set-wrap{margin:12px 0;padding:12px 14px;border:1px solid var(--shmt-border);border-radius:9px;background:var(--shmt-surface)}
.shmt-json-set-columns{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:9px}
.shmt-json-set-columns label{display:inline-flex;align-items:center;gap:5px;font-size:13px}
.shmt-json-set-columns input{accent-color:var(--shmt-primary)}