/* Typography and collision fixes only; approved visual identity is retained. */
:root{--core-caption-size:11px;--core-detail-size:12px;--core-copy-leading:1.55}
.top .accessSwitch label{font-size:11px!important;line-height:1.5!important}
.top #notificationBadge{font-size:11px!important;min-width:20px!important;height:20px!important}
#notificationModal .notificationSummary span,#notificationModal .notificationItem span,#notificationModal .notificationItem em,#notificationModal .notificationEmpty{font-size:12px!important;line-height:1.5!important}
#notificationModal .notificationItem b{font-size:13px!important;line-height:1.5!important}
#notificationModal .notificationItem{grid-template-columns:9px minmax(0,1fr) auto!important;gap:12px!important}
#notificationModal .notificationItem>div{min-width:0;overflow-wrap:anywhere}
#callModal .callQuick span,#callModal .callHint{font-size:12px!important;line-height:1.55!important}
#clientsPage .stagebar button{font-size:12px!important;line-height:1.5!important;min-height:40px!important}
#drawer .lotHero .status,#drawer .lotStats span{font-size:12px!important;line-height:1.5!important}
#clientsPage .clientHero>*{min-width:0!important;max-width:100%!important}
@media(max-width:1250px){#clientsPage .clientHero{grid-template-columns:minmax(0,1fr)!important}#clientsPage .clientHeroTools{flex-wrap:wrap!important}#clientsPage .clientHeroTools button{flex:1 1 130px!important;max-width:100%!important}#clientsPage .clientHero p{overflow-wrap:anywhere!important}}
@media(max-width:600px){#clientsPage .stagebar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}#clientsPage .stagebar button{width:100%!important;white-space:normal!important}#notificationModal .notificationItem{grid-template-columns:9px minmax(0,1fr)!important}#notificationModal .notificationItem em{grid-column:2!important;justify-self:start!important;white-space:normal!important}}
#clientsPage .callItem>div{min-width:0!important;overflow-wrap:anywhere!important}
#clientsPage .callItem b{font-size:13px!important;line-height:1.5!important}
#clientsPage .callItem span,#clientsPage .callItem time,#clientsPage .callItem em,#clientsPage .callItem .recordingLink{font-size:12px!important;line-height:1.55!important}
#dealLinkedInfo span{font-size:12px!important;line-height:1.5!important}
#dealLinkedInfo b{font-size:13px!important;line-height:1.5!important;overflow-wrap:anywhere!important}
#taskModal .taskTemplate{font-size:12px!important;line-height:1.5!important;font-weight:500!important;min-height:36px!important}
#editLotModal .checkRow{font-size:13px!important;line-height:1.55!important}
@media(max-width:600px){#telephonyTestModal .editGrid{grid-template-columns:minmax(0,1fr)!important}#clientsPage .callItem{grid-template-columns:32px minmax(0,1fr)!important}#clientsPage .callItem time{grid-column:2!important;text-align:left!important}}
#dashboardPage .miniFunnelRow>span{font-size:12px!important;line-height:1.5!important}
#analyticsPage .managerTable td strong{font-size:13px!important;line-height:1.5!important}
#analyticsPage .funnelLine>b{font-size:12px!important;line-height:1.5!important}
#analyticsPage .analyticsKpis>.akpi>span{font-size:11px!important;line-height:1.5!important;letter-spacing:.045em!important}
#dashboardPage #focusDesk .focusDeskHead>div>span{font-size:var(--core-caption-size)!important}
#dashboardPage .event span{font-size:var(--core-detail-size)!important;line-height:var(--core-copy-leading)!important}
#clientsPage .clientEyebrow,#clientsPage .clientFocusLabel,#clientsPage .clientLotProject{font-size:var(--core-caption-size)!important;line-height:1.5!important}
#clientsPage .boxHead{gap:12px!important;flex-wrap:wrap!important;align-items:baseline!important}
#clientsPage .boxHead>span{font-size:var(--core-detail-size)!important;line-height:1.5!important}
#clientsPage .activityText b{font-size:13px!important;line-height:1.5!important}
#clientsPage .activityText span,#clientsPage .activityRow time{font-size:var(--core-detail-size)!important;line-height:1.55!important}
#clientsPage .activityText{min-width:0;overflow-wrap:anywhere}
#dealsPage .dealCard .projectTag,#dealsPage .dealCard .projectTag.hive{font-size:var(--core-caption-size)!important;line-height:1.5!important}
#boardPage .selectedCount{font-size:12px!important}
/* Keep the note and actions in separate grid rows, regardless of note length. */
#boardPage #board .units .unit{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr auto!important;gap:6px!important;height:auto!important;min-height:184px!important;align-content:start!important;overflow:visible!important}
#boardPage #board .unit .uTop{grid-column:1/-1!important;grid-row:1!important;margin:0!important}
#boardPage #board .unit .price,#boardPage #board .unit .soldText{grid-column:1/-1!important;grid-row:2!important;position:static!important;margin:0!important;min-width:0!important;overflow-wrap:anywhere}
#boardPage #board .unit .meta{grid-column:1/-1!important;grid-row:3!important;position:static!important;margin:0!important;padding:0 0 4px!important;line-height:1.55!important;overflow-wrap:anywhere}
#boardPage #board .unit .selectMini,#boardPage #board .unit .mini{position:static!important;inset:auto!important;transform:none!important;grid-row:4!important;align-self:end!important;margin:0!important;min-height:32px!important}
#boardPage #board .unit .selectMini{grid-column:1!important;width:32px!important;height:32px!important}
#boardPage #board .unit .mini{grid-column:2!important;justify-self:end!important}
#analyticsPage .planFields label{font-size:12px!important;line-height:1.5!important}
#analyticsPage .analyticsPanelIndex{font-size:11px!important;line-height:1.5!important;letter-spacing:.07em!important}
#analyticsPage .funnelLine .convPill,#analyticsPage .projectAnalyticHead>span{font-size:12px!important;line-height:1.5!important}
#analyticsPage .projectFunnelLine{grid-template-columns:minmax(88px,1.1fr) minmax(24px,1fr) 24px!important;gap:8px!important}
#analyticsPage .projectFunnelLine>span,#analyticsPage .projectFunnelLine>em{font-size:12px!important;line-height:1.5!important}
#analyticsPage .paGrid>div>span{font-size:11px!important;line-height:1.5!important;overflow-wrap:anywhere}
#analyticsPage .paGrid{gap:12px!important}
#analyticsPage .analyticsKpis>.completionKpi{display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;grid-template-rows:auto 1fr!important;gap:12px!important;align-items:center!important}
#analyticsPage .analyticsKpis>.completionKpi>span{grid-column:1/-1!important;position:static!important;width:auto!important;max-width:none!important;padding:0!important;white-space:normal!important}
#analyticsPage .analyticsKpis>.completionKpi .analyticsRing{position:relative!important;inset:auto!important;grid-column:2!important;grid-row:2!important;width:72px!important;height:72px!important;margin:0!important}
#analyticsPage .analyticsKpis>.completionKpi>small{grid-column:1!important;grid-row:2!important;position:static!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
#controlPage .controlSectionHead>div>span,#controlPage .employeeCard p{font-size:12px!important;line-height:1.55!important}
#controlPage .employeeAvatar{font-size:12px!important}
#controlPage .employeeTag,#controlPage .employeeTag.active{font-size:11px!important;line-height:1.5!important}
#settingsPage .statusPill,#settingsPage .visPill{font-size:11px!important;line-height:1.5!important;white-space:normal!important}
#settingsPage .permissionGrid p{font-size:12px!important;line-height:1.55!important}
#settingsPage .inventoryTable b{font-size:13px!important}
/* ATC: allow names and addresses to grow vertically instead of clipping. */
#telephonyPage .atsHero>div,#telephonyPage .atsSummary>div,#telephonyPage .atsWorkspace>*{min-width:0!important}
#telephonyPage .atsEyebrow,#telephonyPage .atsSummary>div>span,#telephonyPage .atsWebhookTitle{font-size:11px!important;line-height:1.55!important;letter-spacing:.07em!important}
#telephonyPage .atsSummary strong{overflow-wrap:anywhere!important}
#telephonyPage .atsSectionHead{gap:16px!important;flex-wrap:wrap!important}
#telephonyPage .atsSectionHead>div{min-width:0!important;flex:1 1 170px!important}
#telephonyPage .atsSectionHead h3{overflow-wrap:anywhere!important}
#telephonyPage .telephonyGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#telephonyPage .telephonyGrid .field{min-width:0!important;line-height:1.5!important}
#telephonyPage .telephonyChecks label{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:12px!important}
#telephonyPage .telephonyChecks label>span{min-width:0!important;overflow-wrap:anywhere!important}
#telephonyPage .atsMappingRow{grid-template-columns:minmax(0,1fr) 158px!important;gap:16px!important}
#telephonyPage .atsMappingRow>span{min-width:0!important;overflow-wrap:anywhere!important}
#telephonyPage .atsMappingRow input{min-width:0!important;width:100%!important}
#telephonyPage .atsMappingRow b,#telephonyPage .telephonyEvent b{font-size:14px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
#telephonyPage .atsMappingRow small,#telephonyPage .telephonyEvent span,#telephonyPage .telephonyEvent time{font-size:12px!important;line-height:1.6!important;overflow-wrap:anywhere!important}
#telephonyPage .atsWebhookRow{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;margin-top:16px!important}
#telephonyPage .atsWebhookRow label{grid-column:1!important;grid-row:1!important;font-size:12px!important}
#telephonyPage .atsWebhookRow button{grid-column:2!important;grid-row:1!important;font-size:12px!important;min-height:38px!important}
#telephonyPage .atsWebhookRow textarea{grid-column:1/-1!important;grid-row:2!important;display:block!important;min-width:0!important;width:100%!important;min-height:68px!important;max-height:none!important;resize:none!important;padding:10px 12px!important;border:1px solid #c6beb2!important;background:#fff!important;color:#514a40!important;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;overflow:hidden!important;box-sizing:border-box!important}
#telephonyPage .telephonyActions{flex-wrap:wrap!important;gap:12px!important}
#telephonyPage .telephonyEvent{grid-template-columns:minmax(95px,.65fr) minmax(0,2fr) auto!important;gap:18px!important}
#telephonyPage .telephonyEvent>div{min-width:0!important}
#telephonyPage .telephonyEvent time{white-space:nowrap!important}
@media(max-width:1200px){#analyticsPage .projectSplit{grid-template-columns:1fr!important}}
@media(max-width:900px){#telephonyPage .telephonyGrid{grid-template-columns:minmax(0,1fr)!important}#telephonyPage .telephonyEvent{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}#telephonyPage .telephonyEvent time{grid-column:1!important;white-space:normal!important}#telephonyPage .atsMappingRow{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}#telephonyPage .atsMappingRow input{max-width:100%!important;font-size:16px!important}.mobileNav button span{font-size:11px!important;line-height:1.4!important}.mobileNav button{flex:1 0 65px!important}#clientsPage .activityRow{grid-template-columns:18px minmax(0,1fr)!important}#clientsPage .activityRow time{grid-column:2!important}}
@media(max-width:600px){#analyticsPage .analyticsKpis>.completionKpi{grid-template-columns:minmax(0,1fr)!important}#analyticsPage .analyticsKpis>.completionKpi>small{grid-column:1!important;grid-row:3!important}#analyticsPage .analyticsKpis>.completionKpi .analyticsRing{grid-column:1!important;grid-row:2!important}#analyticsPage .projectSplit{grid-template-columns:minmax(0,1fr)!important}}