@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
/* SimplyLoc Pro — UI8 stabilisation layer. Unique file name intentionally bypasses previous caches. */
:root{--ui8-ink:#1e2a42;--ui8-muted:#727d92;--ui8-line:#dde3ec;--ui8-head:#e7ebf1;--ui8-rose:#cf4261;--ui8-magenta:#d52b87;--ui8-blue:#4766d6}

/* Global typography / compact fields */
body{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.form-card label,dialog label,.register-card label,.auth-card label{font-size:11px!important;font-weight:750!important;color:#5d6980!important;margin-bottom:4px!important;letter-spacing:.005em}
.form-card input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),
.form-card select,.form-card textarea,
dialog input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),dialog select,dialog textarea,
.register-card input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),.register-card select,
.auth-card input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),
.fake-input{
  height:36px!important;min-height:36px!important;max-height:36px!important;border-radius:7px!important;
  border:1px solid #8296d8!important;background:#f7f8fb!important;color:#34415d!important;
  padding:0 10px!important;font-size:12px!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s,background .15s!important
}
.form-card textarea,dialog textarea{height:auto!important;min-height:80px!important;max-height:none!important;padding:9px 10px!important}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus,
dialog input:focus,dialog select:focus,dialog textarea:focus,.register-card input:focus,.register-card select:focus,.auth-card input:focus{
  outline:0!important;background:#fff!important;border-color:var(--ui8-magenta)!important;
  box-shadow:0 0 0 3px rgba(213,43,135,.14),0 0 18px rgba(213,43,135,.14)!important
}
.form-grid{gap:10px 14px!important}.form-card{gap:7px!important}.dual{gap:8px!important}

/* Style 5 — underlined subnavigation, with luminous amaranth bullet */
.sl-subnav.ui8-subnav,.settings-subnav.ui8-subnav{
  display:flex!important;align-items:flex-end!important;gap:30px!important;flex-wrap:wrap!important;
  margin:0 0 20px!important;padding:0 4px!important;background:transparent!important;border:0!important;
  border-bottom:1px solid #dce2eb!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important
}
.sl-subnav.ui8-subnav .sl-subnav-item{
  position:relative!important;display:inline-flex!important;align-items:center!important;gap:9px!important;
  min-height:44px!important;padding:7px 2px 12px!important;background:transparent!important;border:0!important;border-radius:0!important;
  color:#69758b!important;text-decoration:none!important;font-size:13px!important;font-weight:750!important;white-space:nowrap!important
}
.sl-subnav.ui8-subnav .sl-subnav-item:hover{color:#263651!important;background:transparent!important}
.sl-subnav.ui8-subnav .sl-subnav-item.active{color:#1f3150!important;font-weight:850!important;background:transparent!important}
.sl-subnav.ui8-subnav .sl-subnav-item.active:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;height:3px!important;border-radius:999px!important;background:linear-gradient(90deg,#d84e71,#c83961)!important;box-shadow:0 2px 8px rgba(207,66,97,.20)!important}
.sl-subnav.ui8-subnav .sl-subnav-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#cf4261!important;box-shadow:0 0 0 4px rgba(207,66,97,.10),0 0 12px rgba(213,43,135,.40)!important;opacity:1!important;flex:0 0 auto!important}
.sl-subnav.ui8-subnav .sl-subnav-item:not(.active) .sl-subnav-dot{opacity:.55!important;box-shadow:0 0 0 3px rgba(207,66,97,.07),0 0 7px rgba(213,43,135,.18)!important}

/* All analytical tables: stronger header row everywhere */
.card-table{border-collapse:collapse!important;border-spacing:0!important;width:100%!important;background:#fff!important}
.card-table thead th{
  background:#e6eaf0!important;color:#28354d!important;font-size:11.7px!important;font-weight:850!important;
  text-transform:none!important;letter-spacing:.005em!important;padding:11px 12px!important;border-bottom:1px solid #d2d9e4!important;
  vertical-align:middle!important;text-align:left!important;white-space:nowrap!important
}
.card-table thead th:first-child{border-top-left-radius:8px}.card-table thead th:last-child{border-top-right-radius:8px}
.card-table tbody td{background:#fff!important;border-bottom:1px solid #edf0f4!important;padding:10px 12px!important;font-size:10.8px!important;color:#3c4961!important;border-radius:0!important}
.card-table tbody tr:hover td{background:#f8faff!important}.card-table td b{color:#24344f!important;font-weight:800!important}
.card-table td small{font-size:9px!important;color:#7a8497!important}

/* Sorting: plain label + compact independent arrow button */
.th-sort-wrap{display:flex!important;align-items:center!important;gap:7px!important;min-height:22px!important}
.th-sort-wrap>span{font-size:11.7px!important;font-weight:850!important;color:#28354d!important;line-height:1!important}
.sort-mini{
  width:22px!important;height:25px!important;min-width:22px!important;min-height:25px!important;padding:2px 0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;
  border:1px solid #cbd3df!important;border-radius:6px!important;background:#f7f9fc!important;color:#738097!important;cursor:pointer!important;box-shadow:none!important
}
.sort-mini:hover{border-color:#9aa9c2!important;background:#fff!important;color:#3b4a65!important}
.sort-mini i{font-style:normal!important;font-size:6px!important;line-height:7px!important;height:7px!important}
.sort-mini[data-direction="asc"] i:first-child,.sort-mini[data-direction="desc"] i:last-child{color:#cf4261!important;font-size:7px!important}

/* Property analytical page: 70/30, thumbnails hard-limited in the row */
.property-analytics-layout.ui8-property-layout{display:grid!important;grid-template-columns:minmax(0,70%) minmax(245px,30%)!important;gap:15px!important;align-items:start!important}
.property-table-card{min-width:0!important}.ui8-side-summary{display:grid!important;gap:12px!important;align-content:start!important}
.property-title-cell{display:flex!important;align-items:center!important;gap:9px!important;min-width:190px!important}
.property-title-cell img{width:50px!important;height:38px!important;min-width:50px!important;max-width:50px!important;min-height:38px!important;max-height:38px!important;object-fit:cover!important;border-radius:6px!important;display:block!important;flex:0 0 50px!important}
.property-title-cell b{font-size:10.8px!important;line-height:1.2!important}.property-title-cell small{font-size:8.6px!important;margin-top:2px!important}
.compact-summary-card{overflow:hidden!important}.compact-summary-card .uniform-card-title{padding:12px 13px!important}.summary-lines{padding:5px 13px 10px!important}.summary-lines>div{display:flex!important;justify-content:space-between!important;gap:10px!important;padding:7px 0!important;border-bottom:1px solid #eef1f5!important;font-size:10px!important}.summary-lines>div:last-child{border-bottom:0!important}.summary-lines b{font-size:11px!important;color:#263651!important}
.side-map-cta{border-radius:10px!important}

/* Map page: large map, only compact property rows/cards to the right */
.map-agency-layout.ui8-map-layout{display:grid!important;grid-template-columns:minmax(0,68%) minmax(280px,32%)!important;min-height:530px!important}
.map-agency-layout.ui8-map-layout #portfolioMap{height:530px!important;min-height:530px!important}
.ui8-map-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-content:start!important;padding:10px!important;overflow:auto!important;border-left:1px solid #e5e9f0!important;background:#fafbfc!important}
.ui8-map-list .map-property{display:grid!important;grid-template-columns:66px 1fr!important;gap:7px!important;padding:7px!important;border:1px solid #e4e8ef!important;border-radius:8px!important;background:#fff!important;min-width:0!important}
.ui8-map-list .map-property img{width:66px!important;height:50px!important;min-width:66px!important;max-width:66px!important;min-height:50px!important;max-height:50px!important;object-fit:cover!important;border-radius:6px!important}
.ui8-map-list .map-property b{font-size:9.5px!important;line-height:1.15!important}.ui8-map-list .map-property small{font-size:7.8px!important;line-height:1.2!important}.ui8-map-list .map-property .direct,.ui8-map-list .map-property .price{font-size:7.8px!important;margin-top:2px!important}

/* Portal editor: compact, polished controls and guaranteed mini thumbnails */
.portal-editor{grid-template-columns:minmax(0,1.42fr) minmax(300px,.68fr)!important;gap:15px!important}.editor-card{border-radius:10px!important;overflow:hidden!important;background:#fff!important}
.uniform-card-title{display:flex!important;align-items:center!important;gap:9px!important;min-height:47px!important;padding:12px 14px!important;border-bottom:1px solid #e7ebf1!important;background:#fafbfd!important}.uniform-card-title h3{font-size:13px!important;font-weight:850!important;color:#263650!important;margin:0!important}
.style-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.style-controls label{min-height:50px!important;border:1px solid #e0e5ed!important;background:#f9fafc!important;border-radius:8px!important;padding:8px 9px!important}.style-controls label span{font-size:9.5px!important;font-weight:750!important;color:#536079!important}.style-controls input[type="color"]{width:34px!important;height:28px!important;min-height:28px!important;max-height:28px!important;border:1px solid #d4dbe7!important;border-radius:6px!important;background:#fff!important;padding:2px!important}.style-controls input[type="range"]{height:auto!important;min-height:0!important}
.portal-selection-table .portal-thumb-cell{display:flex!important;align-items:center!important;gap:8px!important;min-width:185px!important}.portal-selection-table .portal-thumb-cell img{width:44px!important;height:32px!important;min-width:44px!important;max-width:44px!important;min-height:32px!important;max-height:32px!important;object-fit:cover!important;border-radius:5px!important;display:block!important;flex:0 0 44px!important}
.portal-selection-table .portal-thumb-cell b{font-size:10.3px!important}.portal-selection-table .portal-thumb-cell small{font-size:8px!important}.portal-selection-table input[type="checkbox"]{width:16px!important;height:16px!important;accent-color:#cf4261!important}
.portal-live-preview{position:sticky!important;top:110px!important;border:1px solid #e2e7ef!important;border-radius:10px!important;background:#fff!important;box-shadow:0 8px 22px rgba(27,42,79,.07)!important;overflow:hidden!important}.portal-mini-site{margin:12px!important;border:1px solid #e4e8ef!important;border-radius:10px!important;overflow:hidden!important;background:#f7f8fb!important}.portal-mini-hero{min-height:150px!important}

/* Top-right unified glass capsule + reliable menu */
.top-actions.top-user-panel{
  padding:6px 7px!important;border-radius:16px!important;background:rgba(10,23,53,.42)!important;
  border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 10px 26px rgba(4,15,42,.18)!important;
  backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important;gap:7px!important
}
.top-user-panel .icon-btn{width:40px!important;height:40px!important;border-radius:10px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
.top-user-panel .icon-btn:hover{background:rgba(255,255,255,.19)!important}
.top-user-panel .profile-trigger{min-width:218px!important;min-height:54px!important;padding:5px 9px 5px 6px!important;border-radius:12px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;display:flex!important;align-items:center!important;gap:10px!important}
.top-user-panel .profile-trigger img{width:49px!important;height:49px!important;min-width:49px!important;max-width:49px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(255,255,255,.72)!important}
.top-user-panel .profile-trigger b{display:block!important;font-size:14.5px!important;font-weight:800!important;line-height:1.15!important;color:#fff!important}.top-user-panel .profile-trigger small{display:block!important;font-size:11.2px!important;color:rgba(255,255,255,.82)!important;line-height:1.15!important;margin-top:3px!important}.profile-chevron{margin-left:auto!important;font-size:15px!important;color:#fff!important;transition:transform .15s!important}.profile-trigger[aria-expanded="true"] .profile-chevron{transform:rotate(180deg)!important}
.profile-menu{position:fixed!important;z-index:100000!important;width:302px!important;display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-7px)!important;transition:.15s!important;background:rgba(255,255,255,.99)!important;border:1px solid #dfe4ed!important;border-radius:14px!important;box-shadow:0 22px 55px rgba(11,27,65,.24)!important;overflow:hidden!important}
.profile-menu.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.profile-menu-head{display:flex!important;align-items:center!important;gap:10px!important;padding:13px 14px!important;background:#f8f9fc!important;border-bottom:1px solid #e8ecf2!important}.profile-menu-head img{width:43px!important;height:43px!important;border-radius:50%!important;object-fit:cover!important}.profile-menu a{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 14px!important;text-decoration:none!important;font-size:10.8px!important;font-weight:700!important;color:#33415c!important;border-bottom:1px solid #f0f2f6!important}.profile-menu a:hover{background:#f7f9fd!important}.profile-menu a.danger{color:#bc3f54!important;border-bottom:0!important}
.notif-menu{z-index:100000!important}

/* Card titles and section bullets consistently styled */
.uniform-card-title,.card-head{background:#fafbfd}.glow-bullet,.sl-subnav-dot{background:#cf4261!important}
.section-title.with-bullet{font-size:13px!important;font-weight:850!important;color:#29374f!important}

@media(max-width:1180px){.property-analytics-layout.ui8-property-layout,.portal-editor,.map-agency-layout.ui8-map-layout{grid-template-columns:1fr!important}.ui8-side-summary{grid-template-columns:1fr 1fr!important}.map-agency-layout.ui8-map-layout #portfolioMap{height:430px!important}.ui8-map-list{border-left:0!important;border-top:1px solid #e5e9f0!important;grid-template-columns:repeat(3,1fr)!important}.portal-live-preview{position:relative!important;top:auto!important}}
@media(max-width:760px){.sl-subnav.ui8-subnav{gap:18px!important}.sl-subnav.ui8-subnav .sl-subnav-item{font-size:11.5px!important}.ui8-side-summary{grid-template-columns:1fr!important}.ui8-map-list{grid-template-columns:1fr 1fr!important}.style-controls{grid-template-columns:1fr 1fr!important}.top-user-panel .profile-trigger{min-width:56px!important;padding:4px!important}.top-user-panel .profile-trigger span,.top-user-panel .profile-chevron{display:none!important}}
