/* The same navy, ivory and champagne language across property, planning and insight. */
@media(max-width:720px){
 body .content .page-head .page-actions:has(#operationOffers){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%;align-items:stretch!important}
 body .content .page-head .page-actions:has(#operationOffers)>button{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;min-width:0!important;width:100%!important;min-height:52px!important;margin:0!important;padding:8px 4px!important;font-size:14px!important;white-space:nowrap}
}
.content:has(.property-tools)>.page-head,.content:has(.insights) .insights>.page-head{position:relative;background:radial-gradient(circle at 85% 15%,#3b5265,transparent 32%),linear-gradient(120deg,#101923,#1c3042 68%,#14202c)!important;border:1px solid #2f4659;border-radius:20px;padding:30px 34px;min-height:156px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 14px 35px #13283c20;color:#fff;overflow:hidden}
.content:has(.property-tools)>.page-head h1,.content:has(.insights) .insights>.page-head h1{font:800 clamp(32px,3vw,46px)/1.1 Manrope,sans-serif;color:#fff!important;letter-spacing:-.045em;margin:6px 0 9px}
.content:has(.property-tools)>.page-head p,.content:has(.insights) .insights>.page-head p{color:#d6e0e7!important;font-size:16px;line-height:1.5}
.content:has(.property-tools)>.page-head .eyebrow,.content:has(.insights) .insights>.page-head .eyebrow{color:#dfc58f!important;letter-spacing:.16em}
.content:has(.property-tools)>.page-head button,.content:has(.insights) .insights>.page-head button{background:#e2bf7e!important;border:1px solid #e2bf7e!important;color:#172633!important;box-shadow:none!important;font-weight:800}
.content:has(.property-tools)>.page-head button:hover,.content:has(.insights) .insights>.page-head button:hover{background:#f1d29b!important}
.content:has(.property-tools) .portfolio-stats{gap:13px;margin:18px 0}
.content:has(.property-tools) .portfolio-stats>div{background:#fff;border:1px solid #dce4eb;border-top:3px solid #c4a368;border-radius:13px;box-shadow:0 5px 16px #1831480b}
.content:has(.property-tools) .portfolio-stats strong{color:#1a2e40}
.content:has(.property-tools) .portfolio-stats span{color:#5b6d7a}
.content:has(.property-tools) .property-tools{background:#fff;border:1px solid #dce4eb;border-radius:15px;padding:13px;box-shadow:0 5px 16px #1831480b}
.content:has(.property-tools) .property-filters .chip{background:#f4f6f8;color:#263b4b;border:1px solid #dce4eb}
.content:has(.property-tools) .property-filters .chip.active{background:#1b2e3e;color:#fff;border-color:#1b2e3e}
.content:has(.property-tools) .property-grid .property{border:1px solid #dce4eb;border-radius:15px;background:#fff;box-shadow:0 5px 16px #1831480a;overflow:hidden}
.content:has(.property-tools) .property-grid .property:hover{border-color:#c8a971;box-shadow:0 9px 24px #18314818}
.content:has(.property-tools) .property-grid .property h3{color:#1c3041}
.content:has(.insights) .insight-actions{background:#223747!important;border:1px solid #526270!important;color:#fff!important}
.content:has(.insights) .insight-actions select{background:#f8fafb;border-color:#cad5dd;color:#1b3040}
.content:has(.insights) .insight-kpi{background:#fff!important;border:1px solid #dce4eb!important;border-top:3px solid #c4a368!important;box-shadow:0 5px 16px #1831480c!important;color:#1b3040!important}
.content:has(.insights) .insight-kpi strong,.content:has(.insights) .insight-big{color:#1a3042!important}
.content:has(.insights) .insight-section{border:1px solid #dce4eb;border-radius:15px;background:#fff;box-shadow:0 5px 16px #1831480a}
.content:has(.insights) .insight-section h2{color:#1c3041}
.planning .planning-tabs{display:flex;flex-wrap:wrap;gap:7px;background:#f1f4f6;border:1px solid #dce4eb;border-radius:13px;padding:6px}
.planning .planning-tabs button{background:transparent!important;border:1px solid transparent!important;color:#263c4e!important;border-radius:9px;min-height:45px;box-shadow:none!important}
.planning .planning-tabs button.active{background:#1b2e3e!important;border-color:#1b2e3e!important;color:#fff!important;box-shadow:0 4px 12px #12233820!important}
.planning .planning-tabs button:hover:not(.active){background:#e5ebef!important}
@media(max-width:720px){
 .content:has(.property-tools)>.page-head,.content:has(.insights) .insights>.page-head{border-radius:0 0 21px 21px;padding:22px 18px;min-height:0;margin:0 0 16px;display:block}
 .content:has(.property-tools)>.page-head h1,.content:has(.insights) .insights>.page-head h1{font-size:30px}
 .content:has(.property-tools)>.page-head p,.content:has(.insights) .insights>.page-head p{font-size:15px}
 .content:has(.property-tools) .portfolio-stats{padding:0 14px}
 .content:has(.property-tools) .property-tools{margin:0 14px 14px}
 .content:has(.property-tools) .property-search{min-width:0;width:100%}
 .content:has(.property-tools) .property-search input{color:#1b3040!important;background:transparent!important}
 .content:has(.insights) .insight-actions{margin-top:16px}
 .planning .planning-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}
 .planning .planning-tabs button{white-space:nowrap;font-size:15px}
}