/* SELLER NET SHEET (Amanda's approved redesign, seller-net-sheet-redesign-preview.html, Codex 2026-10-14 outputs; work/build-plan/
   SELLER-NET-SHEET-2026-10-14.md). The seller menu's "Seller Net Sheet" page (#page-seller-net-sheet; scripts/build-integration.cjs swaps
   the page's body for net-sheet.html, and journey-portal.js runs it). Her preview's values, taken from its final cascade; every rule is
   scoped to this page and its own ns- names, so the rest of the portal is unchanged. Field labels are indented to line up with the
   first character inside their box (Amanda, 2026-10-16): 1px border + 15px inner start. */
#page-seller-net-sheet .ns{--ns-navy:#102b49;--ns-ink:#173653;--ns-muted:#5d6f7d;--ns-border:#d9c6a3;--ns-inset:15px;max-width:1420px;margin:0 auto;padding:30px 0 40px;color:var(--ns-ink);font-family:Arial,Helvetica,sans-serif}
#page-seller-net-sheet .ns :where(input){font:inherit}
#page-seller-net-sheet .ns input:focus-visible{outline:0}

/* The page header. */
#page-seller-net-sheet .ns-header{margin:0 0 34px}
#page-seller-net-sheet .ns-eyebrow{margin:0 0 12px;color:#9c7743;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase}
/* The page title: the same size and style as every other portal page title (Amanda, 2026-10-16: consistency over the design's larger
   title): Georgia, var(--az-page-title) (36px, 30px on a small laptop, 28px on a phone, src/shared/styles/layout.css), bold, the
   portal's title navy, 4px above and 6px below. */
#page-seller-net-sheet .ns-header h1{margin:4px 0 6px;font:700 var(--az-page-title)/1.12 Georgia,serif;letter-spacing:normal;color:#183352}
#page-seller-net-sheet .ns-subheading{margin:23px 0 0;font:400 clamp(25px,2.6vw,34px)/1.15 Georgia,serif;letter-spacing:-.02em;color:var(--ns-navy)}
#page-seller-net-sheet .ns-lead{max-width:950px;margin:12px 0 0;color:var(--ns-muted);font-size:16px;line-height:1.55}

/* One focused entry card and one planning result, level with each other. */
#page-seller-net-sheet .ns-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:24px;align-items:stretch}
#page-seller-net-sheet .ns-inputs{display:flex;flex-direction:column;min-width:0;padding:31px 31px 34px;border:1px solid var(--ns-border);border-radius:17px;background:linear-gradient(145deg,#fffefa 0%,#fdf8f0 64%,#f9ece8 100%);box-shadow:0 12px 28px #5b3d2d15}
#page-seller-net-sheet .ns-group-head{display:flex;align-items:center;gap:11px;margin:0 0 24px}
#page-seller-net-sheet .ns-group-head h2{margin:0;font:400 24px Georgia,serif;letter-spacing:-.025em;color:var(--ns-navy)}
#page-seller-net-sheet .ns-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 22px}
#page-seller-net-sheet .ns-field{min-width:0}
#page-seller-net-sheet .ns-field label{display:flex;align-items:flex-end;min-height:2.7em;margin:0 0 8px;padding:0 0 0 calc(var(--ns-inset) + 1px);color:#40586c;font-size:14px;font-weight:700;line-height:1.35}
#page-seller-net-sheet .ns-control{display:flex;align-items:center;height:55px;border:1px solid #d7bd8d;border-radius:10px;background:#fff;color:var(--ns-ink);transition:border-color .15s,box-shadow .15s}
#page-seller-net-sheet .ns-control:focus-within{border-color:#b88c49;box-shadow:0 0 0 3px #d8b67544}
#page-seller-net-sheet .ns-affix{padding:0 0 0 var(--ns-inset);color:#78899a;font-size:18px;font-weight:700}
#page-seller-net-sheet .ns-suffix{padding:0 15px 0 0;color:#78899a;font-size:17px;font-weight:700}
#page-seller-net-sheet .ns-control input{width:100%;min-width:0;height:100%;margin:0;padding:0 13px 0 var(--ns-inset);border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:var(--ns-navy);font-variant-numeric:tabular-nums}
#page-seller-net-sheet .ns-affix+input{padding-left:9px}
#page-seller-net-sheet .ns-control input::placeholder{color:#98a5ae}
#page-seller-net-sheet .ns-help{min-height:3.1em;margin:7px 0 0;color:var(--ns-muted);font-size:12px;line-height:1.4}
#page-seller-net-sheet .ns-note{margin-top:28px;padding:16px 18px;border:1px solid #cbdce5;border-left:4px solid #c8a15b;border-radius:0 8px 8px 0;background:#eaf2f5;color:#38536a;font-size:13px;line-height:1.55}
#page-seller-net-sheet .ns-note strong{color:var(--ns-navy)}

/* The result. */
#page-seller-net-sheet .ns-summary{display:flex;flex-direction:column;align-self:stretch;min-width:0;overflow:hidden;border:1px solid var(--ns-border);border-radius:18px;background:#fffefa;box-shadow:0 18px 36px #5b3d2d1b}
#page-seller-net-sheet .ns-summary-hero{padding:27px 27px 26px;background:radial-gradient(circle at 95% 5%,#2b4965 0,#102b49 53%,#0c213a 100%);color:#fff}
#page-seller-net-sheet .ns-summary-hero .ns-eyebrow{margin-bottom:9px;color:#e9c98c}
#page-seller-net-sheet .ns-summary-hero h2{margin:0 0 18px;font:400 27px Georgia,serif;letter-spacing:-.02em;color:#fff}
#page-seller-net-sheet .ns-value{font:400 clamp(43px,4.7vw,65px)/1 Georgia,serif;letter-spacing:-.04em;color:#fff9ed;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#page-seller-net-sheet .ns-value.ns-negative{color:#ffd4cb}
#page-seller-net-sheet .ns-summary-hero p{margin:14px 0 0;color:#e4e8eb;font-size:13px;line-height:1.5}
#page-seller-net-sheet .ns-summary-body{display:flex;flex:1;flex-direction:column;padding:24px 27px 27px}
#page-seller-net-sheet .ns-row{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:12px 0;border-bottom:1px solid #ebdfcf;font-size:14px}
#page-seller-net-sheet .ns-row:first-child{padding-top:0}
#page-seller-net-sheet .ns-row:last-child{border-bottom:0}
#page-seller-net-sheet .ns-row span{color:#4c6275}
#page-seller-net-sheet .ns-row strong{color:var(--ns-navy);white-space:nowrap;font-variant-numeric:tabular-nums}

@media(max-width:1040px){#page-seller-net-sheet .ns-layout{grid-template-columns:minmax(0,1fr)}#page-seller-net-sheet .ns-inputs{padding:26px}}
@media(max-width:700px){
  #page-seller-net-sheet .ns{padding:16px 0 24px}
  #page-seller-net-sheet .ns-subheading{margin-top:20px}
  #page-seller-net-sheet .ns-lead{font-size:14px}
  #page-seller-net-sheet .ns-grid{grid-template-columns:minmax(0,1fr)}
  #page-seller-net-sheet .ns-field label,#page-seller-net-sheet .ns-help{min-height:0}
  #page-seller-net-sheet .ns-value{font-size:49px}
}