:root{--purple:#243d57;--dark:#243d57;--yellow:#008d94;--ink:#243d57;--muted:#6b7785;--line:#e1e6eb;--wash:#f8fafe}
.work-preview-notice{background:#edf7f7;color:#243d57;text-align:center;font:11px/1.5 system-ui;padding:7px 12px}.work-preview-notice a{color:inherit;text-decoration:underline}.topline{display:none}body{background:#f8fafe;color:#243d57}header{background:#fff;border-color:#e1e6eb}.brand-icon{background:#243d57!important;color:white!important;border-radius:9px}.brand-novi{color:#243d57!important}.brand-dom{color:#243d57!important}.wordmark{font-size:22px}.intro.reference-intro{background:#edf2fc}.portal-hero{background:linear-gradient(90deg,rgba(27,47,80,.9),rgba(55,83,132,.65) 50%,rgba(55,83,132,.1)),url('images/house.jpg') center 48%/cover!important;min-height:310px;padding:44px 26px 62px}.portal-hero h1{color:white;font-size:46px;font-weight:800;line-height:1.16}.portal-hero h1 span{color:#008d94}.portal-hero .eyebrow{color:#fff}.portal-hero .hero-description{color:#f3f6ff;max-width:610px;font-size:16px}.portal-hero .natural-search-label,.portal-hero .natural-search-help{color:#f1f5ff}.reference-intro .search-panel{max-width:1228px;margin:-24px auto 0;background:#fff;border:1px solid #e1e6eb;border-radius:12px;box-shadow:0 10px 32px #243d5710}.btn,.navright .btn{background:#008d94!important;color:#fff!important;border:1px solid transparent;border-radius:8px}.btn:hover,.navright .btn:hover{background:#00767c!important}.btn.light{background:#edf7f7!important;color:#243d57!important;border-color:#e1e6eb}.tab.active{background:#243d57!important;color:white!important}.tab:not(.active){color:#657383}.nh-filter-chip{background:#edf7f7;color:#243d57;border-color:#c6e1e3}.card{border-color:#e1e6eb;box-shadow:0 3px 12px #243d5705;border-radius:12px}.card:hover{border-color:#008d94;box-shadow:0 7px 22px #243d5712}.card-price,.price{color:#243d57}.reference-region-grid button,.reference-categories button{border-radius:10px}.reference-counties,.portal-tools{background:#edf7f7}.nh-admin-tabs button[aria-pressed=true]{background:#243d57;color:white}.nd-admin-stats article{border-color:#e1e6eb}.nd-admin-lock>span{background:#243d57}input:focus,select:focus,textarea:focus{outline-color:#243d57!important;border-color:#243d57!important}a{color:#243d57}footer{background:#243d57!important;color:#dbe3f3}.nd-auth-intro::after{content:' Probni računi vrijede samo u ovom pregledniku. Prvi račun dobiva administraciju.';display:block;font-size:12px;margin-top:10px;color:#657383}
@media(max-width:700px){.work-preview-notice{font-size:10px}.portal-hero{padding:30px 18px 50px;min-height:280px}.portal-hero h1{font-size:34px}.portal-hero .hero-description{font-size:14px}.reference-intro .search-panel{margin:-20px 12px 0}.wordmark{font-size:17px}.navright{gap:8px}.navright .btn{padding:10px}.hero-copy{max-width:100%}}
/* Flatco reference: navy #243D57, gold #008d94, pale #F8FAFE. */
@font-face{font-family:Mulish;src:url('fonts/Mulish-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Mulish;src:url('fonts/Mulish-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}@font-face{font-family:Catamaran;src:url('fonts/Catamaran-SemiBold.woff2') format('woff2');font-weight:600 900;font-display:swap}
body{font-family:Mulish,system-ui,sans-serif;background:#f8fafe;color:#243d57}h1,h2,h3,h4,.wordmark{font-family:Catamaran,Mulish,sans-serif;letter-spacing:-.4px}header{border-bottom:1px solid #e1e6eb}.brand-icon{background:#243d57!important;color:#008d94!important;border-radius:50%!important}.brand-novi{color:#243d57!important}.brand-dom{color:#007a80!important}.portal-hero{background:linear-gradient(90deg,rgba(36,61,87,.96),rgba(36,61,87,.8) 48%,rgba(36,61,87,.28)),url('images/house.jpg') center 48%/cover!important}.portal-hero h1{font-size:48px;font-weight:700}.portal-hero h1 span{color:#008d94}.btn,.navright .btn{background:#008d94!important;color:#243d57!important;border-radius:5px;font-weight:800}.btn:hover,.navright .btn:hover{background:#00767c!important;color:#172d43!important}.btn.light{background:white!important;border:1px solid #243d57!important;color:#243d57!important}.btn.light:hover{background:#edf7f7!important}.tab.active{background:#243d57!important;color:white!important}.search-panel{border-radius:8px!important;box-shadow:0 12px 34px #243d5712!important}.search-top .tab{border-radius:4px}.navlinks .selected{color:#243d57!important}.navlinks .selected:after{background:#008d94!important}.card{border-radius:8px;border-color:#e1e6eb}.card:hover{border-color:#008d94}.card .tag,.card .badge{background:#edf7f7;color:#243d57}.icon{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.flatco-nav-icon{width:17px;height:17px;flex-shrink:0;color:#007a80}.navlinks button{display:inline-flex;align-items:center;gap:5px}.navlinks button:nth-child(3){display:none}.navright #localDashboard{display:inline-flex;align-items:center;gap:6px}.navright #localDashboard .icon{color:#243d57;width:22px;height:22px}.portal-tool-grid .toolicon,.portal-tool-icon{background:#243d57!important;color:#008d94!important}.reference-category-icon{color:#007a80!important}.nh-filter-chip{background:#edf7f7;border-color:#c6e1e3;color:#243d57}.nh-admin-tabs button[aria-pressed=true]{background:#243d57}.nh-stat-button b{color:#243d57}.nd-admin-lock>span{color:#008d94!important;background:#243d57!important}input:focus,select:focus,textarea:focus{outline-color:#008d94!important;border-color:#007a80!important}footer{background:#243d57!important}.footer .logo .brand-novi{color:white!important}.footer .logo .brand-dom{color:#008d94!important}.work-preview-notice{background:#243d57;color:#f8fafe}.work-preview-notice a{color:#83e1db}.listingspec .icon,.specs .icon{color:#243d57}.listing-page .price{color:#243d57}
@media(max-width:700px){.portal-hero h1{font-size:35px}.navlinks .flatco-nav-icon{display:none}.navright #localDashboard .icon{width:18px;height:18px}}

/* Consistent readable text on light and dark surfaces. */
label,.search-hint,.explore>span,.sectiontop .eyebrow,.sectiontop p:not(.eyebrow),.reference-stats span,.portal-feature-grid p,.reference-step-grid p,.reference-community p:not(.eyebrow),.location,.unit-price,.owner,.cardfoot{color:#526171}
.card h3,.card h3 button,.listing-description,.specs,.listing-page{color:#243d57}
input::placeholder,textarea::placeholder{color:#657383;opacity:1}
.footer .footer-brand p,.footer-column a,.footer-column button,.footer-note p,.footer-note .demo-pill,.footer .copyright,.footer-column>span{color:#e2e8f0!important}
.portal-hero .hero-description,.portal-hero .eyebrow,.portal-hero .natural-search-help,.portal-hero .natural-search-label,.portal-hero summary,.regionlinks span,.reference-county-section .eyebrow,.reference-county-grid button{color:#f1f5f9!important}

/* Cream and bronze surfaces throughout the portal. */
:root{--cream:#eef7f7;--cream-deep:#e0f1f1;--bronze:#008d94;--line:#c6e1e3;--wash:#eef7f7}
.reference-stats{background:#e0f1f1!important;border-color:#008d94!important}
.reference-stats strong{color:#243d57!important}.reference-stats span{color:#526171!important}
.fav-count,.count,.view-toggle button.active,.view-toggle button[aria-pressed="true"],.nh-filter-chip{background:#e0f1f1!important;color:#243d57!important;border-color:#008d94!important}
input[type="checkbox"],input[type="radio"]{accent-color:#007a80}
/* Show the primary filters immediately on the mobile homepage. */
@media(max-width:760px){
 .intro>#searchForm{display:block}
 .nh-mobile-search{display:none}
 .reference-intro>#searchForm{width:calc(100% - 28px);margin:0 14px;padding:0 16px 18px;transform:none}
 #searchForm .search-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:16px 0}
 #searchForm .location-field,#searchForm .search-fields>div:nth-child(2){grid-column:1/-1}
 #searchForm .search-fields>div:nth-child(4){grid-column:auto}
 #searchForm .search-button{grid-column:1/-1;justify-content:center;min-height:46px;width:100%}
 #searchForm input,#searchForm select{font-size:16px;width:100%;min-width:0}
 #searchForm input[type=checkbox]{width:18px;min-height:18px;flex-shrink:0}
 #searchForm label{font-size:12px}
 #searchForm .search-hint{display:none}
 #searchForm .search-bottom{gap:12px 18px;align-items:center;flex-wrap:wrap}
 #searchForm .search-bottom button{min-height:40px;font-size:12px}
 #searchForm .advanced.open{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #nhFilterDialog #searchForm{margin:0;width:100%}
 #nhFilterDialog #searchForm .search-button{display:none}
}