/* Qvert Module approved metallic treatment — QA5.1 */
:root{
  --qm-bg:#080d11;--qm-bg2:#0b1217;--qm-line:#34434e;--qm-cyan:#83bad1;
  --qm-silver-a:#e4e7e8;--qm-silver-b:#c9ced1;--qm-silver-c:#b8bec2;
  --qm-ink:#10253a;--qm-input:#0d151b;--qm-input2:#101b22;--qm-input-text:#6f9bb8;
}
html,body{background:linear-gradient(180deg,var(--qm-bg),var(--qm-bg2))!important;color:#d9dde0!important}
body{position:relative!important;min-height:100vh!important;padding-bottom:0!important}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0;border:1px solid rgba(119,157,178,.16);border-radius:50%;background:radial-gradient(ellipse 18% 49% at 50% 50%,transparent 48%,rgba(119,157,178,.16) 49%,rgba(119,157,178,.16) 50%,transparent 51%),radial-gradient(ellipse 49% 18% at 50% 50%,transparent 48%,rgba(119,157,178,.16) 49%,rgba(119,157,178,.16) 50%,transparent 51%);opacity:.45}
body:before{width:340px;height:340px;right:-195px;top:135px}body:after{width:290px;height:290px;left:-175px;bottom:110px}.container-qr,main,.site-header,.site-footer{position:relative;z-index:1}
.qvert-header{position:relative!important;top:auto!important;background:rgba(7,13,17,.96)!important;border:0!important;border-bottom:1px solid var(--qm-line)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:16px 18px!important}
.qvert-header .brand-mark{border:1px solid #3d4e59!important;box-shadow:none!important;background:#0a1116!important}
.qvert-header .qvert-title{color:#f2f2ee!important;text-shadow:none!important}.qvert-header .qvert-title span{color:var(--qm-cyan)!important}.qvert-header .brand-sub,.qvert-header .header-description{color:#d0d2d0!important}.qvert-header .pill,.qvert-header .launch-pill{background:#161c21!important;border:1px solid #48535b!important;color:#e7e7e3!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;border-radius:4px!important}.qvert-header .pill strong,.qvert-header .launch-pill strong{color:#a6d4e5!important}
.qvert-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding-top:14px!important}
/* Matte metallic silver content surfaces */
.template-card,.utility-card,.batch-wrap,.wifi-form-group,.config-list-item,.learning-content,.learning-sidebar,.detection-section,.stat-card,.stat-box,.module-card,.feature,.principle,.card,.tool-card,.wrapper-card,.scanner-card,.subnet-card,.panel,.info-card,
.qvert-section>.hero,.qvert-section>.section-card,.qvert-section>.content-card{
  background:linear-gradient(105deg,var(--qm-silver-a) 0%,#d7dbdd 38%,var(--qm-silver-b) 72%,#dfe2e3 100%)!important;
  border:1px solid #9da6ac!important;border-radius:14px!important;color:var(--qm-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(69,81,88,.20),0 7px 16px rgba(0,0,0,.18)!important
}
.template-card h1,.template-card h2,.template-card h3,.template-card h4,.template-card h5,.template-card h6,.template-card .t-title,
.utility-card h1,.utility-card h2,.utility-card h3,.utility-card h4,.utility-card h5,.utility-card h6,.batch-wrap h1,.batch-wrap h2,.batch-wrap h3,
.panel h1,.panel h2,.panel h3,.panel h4,.info-card h3,.section-title,.title{color:var(--qm-ink)!important}
.template-card p,.template-card .t-desc,.utility-card p,.batch-wrap p,.panel p,.small-help,.context,.stat-label,.info-card p{color:#29465f!important}
.template-card .t-badge,.tech-pill,.badge,.pill-lite{background:#d7dcdf!important;color:#18364d!important;border:1px solid #7f97a7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
/* Approved dark input screens: brighter blue-gray, +1px, semibold. */
.qvert-io,select.input-like,input[type=text],input[type=search],input[type=url],input[type=email],input[type=number],textarea,.command-input,.output-box,.result-box,.display-box,.screen-box,.bin-box,.log-container,#bash-output{
  background:linear-gradient(180deg,var(--qm-input) 0%,var(--qm-input2) 100%)!important;
  color:var(--qm-input-text)!important;border:2px solid #293943!important;border-radius:5px!important;
  font-size:14px!important;font-weight:600!important;line-height:1.35!important;text-shadow:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 0 rgba(255,255,255,.16)!important
}
.qvert-io::placeholder,input::placeholder,textarea::placeholder,.command-input::placeholder{color:#658ca7!important;opacity:1!important;font-weight:600!important}
.qvert-io:focus,input:focus,textarea:focus,select:focus,.command-input:focus{outline:none!important;border-color:#668da6!important;box-shadow:0 0 0 2px rgba(104,145,170,.16)!important}
.action-btn{background:linear-gradient(180deg,#171d21,#0c1115)!important;color:#f0ede6!important;border:1px solid #3f4b53!important;border-radius:4px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}.action-btn.secondary,.sym-btn{background:linear-gradient(180deg,#e4e7e8,#cbd0d3)!important;color:#10253a!important;border:1px solid #8499a8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}.action-btn:hover,.action-btn.secondary:hover,.sym-btn:hover{border-color:#729bb4!important;box-shadow:none!important}.action-btn.danger{background:linear-gradient(180deg,#ef493f,#d52d25)!important;color:white!important;border-color:#c9251d!important}
.qvert-tabs{border-color:#394852!important}.qvert-tabs .tab{background:#151c21!important;border:1px solid #44515a!important;color:#e1e1dd!important;border-radius:4px!important;box-shadow:none!important}.qvert-tabs .tab.active{background:#202a31!important;color:#9dcee1!important;border-color:#6e97ad!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
/* Full module footer */
.footer.qm-footer,.site-footer.qm-footer{position:relative!important;bottom:auto!important;background:#090f13!important;border-top:1px solid #46545d!important;color:#c9cdcf!important;box-shadow:none!important;padding:18px 26px 12px!important;margin-top:16px!important}.qm-footer-main{display:grid;grid-template-columns:1.05fr 1.35fr auto;gap:28px;align-items:center;max-width:1180px;margin:0 auto 14px}.qm-footer-brand{display:flex;align-items:center;gap:12px}.qm-footer-brand img{width:52px;height:52px;object-fit:contain}.qm-footer-brand strong{display:block;color:#e7e7e2;font-size:.95rem}.qm-footer-brand span{display:block;color:#aeb5b9;font-size:.78rem;margin-top:3px}.qm-footer-copy{font-size:.78rem;line-height:1.45;color:#aeb5b9;text-align:center}.qm-footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}.qm-footer a{color:#7fb1ca!important;text-decoration:none!important}.qm-footer a:hover{color:#b9deed!important}.qm-footer-bottom{border-top:1px solid #252e34;padding-top:11px;text-align:center;color:#858e93;font-size:.72rem;max-width:1180px;margin:0 auto}
/* About page keeps parent nav but joins module material system */
body .site-header{background:#090f13!important;border-bottom:1px solid #34434e!important}.about-lockup img{background:transparent!important;border:0!important;box-shadow:none!important;object-fit:contain!important}.page-hero{background:#0b1217!important}.page-hero h1,.page-hero .eyebrow,.breadcrumb,.breadcrumb a{color:#dfe3e5!important}.page-hero p{color:#b8c1c6!important}.about-list .info-card{background:linear-gradient(105deg,var(--qm-silver-a),var(--qm-silver-b))!important}
@media(max-width:768px){body:before{width:180px;height:180px;right:-105px;top:90px}body:after{width:150px;height:150px;left:-90px;bottom:80px}.qvert-header{padding:12px!important}.qm-footer-main{grid-template-columns:1fr;text-align:center;gap:14px}.qm-footer-brand{justify-content:center}.qm-footer-links{justify-content:center}.qm-footer-copy{text-align:center}.template-card,.utility-card,.batch-wrap{border-radius:11px!important}.qvert-io,input,textarea,select{font-size:14px!important}}


/* QA5.6 — Module header uses the same Qvert parent-brand lockup as qvert.net. */
.qvert-header .brand-left{display:flex!important;align-items:center!important;min-width:max-content!important}
.qm-parent-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
  color:inherit!important;
  text-decoration:none!important;
}
.qm-parent-mark{
  width:42px!important;
  height:42px!important;
  object-fit:cover!important;
  border:1px solid #34434e!important;
  border-radius:50%!important;
  background:#080a0c!important;
  box-shadow:none!important;
  flex:0 0 42px!important;
}
.qm-parent-copy{display:block!important;min-width:0!important}
.qm-parent-word{
  display:block!important;
  color:#f2f2ee!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:1.1rem!important;
  font-weight:850!important;
  letter-spacing:-.03em!important;
  line-height:1.05!important;
  text-transform:none!important;
  text-shadow:none!important;
}
.qm-parent-kicker{
  display:block!important;
  margin-top:4px!important;
  color:#a8adaa!important;
  font:700 .65rem/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
@media(max-width:768px){
  .qvert-header{align-items:flex-start!important}
  .qvert-header .brand-left{width:100%!important}
  .qm-parent-word{font-size:1rem!important}
  .qm-parent-kicker{font-size:.58rem!important}
}