.crm-root{--crm-line:var(--wh-border-subtle);--crm-ink:var(--wh-text-primary);color:var(--crm-ink);font-size:14px}.crm-root button,.crm-root a,.crm-root input,.crm-root select,.crm-root textarea{outline-offset:4px}.crm-icon{background:currentColor;flex-shrink:0;width:18px;height:18px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.crm-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.crm-heading h1{letter-spacing:-1.3px;margin:9px 0 12px;font-size:clamp(28px,3vw,40px);font-weight:650;line-height:1.13}.crm-heading h1 span{color:var(--wh-text-muted);font-weight:400}.crm-muted{color:var(--wh-text-muted);line-height:1.65}.crm-heading-actions,.crm-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.crm-button{border:1px solid var(--crm-line);background:var(--wh-bg-surface);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 13px;font-size:12px;font-weight:600;display:inline-flex}.crm-button:hover{border-color:var(--wh-accent)}.crm-button:disabled{opacity:.45;cursor:not-allowed}.crm-primary{background:var(--wh-accent);color:var(--wh-accent-ink);border-color:var(--wh-accent)}.crm-navigation{border-bottom:1px solid var(--crm-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;display:flex}.crm-navigation nav{flex-wrap:wrap;gap:4px;display:flex}.crm-navigation nav button{color:var(--wh-text-muted);border-radius:8px;align-items:center;gap:7px;padding:10px;font-size:12px;display:flex}.crm-navigation nav button.active{background:var(--wh-navy);color:var(--wh-off-white)}.crm-search{border:1px solid var(--crm-line);border-radius:8px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:400px;padding:9px 12px;display:flex}.crm-search input{background:0 0;outline:none;width:100%;font-size:12px}.crm-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.crm-stats button{text-align:left;background:var(--wh-bg-surface);border:1px solid var(--crm-line);border-radius:12px;padding:18px;position:relative}.crm-stats span{color:var(--wh-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.crm-stats strong{overflow-wrap:anywhere;margin-top:8px;font-size:26px;font-weight:600;display:block}.crm-stats .crm-icon{color:var(--wh-text-muted);position:absolute;top:18px;right:14px}.crm-story,.crm-panel{background:var(--wh-bg-surface);border:1px solid var(--crm-line);border-radius:14px;overflow:hidden}.crm-panel{padding:22px}.crm-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.crm-story>.crm-section-heading{padding:24px 24px 0}.crm-root h2{letter-spacing:-.5px;font-size:21px;font-weight:600}.crm-section-heading .crm-muted{margin-top:5px;font-size:12px}.crm-profile-summary{padding:4px 24px 18px;font-size:13px;line-height:1.7}.crm-profile-summary .crm-toolbar{margin-top:12px}.crm-timeline-controls{border-block:1px solid var(--crm-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 22px;font-size:11px;display:flex}.crm-filters{flex-wrap:wrap;gap:4px;display:flex}.crm-filters button{color:var(--wh-text-muted);border-radius:20px;padding:5px 9px}.crm-filters .active{background:var(--wh-bg-subtle);color:var(--crm-ink);font-weight:700}.crm-toolbar select{background:var(--wh-bg-surface);border-radius:4px;padding:4px}.crm-timeline-scroll{overscroll-behavior-x:contain;scrollbar-color:var(--wh-accent) var(--wh-bg-subtle);scrollbar-width:thin;background:radial-gradient(circle at 1px 1px, var(--crm-line) 1px, transparent 0);background-size:24px 24px;overflow-x:auto}.crm-timeline-track{min-width:100%;height:458px;position:relative}.crm-time-axis{background:linear-gradient(90deg, var(--crm-line), var(--wh-accent), var(--crm-line));height:2px;position:absolute;top:224px;left:0;right:0}.crm-event{text-align:left;--event-color:#68859e;width:230px;height:458px;position:absolute;top:0}.crm-event-email{--event-color:#668ec5}.crm-event-call{--event-color:#8f77b9}.crm-event-meeting{--event-color:#c58f47}.crm-event-deal,.crm-event-purchase{--event-color:#509984}.crm-event-proposal{--event-color:#be835d}.crm-event-task{--event-color:#6b9e9c}.crm-event-node{background:var(--wh-bg-surface);border:2px solid var(--event-color);width:32px;height:32px;color:var(--event-color);z-index:1;box-shadow:0 0 0 6px var(--wh-bg-surface);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:209px;left:14px}.crm-event-node .crm-icon{width:14px;height:14px}.crm-event:before{content:"";background:var(--event-color);width:1px;height:35px;position:absolute;left:30px}.crm-event.above:before{top:180px}.crm-event.below:before{top:235px}.crm-event-date{color:var(--wh-text-muted);letter-spacing:.2px;font-size:10px;position:absolute;top:216px;left:58px}.crm-event-card{background:var(--wh-bg-surface);border:1px solid var(--crm-line);border-top:3px solid var(--event-color);border-radius:10px;width:230px;height:174px;padding:15px;transition:transform .15s,box-shadow .15s;position:absolute;left:0;box-shadow:0 5px 16px #00000005}.crm-event:hover .crm-event-card,.crm-event:focus-visible .crm-event-card{transform:translateY(-3px);box-shadow:0 8px 25px #00000018}.crm-event.above .crm-event-card{top:18px}.crm-event.below .crm-event-card{top:262px}.crm-event-type{color:var(--event-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:9px;font-weight:700;display:block}.crm-event-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.crm-event-preview{-webkit-line-clamp:2;color:var(--wh-text-muted);-webkit-box-orient:vertical;margin-top:7px;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.crm-event-footer{color:var(--wh-text-muted);justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:12px;left:15px;right:15px}.crm-story-footer{color:var(--wh-text-muted);border-top:1px solid var(--crm-line);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 22px;font-size:10px;display:flex}.crm-story-footer button{text-decoration:underline}.crm-empty{text-align:center;color:var(--wh-text-muted);padding:55px 25px}.crm-empty>.crm-icon{width:32px;height:32px;color:var(--wh-accent-text)}.crm-empty h3{color:var(--crm-ink);margin:18px 0 8px;font-size:18px}.crm-empty p{max-width:450px;margin:auto;font-size:12px;line-height:1.7}.crm-empty .crm-button{margin-top:20px}.crm-desk-bottom{grid-template-columns:1.5fr 1fr;gap:20px;margin-top:20px;display:grid}.crm-chip{background:var(--wh-bg-subtle);color:var(--wh-text-secondary);border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;display:inline-flex}.crm-suggestion{border-top:1px solid var(--crm-line);align-items:center;gap:12px;padding:16px 0;display:flex}.crm-suggestion>.crm-icon{color:var(--wh-accent-text)}.crm-suggestion>div{flex:1}.crm-suggestion strong{font-size:12px}.crm-suggestion p{color:var(--wh-text-muted);margin-top:5px;font-size:11px;line-height:1.6}.crm-person-row{text-align:left;align-items:center;gap:12px;width:100%;margin-top:18px;display:flex}.crm-person-row>span:nth-child(2){flex:1}.crm-person-row strong{font-size:12px;display:block}.crm-person-row small{color:var(--wh-text-muted);margin-top:4px;font-size:10px;display:block}.crm-avatar{background:color-mix(in srgb, var(--wh-accent) 13%, var(--wh-bg-surface));border:1px solid var(--crm-line);color:var(--wh-accent-text);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:flex}.crm-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.crm-contact-card{text-align:left;border:1px solid var(--crm-line);border-radius:10px;flex-direction:column;align-items:start;gap:8px;padding:20px;display:flex}.crm-contact-card:hover{border-color:var(--wh-accent)}.crm-contact-card>strong{margin-top:5px;font-size:16px}.crm-contact-card>span:not(.crm-avatar){color:var(--wh-text-muted);font-size:12px}.crm-tags{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.crm-tags span{background:var(--wh-bg-subtle);border-radius:5px;padding:4px 7px;font-size:10px}.crm-pipeline{grid-template-columns:repeat(5,minmax(190px,1fr));gap:14px;padding-bottom:10px;display:grid;overflow-x:auto}.crm-stage{background:var(--wh-bg-subtle);border-radius:10px;min-height:280px;padding:12px}.crm-stage h3{align-items:center;gap:7px;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.crm-stage h3>span:last-child{color:var(--wh-text-muted);margin-left:auto}.crm-stage-dot{background:#7895b0;border-radius:50%;width:7px;height:7px}.crm-stage-dot.qualified{background:#9673b5}.crm-stage-dot.proposal{background:#c58f47}.crm-stage-dot.won{background:#509984}.crm-stage-dot.lost{background:#b97b7b}.crm-deal-card{text-align:left;background:var(--wh-bg-surface);border:1px solid var(--crm-line);border-radius:8px;flex-direction:column;gap:9px;width:100%;margin-bottom:10px;padding:14px;display:flex}.crm-deal-card strong{font-size:13px}.crm-deal-card span,.crm-deal-card small{color:var(--wh-text-muted);font-size:10px}.crm-deal-card b{font-size:17px;font-weight:600}.crm-task-row{border-top:1px solid var(--crm-line);align-items:center;gap:15px;padding:17px 0;display:flex}.crm-task-check{border:1px solid var(--crm-line);width:24px;height:24px;color:var(--wh-accent-text);border-radius:7px;flex-shrink:0}.crm-task-title{text-align:left;flex:1}.crm-task-title strong{font-size:13px;display:block}.crm-task-title span,.crm-task-row small{color:var(--wh-text-muted);margin-top:5px;font-size:11px;display:block}.crm-task-row.completed strong{color:var(--wh-text-muted);text-decoration:line-through}.crm-overdue{color:#c16e55}.crm-deferred{border:1px dashed var(--crm-line);border-radius:12px;align-items:start;gap:18px;margin-top:18px;padding:22px;display:flex}.crm-deferred h3{font-size:15px;font-weight:600}.crm-deferred p{color:var(--wh-text-muted);margin:7px 0 12px;font-size:12px;line-height:1.7}.crm-connection{border:1px solid var(--crm-line);border-radius:12px;flex-direction:column;align-items:start;gap:15px;padding:24px;display:flex}.crm-connection h3{font-size:18px;font-weight:600}.crm-connection p{color:var(--wh-text-muted);font-size:12px;line-height:1.7}.crm-connection small{color:var(--wh-text-muted);font-size:10px}.crm-alert{color:#b94949;background:#b9494915;border:1px solid #b9494950;border-radius:9px;margin-bottom:16px;padding:13px}.crm-alert button{text-decoration:underline}.crm-notice{background:var(--wh-bg-subtle);border-radius:8px;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px;font-size:12px;display:flex}.crm-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071c2dc0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.crm-modal{background:var(--wh-bg-surface);border:1px solid var(--crm-line);border-radius:16px;width:680px;max-width:100%;max-height:90vh;padding:26px;overflow-y:auto;box-shadow:0 30px 100px #0005}.crm-modal .crm-section-heading>button{font-size:25px}.crm-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.crm-field{flex-direction:column;gap:7px;font-size:12px;font-weight:500;display:flex}.crm-field:has(textarea){grid-column:1/-1}.crm-field input,.crm-field select,.crm-field textarea{border:1px solid var(--crm-line);background:var(--wh-bg-canvas);color:var(--crm-ink);border-radius:8px;width:100%;padding:10px;font-size:13px}.crm-modal-actions{justify-content:end;gap:10px;margin-top:24px;display:flex}.crm-interaction-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0;font-size:14px;line-height:1.8}.crm-loading{text-align:center;color:var(--wh-text-muted);padding:80px}.crm-text-button{color:var(--wh-text-muted);font-size:12px;text-decoration:underline}@media (width<=760px){.crm-heading{flex-direction:column;align-items:start}.crm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-stats strong{font-size:22px}.crm-desk-bottom{grid-template-columns:1fr}.crm-section-heading{flex-direction:column;align-items:start}.crm-story>.crm-section-heading{padding:18px 18px 0}.crm-timeline-controls{padding:12px}.crm-search{max-width:none}.crm-modal-backdrop{padding:10px}.crm-modal{padding:20px}.crm-form-grid{grid-template-columns:1fr}.crm-heading h1{font-size:30px}}@media (prefers-reduced-motion:reduce){.crm-root *{scroll-behavior:auto!important;transition:none!important}}
