/* Exterior paper only; inner cards and fields retain their opaque backgrounds. */
@media(max-width:767px){
 /* Keep 85% paper; soften only the office photo on phone panel screens. */
 html body.imbk-background222.imbk-background222.imbk-background222:has(#imbk-home #imbk-my-published,#imbk-home #imbk-drafts:not([hidden]))::before{filter:blur(6px)!important;inset:-12px!important}
 html body.imbk-background222.imbk-background222.imbk-background222:has(#inmo-add:not(.imbk-public-property))::before{background:linear-gradient(115deg,#174c52 0%,#356c70 44%,#9cac99 78%,#e7d4a8 100%)!important}
 html body #imbk-home.imbk-agents-page .imbk-directory-group>h2{font-size:18px!important;font-weight:500!important;padding:7px 12px!important}
}
/* Common title hierarchy. */
html body #imbk-home .imbk-catalog>h1,
html body #inmo-add:not(.imbk-public-property)>.screen>form>h2,
html body #inmo-add:not(.imbk-public-property) form>h2{
 background:linear-gradient(110deg,#174c52 0%,#38777b 68%,#86aaa2 100%)!important;color:#fff!important;border-left:3px solid #e6c248!important;border-radius:12px!important;padding:11px 15px!important;
}
html body #imbk-home main.imbk-company-contact159 h1{border-left:3px solid #e6c248!important;padding-left:12px!important}
html body.imbk-profile-skin197 .imbk-profile-shell200>.imbk-profile-title200{position:sticky!important;top:var(--imbk-profile-title-top239,75px)!important;z-index:96!important;padding:7px 12px!important;font-size:26px!important;line-height:1.2!important;margin-bottom:12px!important}
html body.imbk-profile-skin197 .imbk-profile-title200.imbk-profile-title-stuck239{background:linear-gradient(110deg,#174c52,#62918e)!important;border-radius:9px!important;text-shadow:none!important}
/* Full-width action tray, keeping the compact identity free of permanent action buttons. */
html body #inmo-add.imbk-public-property .imbk-sheet-toolbar202.imbk-sheet-toolbar202>.imbk-sheet-controls237{left:0!important;right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;gap:6px!important;padding:6px 8px!important;flex-wrap:wrap!important}
html body #inmo-add.imbk-public-property .imbk-sheet-toolbar202 .imbk-sheet-controls237>:is(button,a){font:400 12px/1.25 Arial,sans-serif!important;min-height:30px!important;padding:5px 9px!important;border:1px solid #c6d7d1!important;border-radius:6px!important;background:#edf4f1!important;color:#174c52!important;box-shadow:none!important}
html body #inmo-add.imbk-public-property .imbk-sheet-condensed237 .imbk-sheet-identity237>span{flex-direction:row!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
html body #inmo-add.imbk-public-property .imbk-sheet-identity237 small{white-space:nowrap!important}
html body .preview-description{font-family:Arial,"Segoe UI Symbol","Apple Symbols","Noto Sans Math",sans-serif!important;line-height:1.5!important;overflow-wrap:anywhere!important}
/* Locate control uses the conventional target. The user's position is a hollow ring. */
html body .imbk-locate237 svg,html body .imbk-locate-control svg{width:22px!important;height:22px!important;fill:none!important;stroke:#174c52!important;stroke-width:1.7!important}
html body .imbk-locate237 svg>path,html body .imbk-locate-control svg>path,
html body .imbk-locate237 svg>circle,html body .imbk-locate-control svg>circle,
html body .imbk-locate237 svg circle:last-of-type{fill:none!important;stroke:#174c52!important;stroke-width:1.7!important}
html body .imbk-user-position240 svg{width:32px!important;height:32px!important;filter:drop-shadow(0 0 .6px #fff) drop-shadow(0 0 .6px #fff)!important}
html body .imbk-user-position240 svg>circle.imbk-position-ring242{fill:transparent!important;stroke:#f5c531!important;stroke-width:4!important;paint-order:stroke!important}
/* Stable controls occupy their own lower rail on form pages, rather than covering fields. */
html body.imbk-form-arrows242{padding-bottom:calc(var(--imbk-bottom169,0px) + 38px)!important}
html body.imbk-form-arrows242 .imbk-arrows164.imbk-safe-arrows231{bottom:var(--imbk-bottom169,0px)!important;right:0!important;left:0!important;justify-content:flex-end!important;gap:6px!important;box-sizing:border-box!important;padding:3px 8px!important;height:36px!important;background:#fffdf7f5!important;opacity:1!important;border-top:1px solid #dce6df!important}
html body.imbk-form-arrows242 .imbk-arrows164 button{width:28px!important;height:28px!important;min-height:28px!important;min-width:28px!important;font-size:17px!important}
@media(min-width:768px){
 html body #inmo-add.imbk-public-property .imbk-sheet-condensed237 .imbk-sheet-identity237>span{flex-wrap:nowrap!important}
 html body #imbk-home .imbk-catalog>h1{font-size:25px!important;line-height:1.2!important}
 /* Keep the same blurred office photo as the property sheet, without an extra blue veil. */
 html body.imbk-background222.imbk-background222.imbk-background222:has(#imbk-home main.imbk-catalog)::before{background:linear-gradient(110deg,#d8edf480,#f4f0dc4d),var(--imbk-home-film224),var(--imbk-panel-photo196) center/cover no-repeat!important;filter:blur(10px)!important}
}

/* A slight shear corrects the office sign's lean without scaling the photograph. */
@media(min-width:768px){
 html body.imbk-background222.imbk-background-lateral224:has(#imbk-home,#inmo-add,#dashboard,#dashboard-content)::before,
 html body.imbk-background222.imbk-background-lateral224:has(#imbk-home,#inmo-add,#dashboard,#dashboard-content)::after{transform:skewX(2deg)!important;transform-origin:right center!important;background-size:cover!important}
 html body #imbk-home #imbk-my-published .imbk-published-item{background:#fff!important;border:1px solid #dce5df!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 2px 8px #174c520a!important}
}

html body .imbk-user-position240 svg>circle.imbk-position-edge242{fill:none!important;stroke:#fff!important;stroke-width:.6!important}