/* SMARTARCH_V421_WORD_REPORT_EXACT_STYLE_ALL_MODULES_V4_24_START
   Applies the V4.21 Word report color and typography standard to every module/page.
   Theme: dark navy Roof Design, gold accent, 45px titles, 50px title icons, 14px controls.
*/
:root{
  --sa-bg:#07111f!important;
  --sa-card:#0c1828!important;
  --sa-card2:#081321!important;
  --sa-input:#06101c!important;
  --sa-text:#dce8ff!important;
  --sa-strong:#f3f7ff!important;
  --sa-muted:#aebdd2!important;
  --sa-line:#263f5e!important;
  --sa-line2:#365a82!important;
  --sa-gold:#ffd447!important;
  --sa-gold2:#f0b82f!important;
  --sa-blue:#7aa7ff!important;
  --sa-red:#ff5361!important;
  --sa-grid:rgba(86,126,170,.16)!important;
  --sa-shadow:0 18px 42px rgba(0,0,0,.34)!important;
  --sa-radius:16px!important;
}
html,body{
  background:var(--sa-bg)!important;
  color:var(--sa-text)!important;
  font-family:Segoe UI,Arial,sans-serif!important;
}
body{
  min-height:100vh!important;
  background:radial-gradient(circle at 18% -10%,rgba(66,107,154,.22),transparent 34%),linear-gradient(180deg,#07111f 0%,#091625 55%,#07111f 100%)!important;
}
a{color:var(--sa-blue)!important}a:hover{color:var(--sa-gold)!important}
main,.wrap,.page,.container,.content,.dashboard,.module-shell,.roof-shell,.rp-shell,.golet-shell,.emf-shell,.density-wrap,.smartarch-spatial-page,.smartarch-roof-design-page,.smartarch-room-perception{
  background:transparent!important;
  color:var(--sa-text)!important;
}
.card,.panel,.module-card,.tile,.box,.surface,.section,.side-panel,.side-pane,.result-card,.analysis-card,.form-card,.invoice-card,
.roof-hero,.roof-card,.roof-panel,.roof-section,.rp-header,.rp-card,.golet-card,.emf-card,.density-card,.sc-header,.sc-toolbar,.sc-left,.sc-side,.force-strip{
  background:linear-gradient(180deg,var(--sa-card),var(--sa-bg))!important;
  color:var(--sa-text)!important;
  border:1px solid var(--sa-line)!important;
  border-radius:var(--sa-radius)!important;
  box-shadow:var(--sa-shadow)!important;
}
header:not(.roof-hero):not(.rp-header):not(.sc-header),.topbar,.navbar,.site-header,.hero,.page-hero,.module-hero{
  background:linear-gradient(135deg,#0e1b2d 0%,#081322 100%)!important;
  border:1px solid var(--sa-line)!important;
  border-radius:0 0 var(--sa-radius) var(--sa-radius)!important;
  color:var(--sa-text)!important;
  box-shadow:var(--sa-shadow)!important;
}
.hero,.page-hero,.module-hero,.roof-hero,.rp-header,.sc-header{
  margin-left:25px!important;
  margin-right:25px!important;
  padding-left:25px!important;
  padding-right:25px!important;
}
h1,.hero h1,.page-hero h1,.module-hero h1,.roof-hero h1,.rp-title h1,.sc-header h1{
  font-size:45px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
  color:var(--sa-strong)!important;
  text-shadow:0 2px 0 rgba(0,0,0,.16)!important;
}
h2{font-size:24px!important;line-height:1.15!important;color:var(--sa-strong)!important;font-weight:900!important}
h3{font-size:18px!important;line-height:1.2!important;color:var(--sa-strong)!important;font-weight:900!important}
p,.muted,.tiny,.help-text,.description,.subtitle,.lead,small,span,li,td,th,label,div{color:inherit}
.muted,.tiny,.help-text,.description,.subtitle,.lead,.roof-hero p,.rp-title p,.sc-header p{color:var(--sa-muted)!important;font-size:14px!important}
.roof-kicker,.kicker,.eyebrow,.sc-header:before,.rp-kicker{
  color:var(--sa-gold)!important;
  font-size:9px!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
img[class*="icon"],.icon img,.roof-icon,.rp-icon,.sc-icon,.module-icon,.hero-icon{
  width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;object-fit:contain!important;
}
button,.btn,a.btn,input[type="button"],input[type="submit"],input[type="reset"],.nav-pill,.tab,.side-tab,.action-button,.primary,.secondary{
  min-height:30px!important;
  height:auto!important;
  padding:5px 9px!important;
  font-size:14px!important;
  line-height:1.15!important;
  border-radius:8px!important;
  border:1px solid var(--sa-line2)!important;
  background:linear-gradient(180deg,#112139,#071321)!important;
  color:var(--sa-strong)!important;
  font-weight:850!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 9px 18px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
button:hover,.btn:hover,a.btn:hover,input[type="submit"]:hover,.nav-pill:hover,.tab:hover,.side-tab:hover{
  transform:translateY(-1px)!important;
  border-color:#6f91bd!important;
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 12px 24px rgba(0,0,0,.26)!important;
}
button:active,.btn:active,.nav-pill:active{transform:translateY(0)!important}
button.primary,.btn.primary,.primary,#btnReport,.word-report,.download-word,[href*="word"],a[href*="report"]{
  background:linear-gradient(135deg,var(--sa-gold),var(--sa-gold2))!important;
  border-color:#e0aa25!important;
  color:#111827!important;
}
input,select,textarea,.form-control,.edge-input,.editable-table td[contenteditable="true"]{
  height:30px!important;
  min-height:30px!important;
  border:1px solid var(--sa-line2)!important;
  border-radius:8px!important;
  padding:3px 8px!important;
  background:var(--sa-input)!important;
  color:var(--sa-text)!important;
  font-size:14px!important;
  line-height:1.15!important;
  outline:none!important;
  box-shadow:none!important;
}
textarea{height:auto!important;min-height:72px!important}
input:focus,select:focus,textarea:focus,.form-control:focus,.edge-input:focus,.editable-table td[contenteditable="true"]:focus{
  border-color:var(--sa-gold)!important;
  box-shadow:0 0 0 3px rgba(255,212,71,.16)!important;
}
select option{background:#07111f!important;color:var(--sa-text)!important}
label,.field label,.density-field label,.sc-toolbar label,.rp-field label,.roof-field label{
  font-size:14px!important;
  min-height:30px!important;
  padding:5px 8px!important;
  color:var(--sa-text)!important;
  font-weight:850!important;
}
input[type="radio"],input[type="checkbox"]{
  width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;margin:0 4px 0 0!important;padding:0!important;accent-color:var(--sa-gold)!important;
}
.sc-toolbar,.toolbar,.controls,.param-panel,.parameters,.form-grid,.input-grid,.rp-form,.density-grid,.roof-form{
  gap:6px!important;
  padding:32px 6px 6px!important;
  margin:0 6px 8px!important;
  border-radius:11px!important;
}
.sc-control-group,.control-group,.field-group,.form-section,.settings-group,.roof-card,.rp-card,.density-card,.golet-card,.emf-card{
  gap:4px!important;
  padding:6px!important;
  border-radius:10px!important;
}
.sc-tabs,.side-tabs,.tabs,.tabbar,.nav-tabs{
  gap:3px!important;
  padding:5px 8px 0!important;
  background:#081321!important;
  border-bottom:1px solid var(--sa-line)!important;
}
.tab,.side-tab,.tabs button,.tabbar button,.nav-tabs a{
  font-size:14px!important;
  padding:7px 10px!important;
  border-radius:8px 8px 0 0!important;
}
.tab.active,.side-tab.active,.tabs .active,.tabbar .active,.nav-tabs .active{
  background:var(--sa-card)!important;
  color:var(--sa-strong)!important;
  border-bottom:3px solid var(--sa-gold)!important;
}
table,.editable-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:14px!important;
  border:1px solid var(--sa-line)!important;
  border-radius:10px!important;
  overflow:hidden!important;
  color:var(--sa-text)!important;
  background:var(--sa-card2)!important;
}
th,.editable-table th{
  font-size:14px!important;
  padding:4px 5px!important;
  background:#10243d!important;
  color:var(--sa-strong)!important;
  border-bottom:1px solid var(--sa-line)!important;
  font-weight:900!important;
}
td,.editable-table td{
  font-size:14px!important;
  padding:4px 5px!important;
  background:#081321!important;
  color:var(--sa-text)!important;
  border-bottom:1px solid #182d46!important;
}
tr.selected td,.editable-table tr.selected td{background:#26220f!important;color:#fff7cf!important}
.analysis-box,.analysis,.report,.summary,.output,.result,.log,.status,.alert,.message,.badge{
  font-size:13px!important;
  line-height:1.55!important;
  color:var(--sa-text)!important;
  background:#07111f!important;
  border:1px solid var(--sa-line)!important;
  border-radius:10px!important;
}
.badge{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:3px 8px!important;color:var(--sa-strong)!important;background:#10243d!important;border-color:var(--sa-line2)!important}
.pane,.scene,.preview,.canvas-wrap,.viewer,.viewport,.graph-svg,.plan-scroll,.roof-scene,.rp-scene,.golet-scene,.emf-scene{
  background:linear-gradient(180deg,#10243d 0%,#07111f 100%)!important;
  color:var(--sa-text)!important;
  border-color:var(--sa-line)!important;
}
canvas,svg.graph-svg,.viewer canvas,.preview canvas{
  background-color:#07111f!important;
  background-image:linear-gradient(var(--sa-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sa-grid) 1px,transparent 1px)!important;
  background-size:56px 56px!important;
}
.hint,.view-hint,.section-caption,.tooltip,.caption,.status-text{
  background:rgba(7,17,31,.92)!important;
  border:1px solid var(--sa-line2)!important;
  color:var(--sa-muted)!important;
  border-radius:999px!important;
  font-size:11px!important;
  padding:5px 8px!important;
}
.force-strip,.relations,.metrics,.stats{
  padding:14px!important;
  gap:10px!important;
  background:linear-gradient(180deg,var(--sa-card),var(--sa-bg))!important;
  border:1px solid var(--sa-line)!important;
  border-radius:var(--sa-radius)!important;
}
.force-cell,.metric-card,.stat-card{
  min-height:86px!important;
  border:1px solid var(--sa-line)!important;
  border-radius:14px!important;
  padding:8px!important;
  background:#081321!important;
  color:var(--sa-text)!important;
}
.node-rect{stroke:#6f91bd!important;stroke-width:2!important;rx:10!important;ry:10!important;filter:drop-shadow(0 6px 8px rgba(0,0,0,.42))!important}
.node-rect.selected{stroke:var(--sa-gold)!important;stroke-width:4!important}.edge-line{stroke-width:3!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.38))!important}.route-line{stroke:var(--sa-blue)!important;stroke-width:3!important;stroke-dasharray:8 5!important}.node-text{font-size:12px!important;font-weight:900!important;fill:#fff!important}.node-sub{font-size:10px!important;fill:#fff!important}
/* Decorative pseudo layers must never block buttons. */
*:before,*:after{pointer-events:none}.sc-app button,.sc-app input,.sc-app select,.sc-app textarea,.sc-app [contenteditable="true"],button,input,select,textarea,a{pointer-events:auto!important}
@media(min-width:1500px){.sc-main{grid-template-columns:minmax(0,1fr) 420px!important}.pane,.side-pane{height:clamp(660px,72vh,940px)!important}}
@media(max-width:1180px){.sc-header,.roof-hero,.rp-header{grid-template-columns:1fr!important;align-items:start!important}.sc-actions{justify-content:flex-start!important}.sc-main{grid-template-columns:1fr!important;grid-template-areas:"scene" "side"!important}.pane{height:580px!important}.side-pane{height:420px!important}}
@media(max-width:720px){.smartarch-spatial-page,.smartarch-roof-design-page{padding:8px 0 42px!important}.sc-header,.roof-hero,.rp-header,.hero,.page-hero,.module-hero{margin-left:8px!important;margin-right:8px!important;padding-left:12px!important;padding-right:12px!important}.sc-control-group,.control-group,.field-group{width:100%!important;flex-basis:100%!important}.pane{height:520px!important}h1,.hero h1,.page-hero h1,.module-hero h1,.roof-hero h1,.rp-title h1,.sc-header h1{font-size:36px!important}img[class*="icon"],.icon img,.roof-icon,.rp-icon,.sc-icon,.module-icon,.hero-icon{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important}}
/* SMARTARCH_V421_WORD_REPORT_EXACT_STYLE_ALL_MODULES_V4_24_END */