.customer-map-page { max-width: none !important; width: 100% !important; padding: 42px clamp(28px, 4vw, 72px) 72px; background: #f7f8f5; }
.customer-map-page .topbar { margin-bottom: 54px; }
.customer-map-page .topbar h1 { font-size: clamp(36px, 3vw, 50px); letter-spacing: -2px; }
.customer-map-page .section-head { margin-bottom: 22px; }
.customer-map-page .section-head h3 { font-size: clamp(23px, 1.8vw, 29px); letter-spacing: -.7px; }
.customer-map-page .customer-tools { padding: 14px; margin-bottom: 28px; border: 1px solid #dce5e1; border-radius: 14px; background: #edf3ef; }
.customer-map-page .customer-filters { gap: 10px; }
.customer-map-page .search-field, .customer-map-page .customer-filters select { height: 50px; border-color: #d6e0dc; border-radius: 9px; background: #fff; }
.customer-map-page .search-field { flex-basis: 360px; }
.customer-map-page .filter-button { height: 50px; padding: 0 24px; border-radius: 9px; background: #17323b; }
.customer-map-page .company-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 18px; margin-bottom: 42px; }
.customer-map-page .company-card { min-height: 246px; padding: 24px 24px 56px; border: 1px solid #dbe4e0; border-radius: 14px; box-shadow: 0 8px 24px rgba(26, 48, 55, .045); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.customer-map-page .company-card:hover { border-color: #e8785d; box-shadow: 0 14px 30px rgba(26, 48, 55, .10); transform: translateY(-3px); }
.customer-map-page .company-logo { width: 42px; height: 42px; border-radius: 12px; background: #dbece3; color: #38745f; font-size: 12px; }
.customer-map-page .company-card h4 { margin-top: 22px; font-size: clamp(21px, 1.7vw, 26px); letter-spacing: -.5px; }
.customer-map-page .company-card p { font-size: 13px; }
.customer-map-page .company-meta { gap: 16px; margin-top: 19px; padding-top: 13px; font-size: 12px; }
.customer-map-page .company-meta span { min-width: 0; overflow-wrap: anywhere; }
.customer-map-page .company-meta b { font-size: 9px; letter-spacing: .3px; }
.customer-map-page .company-owner { display: flex; align-items: center; gap: 7px; margin-top: 13px; padding-top: 11px; border-top: 1px solid #edf0ed; font: 11px Arial; }
.customer-map-page .company-owner b { color: #8b9793; font-size: 9px; letter-spacing: .7px; }
.customer-map-page .company-owner span { color: #3d765f; font-weight: 700; }
.customer-map-page .company-owner span.unassigned { color: #bd7522; }
.customer-map-page .health { padding: 7px 10px; border-radius: 99px; font-size: 10px; }
.customer-map-page .card-arrow { right: 24px; bottom: 20px; color: #e8785d; font-size: 12px; }
@media (max-width: 900px) { .customer-map-page { padding: 30px 24px 56px; } .customer-map-page .topbar { margin-bottom: 38px; } }
@media (max-width: 620px) { .customer-map-page { padding: 24px 16px 48px; } .customer-map-page .topbar h1 { font-size: 38px; } .customer-map-page .company-grid { grid-template-columns: 1fr; } .customer-map-page .company-card { min-height: 238px; } }