/* BAOI 5.3.34.2 — P1 Tool Family Convergence.
 * Exact-route opt-in only. Engine HTML/JS is preserved; this stylesheet gives
 * six P1 renderer families the same dark/cyan BAOI product language.
 */
body.baoi-tool-p1-v5342{
  --baoi-p1-bg:var(--baoi-gold-bg,#0c1220);
  --baoi-p1-panel:var(--baoi-gold-panel,#111a2b);
  --baoi-p1-panel2:var(--baoi-gold-panel-2,#172236);
  --baoi-p1-border:var(--baoi-gold-border,rgba(148,163,184,.20));
  --baoi-p1-text:var(--baoi-gold-text,#f8fafc);
  --baoi-p1-muted:var(--baoi-gold-muted,#a8b3c7);
  --baoi-p1-accent:var(--baoi-gold-accent,#31d5c8);
  --baoi-p1-success:var(--baoi-gold-success,#5ee09d);
  --baoi-p1-control:#081321;
}
body.baoi-tool-p1-v5342 :where(.boai-tool-app,.baoi-qw-wrap,.baoi-sn-wrap,.boai-center,.boai-dns-app,.boai-http-app,.boai-mon-app,.boai-net-app){
  box-sizing:border-box!important;
  width:min(100%,1240px)!important;
  max-width:1240px!important;
  margin:24px auto 34px!important;
  padding:clamp(20px,3.2vw,38px)!important;
  border:1px solid var(--baoi-p1-border)!important;
  border-radius:26px!important;
  color:var(--baoi-p1-text)!important;
  background:radial-gradient(circle at 0 0,rgba(49,213,200,.10),transparent 31%),radial-gradient(circle at 100% 0,rgba(104,167,255,.09),transparent 29%),var(--baoi-p1-bg)!important;
  box-shadow:0 28px 70px rgba(2,6,23,.20)!important;
}
body.baoi-tool-p1-v5342 :where(.boai-tool-app,.baoi-qw-wrap,.baoi-sn-wrap,.boai-center,.boai-dns-app,.boai-http-app,.boai-mon-app,.boai-net-app) *{box-sizing:border-box}

/* One header language: no giant nested hero card. */
body.baoi-tool-p1-v5342 :where(.boai-tool-header,.boai-tool-hero,.baoi-qw-hero,.baoi-sn-hero,.boai-hero,.boai-dns-hero,.boai-http-hero,.boai-mon-hero,.boai-net-hero){
  margin:0 0 26px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.baoi-tool-p1-v5342 :where(.boai-tool-kicker,.baoi-qw-kicker,.baoi-sn-kicker,.boai-hero>span,.boai-dns-kicker,.boai-http-kicker,.boai-mon-kicker,.boai-net-kicker){
  display:inline-flex!important;
  margin:0 0 10px!important;
  color:var(--baoi-p1-accent)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
}
body.baoi-tool-p1-v5342 :where(.boai-tool-header,.boai-tool-hero,.baoi-qw-hero,.baoi-sn-hero,.boai-hero,.boai-dns-hero,.boai-http-hero,.boai-mon-hero,.boai-net-hero) h1{
  margin:0 0 10px!important;
  color:var(--baoi-p1-text)!important;
  font-size:clamp(32px,4.2vw,48px)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
}
body.baoi-tool-p1-v5342 :where(.boai-tool-header,.boai-tool-hero,.baoi-qw-hero,.baoi-sn-hero,.boai-hero,.boai-dns-hero,.boai-http-hero,.boai-mon-hero,.boai-net-hero) p{
  max-width:860px!important;
  margin:0!important;
  color:var(--baoi-p1-muted)!important;
  font-size:16px!important;
  line-height:1.62!important;
}

/* Shared inner application surfaces. */
body.baoi-tool-p1-v5342 :where(.boai-tool-form,.boai-result-panel,.boai-box,.baoi-qw-tool,.baoi-qw-result,.baoi-sn-tool,.baoi-sn-result,.baoi-sn-block,.boai-detail,.boai-mon-box,.boai-mon-panel,.boai-net-toolbar,.boai-net-panel,.boai-net-canvas-wrap,.boai-net-export,.boai-net-storage,.boai-dns-summary,.boai-record-card,.boai-dns-help,.boai-http-summary,.boai-http-chain,.boai-http-headers,.boai-http-note){
  border-color:var(--baoi-p1-border)!important;
  background:rgba(17,26,43,.88)!important;
  color:var(--baoi-p1-text)!important;
  box-shadow:none!important;
}
body.baoi-tool-p1-v5342 :where(.boai-tool-form,.boai-result-panel,.boai-box,.baoi-qw-tool,.baoi-sn-tool,.boai-detail,.boai-mon-box,.boai-mon-panel,.boai-net-toolbar,.boai-net-panel,.boai-dns-summary,.boai-http-summary){
  border:1px solid var(--baoi-p1-border)!important;
  border-radius:18px!important;
  padding:20px!important;
}
body.baoi-tool-p1-v5342 :where(.baoi-qw-tool,.baoi-sn-tool){margin-top:18px!important}

/* Controls. */
body.baoi-tool-p1-v5342 :where(.boai-tool-app,.baoi-qw-wrap,.baoi-sn-wrap,.boai-center,.boai-dns-app,.boai-http-app,.boai-mon-app,.boai-net-app) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){
  min-height:46px!important;
  border:1px solid var(--baoi-p1-border)!important;
  border-radius:11px!important;
  padding:10px 12px!important;
  background:var(--baoi-p1-control)!important;
  color:var(--baoi-p1-text)!important;
  font:inherit!important;
  outline:none!important;
}
body.baoi-tool-p1-v5342 :where(.boai-tool-app,.baoi-qw-wrap,.baoi-sn-wrap,.boai-center,.boai-dns-app,.boai-http-app,.boai-mon-app,.boai-net-app) textarea{line-height:1.52;resize:vertical}
body.baoi-tool-p1-v5342 :where(.boai-tool-app,.baoi-qw-wrap,.baoi-sn-wrap,.boai-center,.boai-dns-app,.boai-http-app,.boai-mon-app,.boai-net-app) :where(input,select,textarea):focus{
  border-color:var(--baoi-p1-accent)!important;
  box-shadow:0 0 0 3px rgba(49,213,200,.12)!important;
}
body.baoi-tool-p1-v5342 :where(.boai-field,.baoi-qw-field,.baoi-sn-field,.boai-net-panel label,.boai-tool-form label){color:var(--baoi-p1-text)!important;font-weight:740!important}

/* Primary/secondary CTA language. */
body.baoi-tool-p1-v5342 :where(.boai-button,.boai-btn.primary,.baoi-qw-button.is-active,.baoi-sn-button:not(.baoi-sn-button--secondary),.boai-dns-form button,.boai-http-form button,.boai-mon-app button.primary,.boai-net-panel button.primary){
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,var(--baoi-p1-accent),#7ee7dc)!important;
  color:#041313!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body.baoi-tool-p1-v5342 :where(.boai-button-secondary,.baoi-qw-button:not(.is-active),.baoi-sn-button--secondary,.boai-btn:not(.primary),.boai-net-toolbar button,.boai-net-export button,.boai-net-storage button){
  border:1px solid var(--baoi-p1-border)!important;
  border-radius:11px!important;
  background:var(--baoi-p1-panel2)!important;
  color:var(--baoi-p1-text)!important;
  font-weight:750!important;
}

/* Results, code, tables and status. */
body.baoi-tool-p1-v5342 :where(.boai-command,.boai-result,.baoi-qw-result,.baoi-sn-result,.baoi-sn-block,.boai-code,.boai-dns-row code,.boai-http-chain-row code,.boai-http-header-row code){color:#d7f7f4!important}
body.baoi-tool-p1-v5342 :where(.boai-command,.boai-code){border:1px solid var(--baoi-p1-border)!important;border-radius:12px!important;background:#050914!important}
body.baoi-tool-p1-v5342 :where(.baoi-qw-results,.baoi-sn-results,.boai-result-grid,.boai-mon-metrics){gap:12px!important}
body.baoi-tool-p1-v5342 :where(.boai-status-dot,.baoi-qw-status,.baoi-sn-status){color:var(--baoi-p1-success)!important}
body.baoi-tool-p1-v5342 :where(.boai-table-wrap,.baoi-qw-table-wrap,.boai-mon-table-wrap){overflow:auto;border:1px solid var(--baoi-p1-border);border-radius:14px}
body.baoi-tool-p1-v5342 :where(.boai-table,.baoi-qw-table,.boai-mon-table){width:100%;border-collapse:collapse;background:rgba(8,19,33,.55)}
body.baoi-tool-p1-v5342 :where(.boai-table,.baoi-qw-table,.boai-mon-table) :where(th,td){border-color:var(--baoi-p1-border)!important}

/* Variant A: engines already exposing form/result regions converge to Gold proportions. */
body.baoi-tool-p1-v5342.baoi-tool-p1-variant-a .boai-tool-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr)!important;
  gap:20px!important;
  align-items:start!important;
}
body.baoi-tool-p1-v5342.baoi-tool-p1-variant-a .boai-tool-form,
body.baoi-tool-p1-v5342.baoi-tool-p1-variant-a .boai-result-panel{min-width:0!important;height:100%}
body.baoi-tool-p1-v5342.baoi-tool-p1-variant-a .boai-result-panel{padding:20px!important}

/* Variant B: dense forms remain functional, but spacing and hierarchy are shared. */
body.baoi-tool-p1-v5342.baoi-tool-p1-variant-b :where(.boai-tool-layout,.baoi-qw-grid,.baoi-sn-grid,.boai-grid-3,.boai-mon-grid){gap:14px!important}
body.baoi-tool-p1-v5342.baoi-tool-p1-variant-b :where(.boai-tool-guide,.boai-note,.baoi-qw-note,.baoi-sn-note,.boai-net-note){color:var(--baoi-p1-muted)!important;line-height:1.6!important}

/* Quick-win + security/network virtual pages become one product card rather than a separate page generation. */
body.baoi-tool-p1-v5342 :where(.baoi-qw-page,.baoi-sn-page){padding:0 18px 52px!important}
body.baoi-tool-p1-v5342 :where(.baoi-qw-breadcrumb,.baoi-sn-breadcrumb){margin-bottom:16px!important;color:var(--baoi-p1-muted)!important}
body.baoi-tool-p1-v5342 :where(.baoi-qw-links,.baoi-sn-links){margin-top:20px!important;padding-top:16px;border-top:1px solid var(--baoi-p1-border)}

/* Historical applications: suppress oversized legacy hero treatment while preserving their tools. */
body.baoi-tool-p1-v5342 :where(.boai-dns-app,.boai-http-app,.boai-mon-app,.boai-net-app,.boai-center) h2{color:var(--baoi-p1-text)!important}
body.baoi-tool-p1-v5342 :where(.boai-dns-help,.boai-http-note,.boai-net-note,.boai-mon-note,.boai-note){border-color:var(--baoi-p1-border)!important;background:rgba(17,26,43,.65)!important;color:var(--baoi-p1-muted)!important}

@media(max-width:900px){
  body.baoi-tool-p1-v5342.baoi-tool-p1-variant-a .boai-tool-layout{grid-template-columns:1fr!important}
  body.baoi-tool-p1-v5342 :where(.boai-net-layout){grid-template-columns:1fr!important}
}
@media(max-width:782px){
  body.baoi-tool-p1-v5342 :where(.boai-tool-app,.baoi-qw-wrap,.baoi-sn-wrap,.boai-center,.boai-dns-app,.boai-http-app,.boai-mon-app,.boai-net-app){
    width:calc(100% - 20px)!important;margin:10px auto 24px!important;padding:18px 14px!important;border-radius:18px!important;
  }
  body.baoi-tool-p1-v5342 :where(.boai-tool-header,.boai-tool-hero,.baoi-qw-hero,.baoi-sn-hero,.boai-hero,.boai-dns-hero,.boai-http-hero,.boai-mon-hero,.boai-net-hero) h1{font-size:clamp(30px,9vw,40px)!important}
  body.baoi-tool-p1-v5342 :where(.baoi-qw-grid--2,.baoi-qw-results,.baoi-sn-grid--2,.boai-grid-3,.boai-mon-grid-4){grid-template-columns:1fr!important}
}