/* Shared office backdrop on the website's own pages, including the mobile app. */
html body.imbk-home-preview,html body.imbk-profile-skin197{
 position:relative;isolation:isolate;min-height:100vh;
 background:#174c52!important;
}
html body.imbk-home-preview::before,html body.imbk-profile-skin197::before{
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background-color:#174c52;
 background-image:linear-gradient(110deg,#103e4b9e,#174c5273),var(--imbk-panel-photo196);
 background-position:center;background-size:cover;background-repeat:no-repeat;
}
html body #imbk-home,html body.imbk-profile-skin197 #dashboard,
html body.imbk-profile-skin197 #dashboard-content{background:transparent!important}
html body #imbk-home.imbk-panel-preview::before{content:none!important}
/* White/cream reading surfaces keep the photograph out of text and controls. */
html body #imbk-home main.imbk-section,
html body #imbk-home main.imbk-company-contact159,
html body #imbk-home>main>.imbk-section{
 background:#fffdf7f5!important;border:1px solid #eadfbe80;border-radius:14px;
 margin-top:18px!important;margin-bottom:18px!important;
 box-shadow:0 10px 30px #082e4429;
}
html body #inmo-add.imbk-public-property{background:#fffdf7f5!important;border-radius:14px;margin-top:18px!important}
html body.imbk-profile-skin197 #dashboard-user-profile{background:#fffdf7f5;border-radius:14px;padding:20px;box-shadow:0 10px 30px #082e4429}
/* The panel's greeting and separate cards also apply on touch screens. */
html body #imbk-home.imbk-panel-preview .panel-content{
 background:transparent!important;box-shadow:none!important;
}
html body #imbk-home.imbk-panel-preview .panel-content>h1{
 color:#fff!important;border-left:3px solid #e6cb71!important;
 text-shadow:0 1px 5px #123c5259;
}
html body #imbk-home.imbk-panel-preview .panel-welcome{
 background:linear-gradient(110deg,#123e4bd9,#287781ad)!important;
 border:1px solid #b5dee23d!important;border-left:3px solid #e6cb71!important;
 border-radius:14px!important;box-shadow:0 8px 24px #082e4420!important;
 backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
html body #imbk-home.imbk-panel-preview .panel-welcome h2,
html body #imbk-home.imbk-panel-preview .panel-welcome p{color:#fff!important}
html body #imbk-home.imbk-panel-preview .panel-welcome>.panel-agent-photo{flex:none;object-fit:cover}
html body #imbk-home.imbk-panel-preview .imbk-panel-workspace196{background:transparent!important}
html body #imbk-home.imbk-panel-preview .imbk-panel-workspace196>.panel-card{
 background:#fffdf7f2!important;border:1px solid #eadfbe99!important;
 border-radius:14px!important;box-shadow:0 10px 30px #082e4430!important;
}
@media(max-width:1099px),(hover:none),(pointer:coarse){
 html body #imbk-home.imbk-panel-preview .panel-content{padding:22px 14px 30px!important}
 html body #imbk-home.imbk-panel-preview .panel-welcome{padding:16px!important;margin-bottom:18px!important}
 html body #imbk-home.imbk-panel-preview .imbk-panel-workspace196{display:block!important;padding:0!important;border:0!important;box-shadow:none!important}
 html body #imbk-home.imbk-panel-preview .imbk-panel-workspace196>.panel-card{margin-bottom:18px!important}
 html body #imbk-home main.imbk-section,
 html body #imbk-home main.imbk-company-contact159,
 html body #imbk-home>main>.imbk-section{width:calc(100% - 20px)!important;box-sizing:border-box}
}
/* One desktop width for headers and every content destination. */
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
 html body #imbk-home .imbk-header,
 html body #imbk-home .imbk-footer,
 html body #inmo-add:not(.imbk-public-property)>header,
 html body #inmo-add:not(.imbk-public-property)>.screen>header,
 html body.imbk-profile-skin197 .rh-header-slim{
  padding-left:max(32px,calc((100% - 1600px)/2))!important;
  padding-right:max(32px,calc((100% - 1600px)/2))!important;
  max-width:none!important;width:100%!important;box-sizing:border-box!important;
 }
 html body #imbk-home.imbk-panel-preview .panel-content,
 html body #imbk-home.imbk-panel-preview .panel-content.imbk-panel-overview195:not(:has(.panel-drafts-list:not([hidden]))),
 html body #imbk-home main.imbk-section,
 html body #imbk-home main.imbk-agent-profile,
 html body #imbk-home main.imbk-company-contact159,
 html body #imbk-home>main>.imbk-section,
 html body #inmo-add.imbk-public-property,
 html body.imbk-profile-skin197 #dashboard-user-profile{
  width:calc(100% - 64px)!important;max-width:1600px!important;
  margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
 }
 html body #imbk-home main.imbk-section,
 html body #imbk-home main.imbk-company-contact159,
 html body #imbk-home>main>.imbk-section{padding:26px!important}
 html body #imbk-home.imbk-panel-preview .panel-content.imbk-panel-overview195:not(:has(.panel-drafts-list:not([hidden])))>.imbk-panel-workspace196{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:24px!important;align-items:stretch!important;
 }
 html body #imbk-home.imbk-panel-preview .panel-content.imbk-panel-overview195:not(:has(.panel-drafts-list:not([hidden])))>.imbk-panel-workspace196>.panel-properties{
  align-self:stretch!important;display:flex;flex-direction:column;
 }
 html body #imbk-home .imbk-panel-workspace196>.panel-properties>.panel-property-links{flex:1;align-content:start;gap:12px!important}
 html body #imbk-home.imbk-panel-preview .imbk-panel-workspace196>.panel-card{padding:30px!important}
 html body #imbk-home.imbk-panel-preview .panel-welcome{padding:22px 30px!important;min-height:90px}
 html body #imbk-home.imbk-panel-preview .panel-welcome h2{font-size:23px!important}
 html body #imbk-home.imbk-panel-preview .panel-content>h1{font-size:32px!important}
 html body #imbk-home .imbk-panel-workspace196 .panel-property-links>a,
 html body #imbk-home .imbk-panel-workspace196 .panel-property-links>button,
 html body #imbk-home .imbk-panel-workspace196 .panel-tools>a,
 html body #imbk-home .imbk-panel-workspace196 .panel-add{min-height:50px!important;font-size:17px!important}
 /* Form header spans the viewport; the form follows the shared content width. */
 html body #inmo-add:not(.imbk-public-property){padding-left:0!important;padding-right:0!important;background:transparent!important}
 html body #inmo-add:not(.imbk-public-property)>.screen{
  max-width:none!important;width:100%!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
 }
 html body #inmo-add:not(.imbk-public-property)>.screen>form{
  width:calc(100% - 64px)!important;max-width:1600px!important;margin:22px auto!important;
  background:#fffdf7f5;border-radius:14px;padding:26px!important;box-sizing:border-box;
 }
 html body.imbk-profile-skin197 #dashboard-content{padding-left:0!important;padding-right:0!important}
}