.client-filter-tile-caption, .client-filter-tile-value { display: none; } @media (max-width: 760px) { #clientsSection .client-filter-panel .client-filters { gap: 6px; margin: 0; border: 0; background: transparent; } #clientsSection .client-filter-panel .client-filters label { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: 0; min-height: 42px; box-sizing: border-box; padding: 7px 22px 7px 9px; overflow: hidden; border: 1px solid transparent; border-radius: 9px; background: #f0f4fa; color: #586d89; font-size: 0; } #clientsSection .client-filter-panel .client-filters label::after { position: absolute; right: 10px; top: 50%; width: 5px; height: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; content: ''; transform: translateY(-65%) rotate(45deg); pointer-events: none; } #clientsSection .client-filter-panel .client-filters label.has-selection { color: #fff; border-color: #2e70c7; background: linear-gradient(115deg, #2460bd, #347fda); box-shadow: 0 3px 8px #286bc421; } #clientsSection .client-filter-panel .client-filters label:focus-within { outline: 2px solid #7aa8e4; outline-offset: 2px; } #clientsSection .client-filter-panel .client-filters select { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; min-height: 0; padding: 0; opacity: 0; font-size: 16px; cursor: pointer; } .client-filters .client-filter-tile-caption { display: block; width: 100%; overflow: hidden; font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; } .client-filters .has-selection .client-filter-tile-caption { font-size: 9px; font-weight: 500; opacity: .88; } .client-filters .has-selection .client-filter-tile-value { display: block; width: 100%; overflow: hidden; font-size: 12px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; } #clientDetailDialog { width: 100vw; height: 100dvh; margin: 0; border: 0; border-radius: 0; } #clientDetailDialog .client-detail-heading { min-height: 0; padding: 8px 46px 7px 10px; } #clientDetailDialog .client-detail-heading .eyebrow { display: none; } #clientDetailDialog .client-detail-person { gap: 8px; } #clientDetailDialog .client-detail-person > div:last-child { min-width: 0; } #clientDetailDialog .client-detail-person h3 { margin: 0 0 3px; font-size: 17px; line-height: 1.3; overflow-wrap: anywhere; } #clientDetailDialog .client-phone { font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; } #clientDetailDialog .client-detail-avatar { width: 38px; height: 38px; border-radius: 10px; } #clientDetailDialog .client-detail-avatar > span { font-size: 19px; } #clientDetailDialog .client-detail-avatar i { display: none; } #clientDetailDialog .client-photo-change { font-size: 9px; } #clientDetailDialog .client-detail-close { top: 9px; right: 8px; width: 32px; height: 32px; } #clientDetailDialog .client-detail-tabs { grid-template-columns: 1fr 1fr; margin: 4px 6px 0; padding: 3px; } #clientDetailDialog .client-detail-tabs button { min-height: 30px; font-size: 11px; } #clientDetailDialog .client-profile-workspace { grid-template-columns: minmax(0, 1fr); grid-template-rows: max-content max-content; align-content: start; gap: 6px; padding: 6px; overflow: auto; overscroll-behavior: contain; } #clientDetailDialog .client-profile-overview { display: flex; flex-direction: column; min-height: auto; padding: 7px; overflow: visible; border-radius: 9px; } #clientDetailDialog .client-profile-overview > * { flex-shrink: 0; } #clientDetailDialog .client-profile { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin: 0; padding: 0; order: 0; } #clientDetailDialog .client-profile-item { min-height: 0; padding: 5px 6px; border: 0; border-radius: 5px; font-size: 9px; } #clientDetailDialog .client-profile-item strong { margin-top: 2px; font-size: 11px; line-height: 1.35; } #clientDetailDialog .client-profile-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 6px; order: 1; } #clientDetailDialog .client-profile-actions > button { min-height: 34px; padding: 6px 4px; font-size: 11px; border-radius: 7px; } #clientDetailDialog .client-profile-hint { order: 2; margin: 6px 0 0; padding: 6px; } #clientDetailDialog .client-profile-hint p { margin-bottom: 4px; font-size: 10px; } #clientDetailDialog .client-profile-hint button { min-height: 28px; padding: 4px 7px; font-size: 10px; } #clientDetailDialog .client-owner-actions { order: 3; gap: 6px; margin: 6px 0 0; align-items: end; } #clientDetailDialog .client-owner-actions:empty { display: none; } #clientDetailDialog .client-owner-actions label { display: grid; flex: 1 1 0; min-width: 0; gap: 3px; font-size: 10px; } #clientDetailDialog .client-owner-actions select { height: 34px; min-height: 34px; padding: 4px 6px; } #clientDetailDialog .client-owner-actions button { flex: 0 0 auto; width: auto; min-height: 34px; padding: 6px 8px; font-size: 11px; } #clientDetailDialog .client-edit-box { order: 4; margin-top: 6px; padding: 7px; } #clientDetailDialog .client-profile-workspace .client-inline-follow { padding: 7px; overflow: visible; border-radius: 9px; } #clientDetailDialog .client-inline-follow-head { display: flex; flex-direction: row; align-items: center; gap: 6px; } #clientDetailDialog .client-inline-follow-head > div:first-child { flex: 1; min-width: 0; } #clientDetailDialog .client-inline-follow-head > div:first-child span { font-size: 9px; } #clientDetailDialog .client-inline-follow-head h4 { font-size: 12px; } #clientDetailDialog .client-detail-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; } #clientDetailDialog .client-detail-tools button { min-height: 34px; padding: 6px 7px; font-size: 11px; white-space: nowrap; } #clientDetailDialog .client-inline-follow .follow-up-box { gap: 6px; margin-top: 7px; padding: 7px; border-radius: 7px; } #clientDetailDialog .follow-up-box > div > strong { font-size: 10px; } #clientDetailDialog .client-follow-templates { gap: 4px; margin-top: 4px; } #clientDetailDialog .client-follow-templates button { min-height: 28px; padding: 4px 6px; border-radius: 5px; font-size: 10px; } #clientDetailDialog .follow-up-box label { gap: 4px; font-size: 10px; } #clientDetailDialog .follow-up-box textarea { height: 70px; min-height: 70px; padding: 6px; font-size: 16px; } #clientDetailDialog .follow-up-box > small { display: none; } #clientDetailDialog #saveFollowUp { min-height: 34px; padding: 6px; font-size: 12px; } #clientDetailDialog .follow-history { max-height: 180px; margin-top: 8px; padding: 0 3px; } #clientDetailDialog .follow-history h4 { margin: 0 0 5px; font-size: 12px; } #clientDetailDialog .follow-history-item { padding: 6px 0; font-size: 11px; } #clientDetailDialog .follow-history-item time { font-size: 10px; } .client-viewing-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } .client-viewing-options button { min-height: 40px; font-size: 13px; } #propertyDrawerBackdrop { z-index: 110; } #propertyDrawer { z-index: 111; width: 100vw; height: 100dvh; border: 0; border-radius: 0; } #propertyDrawer .property-drawer-head { display: block; padding: 7px 9px; } #propertyDrawer .property-drawer-title { padding-right: 38px; } #propertyDrawer .property-drawer-title > .eyebrow, #propertyDrawer .property-drawer-title > p:last-child { display: none; } #propertyDrawer .property-drawer-head h2 { margin: 0; font-size: 16px; } #propertyDrawer .property-drawer-head-actions { justify-content: space-between; margin-top: 5px; padding-right: 38px; } #propertyDrawer .property-drawer-head-actions > .property-status { display: none; } #propertyDrawer .property-drawer-head-actions > .property-close { position: absolute; top: 7px; right: 8px; width: 32px; height: 32px; } #propertyDrawer .property-drawer-navigation { flex: 1; justify-content: space-between; gap: 5px; } #propertyDrawer .property-drawer-navigation button { min-height: 30px; padding: 4px 8px; font-size: 11px; } #propertyDrawer .property-drawer-navigation span { font-size: 10px; } #propertyDrawer .property-drawer-body { display: flex; flex-direction: column; flex: 1; min-height: 0; gap: 6px; padding: 6px; overscroll-behavior: contain; } #propertyDrawer .property-detail-card { padding: 7px; border-radius: 9px; flex-shrink: 0; } #propertyDrawer .property-overview-card.property-overview-redesign { display: block !important; min-height: 0 !important; padding: 0; flex-shrink: 0; } #propertyDrawer .property-overview-identity { padding: 7px 8px; gap: 6px; } #propertyDrawer .property-overview-identity > div > span, #propertyDrawer .property-overview-identity p { display: none; } #propertyDrawer .property-overview-identity h3 { margin: 0; font-size: 13px; line-height: 1.4; } #propertyDrawer .property-key-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } #propertyDrawer .property-key-metrics > div { padding: 6px 8px; } #propertyDrawer .property-key-metrics span, #propertyDrawer .property-detail-strip span { font-size: 9px; } #propertyDrawer .property-key-metrics strong { margin-top: 2px; font-size: 12px; } #propertyDrawer .property-key-metrics .price strong { font-size: 14px; } #propertyDrawer .property-detail-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } #propertyDrawer .property-detail-strip > div { padding: 5px 8px; border: 0; } #propertyDrawer .property-detail-strip > div:last-child { grid-column: span 2; } #propertyDrawer .property-detail-strip strong { font-size: 10px; white-space: normal; overflow-wrap: anywhere; } #propertyDrawer .property-follow-snapshot { grid-template-columns: 1fr 1fr; } #propertyDrawer .property-follow-snapshot > div { padding: 5px 8px; } #propertyDrawer .property-follow-snapshot-content { grid-column: 1 / -1; grid-row: 2; border-top: 1px solid #dfe9f6; border-left: 0; } #propertyDrawer .property-follow-snapshot-content strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; font-size: 11px; } #propertyDrawer .property-primary-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; padding: 6px; } #propertyDrawer .property-primary-actions button { min-height: 34px; padding: 5px 2px; border-radius: 7px; font-size: 10px; box-shadow: 0 2px 0 #dce7f4; } #propertyDrawer .property-primary-actions button span, #propertyDrawer .property-primary-actions button::after { display: none; } #propertyDrawer .property-owner-strip header { flex-wrap: wrap; gap: 5px; margin-bottom: 5px; } #propertyDrawer .property-detail-card h3 { font-size: 13px; } #propertyDrawer .property-role-badge { font-size: 9px; padding: 3px 5px; } #propertyDrawer .property-section-actions { gap: 5px; } #propertyDrawer .property-mini-button { min-height: 28px; padding: 4px 6px; font-size: 10px; } #propertyDrawer .property-owner-list { gap: 5px; } #propertyDrawer .property-owner-card { padding: 6px; } #propertyDrawer .property-owner-compact { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 6px; } #propertyDrawer .property-owner-name { font-size: 11px; overflow-wrap: anywhere; } #propertyDrawer .property-phone-chip-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; } #propertyDrawer .property-phone-chip { min-width: 0; padding: 5px; font-size: 11px; } #propertyDrawer .property-phone-chip span { white-space: normal; overflow-wrap: anywhere; } #propertyDrawer .property-phone-chip em { font-size: 9px; } #propertyDrawer .property-follow-workbench-grid { grid-template-columns: minmax(0, 1fr); gap: 7px; } #propertyDrawer .property-follow-workbench > header p { display: none; } #propertyDrawer .property-follow-form label { padding: 5px 6px; font-size: 11px; } #propertyDrawer .property-follow-form textarea { min-height: 76px; font-size: 16px; } #propertyDrawer .property-follow-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } #propertyDrawer .property-follow-actions button { min-height: 34px; padding: 5px; font-size: 12px; } #propertyDrawer .property-inline-history { padding: 6px; } #propertyDrawer .property-inline-history .property-follow-list { max-height: 260px; } #propertyDrawer .property-info-groups { grid-template-columns: minmax(0, 1fr); gap: 6px; } #propertyDrawer .property-info-groups article { padding: 6px; } #propertyDrawer .property-info-groups dl { grid-template-columns: repeat(3, minmax(0, 1fr)); } #propertyDrawer .property-info-groups dl > div { padding: 4px; border-left: 0; } #propertyDrawer .property-info-groups dd { font-size: 11px; } #propertyDrawer .property-modal-card { max-width: 100%; max-height: calc(100dvh - 20px); padding: 10px; } #propertyDrawer .property-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } #propertyDrawer .property-form-grid .full { grid-column: 1 / -1; } #propertyDrawer .property-modal-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; } } #propertyDrawer .property-drawer-body { align-content: start; } #propertyDrawer .property-follow-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } #propertyDrawer .property-follow-fields label { min-width: 0; grid-template-columns: max-content minmax(0, 1fr); align-items: center; gap: 8px; border: 0; } #propertyDrawer .property-follow-fields select { min-width: 0; } #propertyDrawer .property-follow-fields label, #propertyDrawer .property-follow-form .property-follow-content { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 8px; padding: 6px 8px; } #propertyDrawer .property-follow-content { align-items: start; border-top: 1px solid #e6ecf3; } #propertyDrawer .property-title-area { display: inline-block; margin-left: 14px; font-size: .5em; font-weight: 500; color: #6e8097; white-space: nowrap; vertical-align: middle; } #propertyDrawer .property-follow-content textarea { min-height: 114px; } #propertyDrawer .property-collapsible { display: block; padding: 0; } #propertyDrawer .property-collapsible > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 12px; list-style: none; cursor: pointer; color: #2b405c; font-size: 14px; font-weight: 700; } #propertyDrawer .property-collapsible > summary::-webkit-details-marker { display: none; } #propertyDrawer .property-collapsible > summary::after { content: ''; width: 7px; height: 7px; margin-right: 3px; border-right: 1.5px solid #8293a8; border-bottom: 1.5px solid #8293a8; transform: rotate(45deg); } #propertyDrawer .property-collapsible[open] > summary::after { transform: rotate(225deg); } #propertyDrawer .property-collapsible > summary:hover { background: #f6f9fd; } #propertyDrawer .property-collapsible > summary:focus-visible { outline: 2px solid #7aa8e4; outline-offset: -2px; } #propertyDrawer .property-collapsible > .property-info-groups, #propertyDrawer .property-collapsible > .property-log-list { margin: 0 12px 12px; } #propertyDrawer .property-expanded-actions { display: flex; justify-content: flex-end; margin: 0 12px 8px; } @media (max-width: 760px) { #propertyDrawer .property-follow-fields label, #propertyDrawer .property-follow-form .property-follow-content { grid-template-columns: 40px minmax(0, 1fr); padding: 5px; gap: 4px; font-size: 10px; } #propertyDrawer .property-follow-fields select { padding: 5px 2px; font-size: 12px; } #propertyDrawer .property-collapsible > summary { padding: 11px 9px; font-size: 12px; } }