body { padding-top: 58px !important; }
#demo-toolbar { position: fixed; inset: 0 0 auto; min-height: 58px; z-index: 100000; display: flex; align-items: center; gap: 18px; padding: 9px 20px; box-sizing: border-box; background: #242a27; color: #fff; font: 12px/1.4 system-ui,sans-serif; box-shadow: 0 1px 8px #0002; }
#demo-toolbar a { color: #fff; text-decoration: none; white-space: nowrap; }
#demo-toolbar > span { flex:1; } #demo-toolbar strong { margin-right:10px; }
#demo-toolbar button, :is(#demo-help,#demo-reset) button { font: inherit; cursor: pointer; border: 1px solid #ffffff50; border-radius: 5px; padding: 8px 12px; background: transparent; color: inherit; white-space: nowrap; }
#demo-toolbar button:hover { background:#ffffff20; } #demo-toolbar :focus-visible { outline: 2px solid white; outline-offset: 3px; }
:is(#demo-help,#demo-reset) { max-width: 540px; width: calc(100% - 40px); padding:28px; border:1px solid #ddd; border-radius:12px; color:#202620; font:15px/1.6 system-ui,sans-serif; }
:is(#demo-help,#demo-reset) h2 { margin-top:0; } :is(#demo-help,#demo-reset) li { margin-bottom:10px; } :is(#demo-help,#demo-reset) button { background:#242a27; color:white; }
:is(#demo-help,#demo-reset)::backdrop { background:#10181070; }
html[data-demo="hestello"] #sidebar, html[data-demo="hestello"] #map-nav-reveal { top:58px; }
html[data-demo="hestello"] .topbar { top:58px; }
html[data-demo="quotini"] .app-sidebar { top:58px; }
@media(max-width:600px){ body{padding-top:78px!important;} #demo-toolbar{min-height:78px;gap:8px;padding:8px 12px;flex-wrap:wrap;} #demo-toolbar>span{min-width:60%;font-size:10px;} #demo-toolbar>span span{display:block;} #demo-toolbar button{padding:5px 10px;font-size:11px;} html[data-demo="hestello"] #sidebar,html[data-demo="hestello"] #map-nav-reveal,html[data-demo="hestello"] .topbar,html[data-demo="quotini"] .app-sidebar{top:78px;} }
/* Keep rail hit targets inside its clipped width, including touch devices. */
html[data-demo="hestello"] #map-nav-reveal button {width:42px;flex-shrink:0;overflow:visible}
html[data-demo="hestello"] #create-property-import,html[data-demo="hestello"] a[href="#create-property-import"] {display:none}
html[data-demo="hestello"] #create-maintenance-title { text-transform:none; }
/* Match the other document import forms: upload and action share one row. */
html[data-demo="hestello"] #create-maintenance-document .card-body {
  display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:14px;
}
html[data-demo="hestello"] #create-maintenance-document .creation-section-heading,
html[data-demo="hestello"] #create-maintenance-document .contract-import-progress,
html[data-demo="hestello"] #create-maintenance-document .contract-import-status { grid-column:1 / -1; }
html[data-demo="hestello"] #create-maintenance-document .form-group { display:contents; }
html[data-demo="hestello"] #create-maintenance-document .form-label { grid-column:1 / -1; grid-row:2; }
html[data-demo="hestello"] #create-maintenance-pdf { grid-column:1; grid-row:3; min-width:0; }
html[data-demo="hestello"] #maintenance-import-analyze { grid-column:2; grid-row:3; margin:0; align-self:stretch; white-space:nowrap; }
html[data-demo="hestello"] #create-maintenance-pdf-hint { grid-column:1; grid-row:4; }
html[data-demo="hestello"] #create-maintenance-document .card-body > .contract-import-hint { grid-column:2; grid-row:4; }
@media(max-width:640px) {
  html[data-demo="hestello"] #create-maintenance-document .card-body { grid-template-columns:minmax(0,1fr); }
  html[data-demo="hestello"] #maintenance-import-analyze { grid-column:1; grid-row:5; justify-self:start; white-space:normal; }
  html[data-demo="hestello"] #create-maintenance-document .card-body > .contract-import-hint { grid-column:1; grid-row:6; }
}