/* FINAL165: construction artwork, consistent overview-to-workflow-to-records rhythm. */
@media screen {
body[data-platform-view=leads]{--construction-art:url('art/leads-inspection166.jpg')}
body[data-platform-view=contacts]{--construction-art:url('art/contacts-consultation166.jpg')}
body[data-platform-view=production]{--construction-art:url('art/production-roof166.jpg')}
.construction165{margin:0 0 16px;min-width:0;border:1px solid #cddfeb;border-radius:12px;overflow:hidden;background:#fff;}
.construction165-hero{box-sizing:border-box;min-height:172px;padding:24px 28px;background:linear-gradient(90deg,#071c32f5 0%,#071c32e6 35%,#071c3277 65%,#071c3210),var(--construction-art) center 52%/cover;color:#fff;}
.construction165-hero small{display:block;color:#8bdcff;font-size:10px;letter-spacing:.16em;font-weight:700;}
html body #stormcoreApp .construction165-hero h2{font-size:clamp(21px,2.4vw,30px)!important;font-weight:650!important;line-height:1.16!important;max-width:510px;margin:9px 0!important;padding:0!important;background:none!important;color:#fff!important;border:0!important;}
.construction165-hero p{font-size:12px;line-height:1.65;max-width:440px;margin:0;color:#c5dcea;}
.construction165-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;background:#f5f9fc;}
.construction165-flow li{display:flex;align-items:center;gap:9px;padding:12px 18px;color:#30516b;font-size:11px;font-weight:650;border-right:1px solid #dbe6ee;min-width:0;}
.construction165-flow li:last-child{border:0}.construction165-flow span{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid #c3def2;background:#e5f3ff;color:#0872bd;border-radius:7px;font-size:10px;}
html body:is([data-platform-view=leads],[data-platform-view=contacts],[data-platform-view=production]) #stormcoreApp :is(#workspaceModule,#productionWorkspace)>.production-heading{background:#fff!important;background-image:none!important;border:0!important;border-bottom:1px solid #dce6ee!important;border-radius:0!important;min-height:48px!important;margin-bottom:12px!important;padding:6px 0!important;}
html body:is([data-platform-view=leads],[data-platform-view=contacts]) #stormcoreApp #workspaceModule #modal :is(.contact-sheet,.leads-center){box-shadow:none!important;border-radius:10px!important;}
html body:is([data-platform-view=leads],[data-platform-view=contacts]) #stormcoreApp #workspaceModule #modal .sheet-scroll{max-height:none!important;}
html body:is([data-platform-view=leads],[data-platform-view=contacts]) #stormcoreApp #workspaceModule #modal .sc-data-sheet th{background:#eaf2f8!important;}
@media(max-width:700px){.construction165{margin-bottom:12px}.construction165-hero{min-height:160px;padding:18px;background-position:62% center}.construction165-hero p{max-width:85%;font-size:11px}.construction165-hero h2{max-width:85%}.construction165-flow li{padding:10px 8px;gap:6px;font-size:10px;line-height:1.4;align-items:flex-start}.construction165-flow span{flex-basis:20px;height:20px;font-size:9px}}
@media(max-width:370px){.construction165-flow li{flex-direction:column}}
}
@media print{.construction165{display:none!important}}

@layer stormcore-compact {@media screen {html body:is([data-platform-view=leads],[data-platform-view=contacts],[data-platform-view=production]) #stormcoreApp :is(#workspaceModule>.module-heading,#productionWorkspace>.production-heading){background:#fff!important;background-image:none!important;border:0!important;border-bottom:1px solid #dce6ee!important;border-radius:0!important;min-height:48px!important;padding:6px 0!important;}}}