/* Generated from the actual PeopleIndex CRM presentation utilities. */
:is(.crm-card-host,.native-metrics) .relative{position:relative}
:is(.crm-card-host,.native-metrics) .mx-1\.5{margin-left:.375rem;margin-right:.375rem}
:is(.crm-card-host,.native-metrics) .ml-1\.5{margin-left:.375rem}
:is(.crm-card-host,.native-metrics) .ml-auto{margin-left:auto}
:is(.crm-card-host,.native-metrics) .mt-0\.5{margin-top:.125rem}
:is(.crm-card-host,.native-metrics) .mt-1{margin-top:.25rem}
:is(.crm-card-host,.native-metrics) .mt-1\.5{margin-top:.375rem}
:is(.crm-card-host,.native-metrics) .mt-2{margin-top:.5rem}
:is(.crm-card-host,.native-metrics) .mt-2\.5{margin-top:.625rem}
:is(.crm-card-host,.native-metrics) .mt-3{margin-top:.75rem}
:is(.crm-card-host,.native-metrics) .mt-3\.5{margin-top:.875rem}
:is(.crm-card-host,.native-metrics) .line-clamp-1{-webkit-line-clamp:1}
:is(.crm-card-host,.native-metrics) .line-clamp-2{-webkit-line-clamp:2}
:is(.crm-card-host,.native-metrics) .block{display:block}
:is(.crm-card-host,.native-metrics) .inline-block{display:inline-block}
:is(.crm-card-host,.native-metrics) .flex{display:flex}
:is(.crm-card-host,.native-metrics) .inline-flex{display:inline-flex}
:is(.crm-card-host,.native-metrics) .grid{display:grid}
:is(.crm-card-host,.native-metrics) .size-\[45px\]{width:45px;height:45px}
:is(.crm-card-host,.native-metrics) .h-1{height:.25rem}
:is(.crm-card-host,.native-metrics) .h-5{height:1.25rem}
:is(.crm-card-host,.native-metrics) .h-6{height:1.5rem}
:is(.crm-card-host,.native-metrics) .h-7{height:1.75rem}
:is(.crm-card-host,.native-metrics) .h-8{height:2rem}
:is(.crm-card-host,.native-metrics) .h-9{height:2.25rem}
:is(.crm-card-host,.native-metrics) .min-h-\[26px\]{min-height:26px}
:is(.crm-card-host,.native-metrics) .min-h-\[52px\]{min-height:52px}
:is(.crm-card-host,.native-metrics) .w-1{width:.25rem}
:is(.crm-card-host,.native-metrics) .w-8{width:2rem}
:is(.crm-card-host,.native-metrics) .w-9{width:2.25rem}
:is(.crm-card-host,.native-metrics) .min-w-0{min-width:0}
:is(.crm-card-host,.native-metrics) .max-w-\[120px\]{max-width:120px}
:is(.crm-card-host,.native-metrics) .max-w-full{max-width:100%}
:is(.crm-card-host,.native-metrics) .flex-1{flex:1 1 0%}
:is(.crm-card-host,.native-metrics) .shrink-0{flex-shrink:0}
:is(.crm-card-host,.native-metrics) .cursor-pointer{cursor:pointer}
:is(.crm-card-host,.native-metrics) .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
:is(.crm-card-host,.native-metrics) .select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}
:is(.crm-card-host,.native-metrics) .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.crm-card-host,.native-metrics) .flex-col{flex-direction:column}
:is(.crm-card-host,.native-metrics) .flex-wrap{flex-wrap:wrap}
:is(.crm-card-host,.native-metrics) .items-start{align-items:flex-start}
:is(.crm-card-host,.native-metrics) .items-center{align-items:center}
:is(.crm-card-host,.native-metrics) .justify-center{justify-content:center}
:is(.crm-card-host,.native-metrics) .justify-between{justify-content:space-between}
:is(.crm-card-host,.native-metrics) .gap-0{gap:0}
:is(.crm-card-host,.native-metrics) .gap-0\.5{gap:.125rem}
:is(.crm-card-host,.native-metrics) .gap-1{gap:.25rem}
:is(.crm-card-host,.native-metrics) .gap-1\.5{gap:.375rem}
:is(.crm-card-host,.native-metrics) .gap-2{gap:.5rem}
:is(.crm-card-host,.native-metrics) .gap-3{gap:.75rem}
:is(.crm-card-host,.native-metrics) .gap-\[10px\]{gap:10px}
:is(.crm-card-host,.native-metrics) .overflow-hidden{overflow:hidden}
:is(.crm-card-host,.native-metrics) .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(.crm-card-host,.native-metrics) .whitespace-normal{white-space:normal}
:is(.crm-card-host,.native-metrics) .whitespace-nowrap{white-space:nowrap}
:is(.crm-card-host,.native-metrics) .rounded{border-radius:.25rem}
:is(.crm-card-host,.native-metrics) .rounded-2xl{border-radius:1rem}
:is(.crm-card-host,.native-metrics) .rounded-full{border-radius:9999px}
:is(.crm-card-host,.native-metrics) .rounded-lg{border-radius:.5rem}
:is(.crm-card-host,.native-metrics) .rounded-xl{border-radius:.75rem}
:is(.crm-card-host,.native-metrics) .border{border-width:1px}
:is(.crm-card-host,.native-metrics) .border-t{border-top-width:1px}
:is(.crm-card-host,.native-metrics) .border-blue-100\/60{border-color:#dbeafe99}
:is(.crm-card-host,.native-metrics) .border-blue-200\/60{border-color:#bfdbfe99}
:is(.crm-card-host,.native-metrics) .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}
:is(.crm-card-host,.native-metrics) .border-gray-100\/80{border-color:#f3f4f6cc}
:is(.crm-card-host,.native-metrics) .border-gray-200\/50{border-color:#e5e7eb80}
:is(.crm-card-host,.native-metrics) .border-gray-200\/60{border-color:#e5e7eb99}
:is(.crm-card-host,.native-metrics) .border-gray-200\/70{border-color:#e5e7ebb3}
:is(.crm-card-host,.native-metrics) .border-orange-100\/60{border-color:#ffedd599}
:is(.crm-card-host,.native-metrics) .bg-\[\#6b7280\]{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}
:is(.crm-card-host,.native-metrics) .bg-\[\#FFF4ED\]{--tw-bg-opacity:1;background-color:rgb(255 244 237/var(--tw-bg-opacity,1))}
:is(.crm-card-host,.native-metrics) .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}
:is(.crm-card-host,.native-metrics) .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}
:is(.crm-card-host,.native-metrics) .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}
:is(.crm-card-host,.native-metrics) .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}
:is(.crm-card-host,.native-metrics) .p-5{padding:1.25rem}
:is(.crm-card-host,.native-metrics) .px-1\.5{padding-left:.375rem;padding-right:.375rem}
:is(.crm-card-host,.native-metrics) .px-2{padding-left:.5rem;padding-right:.5rem}
:is(.crm-card-host,.native-metrics) .px-2\.5{padding-left:.625rem;padding-right:.625rem}
:is(.crm-card-host,.native-metrics) .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
:is(.crm-card-host,.native-metrics) .py-1{padding-top:.25rem;padding-bottom:.25rem}
:is(.crm-card-host,.native-metrics) .py-2{padding-top:.5rem;padding-bottom:.5rem}
:is(.crm-card-host,.native-metrics) .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
:is(.crm-card-host,.native-metrics) .pl-\[55px\]{padding-left:55px}
:is(.crm-card-host,.native-metrics) .pr-1{padding-right:.25rem}
:is(.crm-card-host,.native-metrics) .pr-2{padding-right:.5rem}
:is(.crm-card-host,.native-metrics) .pt-0\.5{padding-top:.125rem}
:is(.crm-card-host,.native-metrics) .pt-2{padding-top:.5rem}
:is(.crm-card-host,.native-metrics) .text-left{text-align:left}
:is(.crm-card-host,.native-metrics) .text-\[10px\]{font-size:10px}
:is(.crm-card-host,.native-metrics) .text-\[11px\]{font-size:11px}
:is(.crm-card-host,.native-metrics) .text-\[12px\]{font-size:12px}
:is(.crm-card-host,.native-metrics) .text-\[13\.5px\]{font-size:13.5px}
:is(.crm-card-host,.native-metrics) .text-\[13px\]{font-size:13px}
:is(.crm-card-host,.native-metrics) .text-\[14px\]{font-size:14px}
:is(.crm-card-host,.native-metrics) .text-\[15px\]{font-size:15px}
:is(.crm-card-host,.native-metrics) .text-\[16px\]{font-size:16px}
:is(.crm-card-host,.native-metrics) .text-sm{font-size:.875rem;line-height:1.25rem}
:is(.crm-card-host,.native-metrics) .text-xs{font-size:.75rem;line-height:1rem}
:is(.crm-card-host,.native-metrics) .font-bold{font-weight:700}
:is(.crm-card-host,.native-metrics) .font-light{font-weight:300}
:is(.crm-card-host,.native-metrics) .font-medium{font-weight:500}
:is(.crm-card-host,.native-metrics) .font-normal{font-weight:400}
:is(.crm-card-host,.native-metrics) .font-semibold{font-weight:600}
:is(.crm-card-host,.native-metrics) .uppercase{text-transform:uppercase}
:is(.crm-card-host,.native-metrics) .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
:is(.crm-card-host,.native-metrics) .leading-5{line-height:1.25rem}
:is(.crm-card-host,.native-metrics) .leading-\[1\.375\]{line-height:1.375}
:is(.crm-card-host,.native-metrics) .leading-\[18px\]{line-height:18px}
:is(.crm-card-host,.native-metrics) .leading-\[22px\]{line-height:22px}
:is(.crm-card-host,.native-metrics) .leading-snug{line-height:1.375}
:is(.crm-card-host,.native-metrics) .tracking-wider{letter-spacing:.05em}
:is(.crm-card-host,.native-metrics) .text-\[\#101828\]{--tw-text-opacity:1;color:rgb(16 24 40/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-\[\#4B5563\]{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-\[\#6b7280\]{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-\[\#848B98\]{--tw-text-opacity:1;color:rgb(132 139 152/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-\[\#B54708\]{--tw-text-opacity:1;color:rgb(181 71 8/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-\[\#DBE0E3\]{--tw-text-opacity:1;color:rgb(219 224 227/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}
:is(.crm-card-host,.native-metrics) .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
:is(.crm-card-host,.native-metrics) .empty\:mt-0:empty{margin-top:0}
:is(.crm-card-host,.native-metrics) .focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}

/* Source dimensions: frontend/css/styles.css:282–408, 2815–2839.
   Card width344; padding20; lead padding30/20; avatar45; type16/12/14.
   Marketing containers may scroll these cards, but never scale them. */
.crm-card-host,.native-metrics{font-family:Inter,system-ui,-apple-system,sans-serif;font-optical-sizing:auto;font-variation-settings:"opsz" 24;color:#111827;line-height:1.5}
.crm-card-host{margin:0;background:transparent}
.crm-card-host *,.native-metrics *{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;font-variation-settings:"opsz" 24;--tw-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}
.crm-card-host .kanban-card{width:344px;min-height:0;height:auto;max-height:none;padding:20px;border:1px solid #E5E7EB;border-radius:12px;box-sizing:border-box;background:#fff;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 14px 14px -11px rgba(15,23,42,.25),0 42px 50px -42px rgba(15,23,42,.48);transition:transform 180ms cubic-bezier(.22,1,.36,1),box-shadow 180ms ease,border-color 180ms ease}
.crm-card-host .kanban-card:hover{transform:translateY(-1px);border-color:rgba(16,24,40,.16);box-shadow:0 16px 18px -11px rgba(15,23,42,.28),0 46px 54px -42px rgba(15,23,42,.52)}
.crm-card-host .kanban-card:focus-visible{outline:2px solid #1473F9;outline-offset:3px}
.crm-card-host .kanban-card[data-preview-kind=leads]{min-height:104px;padding:30px 20px;display:flex;flex-direction:row;align-items:center;gap:15px;border-color:rgba(15,23,42,.043)}
.crm-card-host .kanban-card-name{font-size:16px;font-weight:600;color:#101828;line-height:22px}
.crm-card-host .card-top-meta{font-size:13px;line-height:19.5px;font-weight:500;color:#848B98;margin-top:2px;gap:4px}
.crm-card-host .card-top-meta>span{min-width:0}
.crm-card-host .deal-title-owner{box-sizing:border-box;width:45px;min-width:45px;height:45px;border-radius:9999px;overflow:visible}
.crm-card-host [title].rounded-full{width:45px;height:45px;font-size:16px;font-weight:500}
.crm-card-host .kanban-card[data-preview-kind=invoice] [title].rounded-full{width:36px;height:36px;font-size:14px}
.crm-card-host .deal-title-copy{min-height:52px;gap:2px}
.crm-card-host .deal-title-meta{font-size:12px;font-weight:600;line-height:18px;color:#6b7280}
.crm-card-host .deal-meta-dot{display:inline-block;width:4px;height:4px;border-radius:9999px;background:#6b7280;margin:0 6px;flex-shrink:0}
.crm-card-host .deal-study-summary{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:20px;padding-left:55px;font-size:14px;font-weight:500;color:#6b7280;margin-bottom:2px}
.crm-card-host .kanban-card-fields{margin-top:4px;gap:4px}
.crm-card-host .deal-card-meta-row{order:1;margin-top:4px;padding-left:55px;border-top:0;overflow:hidden;display:flex;align-items:center;gap:0}
.crm-card-host .deal-card-meta-row .deal-intake-pill{border-radius:9999px;height:28px;padding:0 10px;font-size:12px;font-weight:600}
.crm-card-host .deal-card-meta-row .deal-status-pill{border-radius:8px;height:28px;padding:0 10px;font-size:12px;font-weight:600}
.crm-card-host .kanban-card h4{font-size:15px;font-weight:700;line-height:20.625px;margin:0}
.crm-card-host .kanban-card [class~="text-[#DBE0E3]"]{color:#DBE0E3}
.crm-card-host .preview-value-note{margin:12px 0 0;padding:8px 0 0;border-top:1px solid #e5e7eb;font-size:11px;line-height:16px;color:#6b7280}
.native-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.native-metrics .preview-metric-note{grid-column:1/-1;margin:6px 0 0;padding:12px;background:#f7f8fa;border-radius:8px;font-size:11px;line-height:1.6;color:#4b5563}
.native-metrics .preview-metric-note b{color:#111827;font-weight:600}
.native-metrics .drawer-metric-tile{overflow:hidden;border-radius:12px;background:#f7f8fa}
.native-metrics .drawer-metric-tile>div:first-child{min-height:72px;padding:10px;gap:4px}
.native-metrics .drawer-metric-tile>div:last-child{min-height:34px;padding:8px 10px;gap:4px;border-top:1px solid #e5e7ebB3}
.native-metrics .drawer-metric-tile>div:first-child>div:first-child>div:first-child{font-size:14px;font-weight:600;color:#4b5563}
.native-metrics .drawer-metric-tile>div:first-child>div:first-child>div:nth-child(2){font-size:15px;font-weight:700;line-height:15px;margin-top:6px;color:#111827}
.native-metrics .drawer-metric-tile>div:last-child>span{font-size:11px;line-height:16.5px}
@media(max-width:768px){.crm-card-host .kanban-card{width:100%}}
@media(max-width:639px){.crm-card-host .kanban-card[data-preview-kind]{padding:18px}}
@media(prefers-reduced-motion:reduce){.crm-card-host .kanban-card{transition:none}}

.crm-card-host .avatar-letter-A{ background-color: #DBEAFE !important; color: #1D4ED8 !important; }
.crm-card-host .avatar-letter-B{ background-color: #FEF3C7 !important; color: #B45309 !important; }
.crm-card-host .avatar-letter-C{ background-color: #FEF3C7 !important; color: #B45309 !important; }
.crm-card-host .avatar-letter-D{ background-color: #DCFCE7 !important; color: #15803D !important; }
.crm-card-host .avatar-letter-E{ background-color: #FCE7F3 !important; color: #BE185D !important; }
.crm-card-host .avatar-letter-F{ background-color: #FCE7F3 !important; color: #BE185D !important; }
.crm-card-host .avatar-letter-G{ background-color: #FFE4E6 !important; color: #E11D48 !important; }
.crm-card-host .avatar-letter-H{ background-color: #FEE2E2 !important; color: #B91C1C !important; }
.crm-card-host .avatar-letter-I{ background-color: #EDE9FE !important; color: #6D28D9 !important; }
.crm-card-host .avatar-letter-J{ background-color: #D1FAE5 !important; color: #065F46 !important; }
.crm-card-host .avatar-letter-K{ background-color: #F3E8FF !important; color: #9333EA !important; }
.crm-card-host .avatar-letter-L{ background-color: #CCFBF1 !important; color: #0F766E !important; }
.crm-card-host .avatar-letter-M{ background-color: #FFEDD5 !important; color: #C2410C !important; }
.crm-card-host .avatar-letter-N{ background-color: #F3E8FF !important; color: #7E22CE !important; }
.crm-card-host .avatar-letter-O{ background-color: #FEF3C7 !important; color: #B45309 !important; }
.crm-card-host .avatar-letter-P{ background-color: #FCE7F3 !important; color: #BE185D !important; }
.crm-card-host .avatar-letter-Q{ background-color: #EDE9FE !important; color: #6D28D9 !important; }
.crm-card-host .avatar-letter-R{ background-color: #FEF9C3 !important; color: #A16207 !important; }
.crm-card-host .avatar-letter-S{ background-color: #EDE9FE !important; color: #6D28D9 !important; }
.crm-card-host .avatar-letter-T{ background-color: #CCFBF1 !important; color: #0F766E !important; }
.crm-card-host .avatar-letter-U{ background-color: #DBEAFE !important; color: #1D4ED8 !important; }
.crm-card-host .avatar-letter-V{ background-color: #FFE4E6 !important; color: #E11D48 !important; }
.crm-card-host .avatar-letter-W{ background-color: #CCFBF1 !important; color: #0F766E !important; }
.crm-card-host .avatar-letter-X{ background-color: #F3E8FF !important; color: #9333EA !important; }
.crm-card-host .avatar-letter-Y{ background-color: #E0E7FF !important; color: #4338CA !important; }
.crm-card-host .avatar-letter-Z{ background-color: #FEF3C7 !important; color: #B45309 !important; }