/* FINAL158/159: internal and Home artwork. Entrance/sidebar artwork stays locked. */
@media screen {
 html body{--sc-page-art:url('art/internal-settings.png');}
 html body[data-platform-view='calendar']{--sc-page-art:url('art/internal-schedule.png');}
 html body:is([data-platform-view='contacts'],[data-platform-view='leads'],[data-platform-view='team']){--sc-page-art:url('art/internal-connections.png');}
 html body:is([data-platform-view='production'],[data-platform-view='activejobs'],[data-platform-view='workorders'],[data-platform-view='materials']){--sc-page-art:url('art/internal-production.png');}
 html body:is([data-platform-view='estimate'],[data-platform-view='proposals'],[data-platform-view='financials'],[data-platform-view='payments'],[data-platform-view='unpaid'],[data-platform-view='collections']){--sc-page-art:url('art/internal-estimates.png');}
 html body:is([data-platform-view='tools'],[data-platform-view='fieldcam'],[data-platform-view='stormwatch'],[data-platform-view='roofreports'],[data-platform-view='reports']){--sc-page-art:url('art/internal-field.png');}
 html body #stormcoreApp #workspaceModule>.module-heading,html body #stormcoreApp #productionWorkspace>.production-heading{
  background:linear-gradient(90deg,#f4f9fff5,#f4f9ff55),var(--sc-page-art) right center/cover!important;
  border:1px solid #d4e3ef!important;border-radius:8px!important;min-height:66px!important;padding:12px 16px!important;box-sizing:border-box!important;
 }
 html body #stormcoreApp #workspaceModule>.module-heading h1{color:#15334e!important;}
 html body #stormcoreApp #workspaceModule>.module-heading button{background:#fff!important;color:#12538a!important;border:1px solid #adc9e0!important;}
 /* Internal section headers use art rather than repeated logo stamps. */
 html body #stormcoreApp #workspaceModule :is(.tool-card,.fieldcam-card,.storm-card)>:is(h2,h3):first-child,
 html body #stormcoreApp #workspaceModule .fieldcam-capture>h2,html body #stormcoreApp #workspaceModule .storm-track-form>h2{
  background:linear-gradient(90deg,#edf6fff5,#edf6ffb0),var(--sc-page-art) right center/cover!important;padding-right:18px!important;color:#15334e!important;
 }
 html body #stormcoreApp #workspaceModule :is(.tool-card,.module-heading)::after,html body #stormcoreApp #productionWorkspace>.production-heading::after{display:none!important;}
 html body #stormcoreApp #workspaceModule .module-empty{background:#f7fbff!important;padding-right:22px!important;}
}
@layer stormcore-compact {
 @media screen {
  html body #stormcoreApp #workspaceModule>.module-heading,html body #stormcoreApp #productionWorkspace>.production-heading{display:flex!important;background:linear-gradient(90deg,#f4f9fff5,#f4f9ff55),var(--sc-page-art) right center/cover!important;min-height:54px!important;height:auto!important;padding:10px 16px!important;border:1px solid #d4e3ef!important;border-radius:8px!important;}
  /* Calendar, route and record dialogs share the same compact title treatment. */
  html body #stormcoreApp #platformHome .workday-calendar-heading,
  html body #stormcoreApp #workspaceModule :is(.schedule-calendar-panel,.schedule-map-panel)>.schedule-panel-heading{
   background:linear-gradient(90deg,#10263ff5,#10263fa0),url('art/internal-schedule.png') right center/cover!important;
   padding:10px 16px!important;border-bottom:2px solid #149bed!important;min-height:58px!important;height:58px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;
  }
  html body #stormcoreApp #platformHome .workday-calendar-heading::before,
  html body #stormcoreApp #platformHome .workday-calendar-heading strong::before,
  html body #stormcoreApp #workspaceModule .schedule-calendar-panel>.schedule-panel-heading::before,
  html body #stormcoreApp #workspaceModule .schedule-calendar-panel>.schedule-panel-heading h3::before{display:none!important;}
  html body #stormcoreApp #modalBody>h2:first-child,
  html body #stormcoreApp #modal .record-form>h2:first-child{
   background:linear-gradient(90deg,#edf6fffa,#edf6ffb8),var(--sc-page-art) right center/cover!important;
   color:#15334e!important;font-size:18px!important;font-weight:700!important;line-height:1.35!important;
   margin:0 0 16px!important;padding:12px 48px 12px 14px!important;border:1px solid #d0e1ed!important;border-left:3px solid #1687f7!important;border-radius:5px!important;
  }
  html body #stormcoreApp #modalBody:has(#scheduleAppointmentForm)>h2:first-child{background-image:linear-gradient(90deg,#edf6fffa,#edf6ffb8),url('art/internal-schedule.png')!important;}
  html body #stormcoreApp #workspaceModule :is(.schedule-calendar-panel,.schedule-map-panel)>.schedule-panel-heading h3{margin:0!important;line-height:1.3!important;font-size:14px!important;}
 }
}
@media(max-width:600px){html body #stormcoreApp #workspaceModule>.module-heading,html body #stormcoreApp #productionWorkspace>.production-heading{min-height:54px!important;padding:10px 12px!important;background-position:right center!important;}}

/* Seven distinct Home illustrations; decoration cannot intercept dashboard actions. */
@layer stormcore-compact {
 @media screen {
  html body #stormcoreApp #platformHome [data-home-art='calendar']{--sc-home-art:url('art/home-appointments.png');}
  html body #stormcoreApp #platformHome [data-home-art='jobs']{--sc-home-art:url('art/home-jobs.png');}
  html body #stormcoreApp #platformHome [data-home-art='proposals']{--sc-home-art:url('art/home-proposals.png');}
  html body #stormcoreApp #platformHome [data-home-art='money']{--sc-home-art:url('art/home-balances.png');}
  html body #stormcoreApp #platformHome .workspace-metric[data-home-art]{background:linear-gradient(90deg,#07192bf2 0%,#07192bd9 38%,#07192b22 100%),var(--sc-home-art) right center/cover!important;isolation:isolate;}
  html body #stormcoreApp #platformHome .workspace-metric[data-home-art]::after{content:none!important;display:none!important;background:none!important;}
  html body #stormcoreApp #platformHome .workspace-metric[data-home-art] :is(.workspace-metric-label,strong,small){text-shadow:0 1px 5px #031121;color:#edf7ff!important;}
  html body #stormcoreApp #platformHome .workspace-metric[data-home-art] button.workspace-metric-link{color:#8edfff!important;text-shadow:0 1px 4px #031121!important;}
  html body #stormcoreApp #platformHome [data-home-panel='calendar']{--sc-home-panel-art:url('art/home-today.png');}
  html body #stormcoreApp #platformHome [data-home-panel='upcoming']{--sc-home-panel-art:url('art/home-upcoming.png');}
  html body #stormcoreApp #platformHome [data-home-panel='attention']{--sc-home-panel-art:url('art/home-attention.png');}
  html body #stormcoreApp #platformHome .workspace-panel[data-home-panel]>.workspace-panel-heading{background:linear-gradient(90deg,#0b2038fa,#0b2038a8 65%,#0b203830),var(--sc-home-panel-art) right 55%/cover!important;border:0!important;border-bottom:2px solid #1599ed!important;border-radius:10px 10px 0 0!important;padding:12px 18px!important;margin:-18px -18px 12px!important;min-height:54px!important;box-sizing:border-box!important;}
  html body #stormcoreApp #platformHome .workspace-panel[data-home-panel]>.workspace-panel-heading h2{color:#f1f8ff!important;background:none!important;}
  html body #stormcoreApp #platformHome .workspace-panel[data-home-panel]>.workspace-panel-heading .workspace-icon{color:#7bdfff!important;}
  html body #stormcoreApp #platformHome .workspace-panel[data-home-panel]>.workspace-panel-heading button{color:#eaf8ff!important;background:#103958e8!important;border:1px solid #4484ad!important;}
  html body #stormcoreApp #platformHome [data-home-panel='attention']>.workspace-panel-heading{border-bottom-color:#e1a24c!important;}
  @media(max-width:600px){html body #stormcoreApp #platformHome .workspace-panel[data-home-panel]>.workspace-panel-heading{padding:10px 14px!important;}}
 }
}