.crm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.crm-head h3{margin:0 0 5px}.crm-head p{margin:0;color:#81798a;font-size:12px;line-height:1.45}.crm-head a{font-size:12px;font-weight:800;text-decoration:none;color:#6b4de5;white-space:nowrap}.crm-filters{display:grid;grid-template-columns:1fr minmax(140px,.35fr);gap:9px;margin-bottom:14px}.crm-filters input,.crm-filters select,.stage-select{width:100%;border:1px solid #e7deef;background:#fff;color:#342d41;border-radius:13px;padding:11px 12px;font:inherit;outline:none}.crm-filters input:focus,.crm-filters select:focus,.stage-select:focus{border-color:#9a7aec;box-shadow:0 0 0 3px rgba(128,91,221,.09)}.audience-list{display:grid;gap:10px}.person{background:#fff;border:1px solid #eee5f4;border-radius:20px;padding:15px;display:grid;grid-template-columns:44px 1fr minmax(120px,auto);gap:12px;align-items:start}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#efe3ff,#dfe9ff);font-weight:900;color:#624982}.person-main{min-width:0}.person h3{margin:0 0 4px;font-size:15px}.person p{margin:0;color:#7a7280;font-size:12px;line-height:1.4}.person-details{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.detail{padding:5px 8px;border-radius:999px;background:#f7f3fa;color:#665d71;font-size:10px;font-weight:700}.detail.money{background:#eaf8ef;color:#2c7847}.label{display:inline-flex;padding:7px 9px;border-radius:999px;background:#f3eef8;font-size:11px;font-weight:900;margin-bottom:7px}.label.red{background:#ffe9e9;color:#b63f3f}.label.gold{background:#fff0d8;color:#9a6614}.label.green{background:#e5f7eb;color:#2e7b49}.person-actions{display:grid;gap:7px;justify-items:stretch}.stage-select{font-size:11px;padding:8px 9px}.save-note{min-height:14px;font-size:10px;color:#6e6380;text-align:right}.history-button{border:0;border-radius:11px;padding:8px 10px;background:#f0eaff;color:#6048b5;font-size:11px;font-weight:900;cursor:pointer}.history-button:hover{background:#e7ddff}.empty{padding:28px;text-align:center;color:#847b8c;background:#fff;border:1px dashed #ded3e8;border-radius:20px}
body.drawer-open{overflow:hidden}.contact360-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(28,20,38,.28);backdrop-filter:blur(5px);display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .18s ease}.contact360-backdrop.open{opacity:1;pointer-events:auto}.contact360{position:relative;width:min(520px,100%);height:100%;overflow:auto;background:#fbf9ff;border-left:1px solid #ece4f2;box-shadow:-22px 0 60px rgba(31,20,47,.18);padding:22px;transform:translateX(24px);transition:transform .2s ease}.contact360-backdrop.open .contact360{transform:translateX(0)}.contact360-close{position:sticky;top:0;margin-left:auto;z-index:2;width:38px;height:38px;border:0;border-radius:12px;background:#eee8f8;color:#51445d;font-size:22px;display:grid;place-items:center;cursor:pointer}.contact360-body{padding-bottom:28px}.contact360-loading,.contact360-empty{padding:34px 14px;text-align:center;color:#81758d}.contact360-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:-18px;padding-right:46px}.contact360-head h2{font-size:24px;margin:4px 0 5px;color:#261f2d}.contact360-head p{font-size:12px;line-height:1.5;color:#7a7083;margin:0;overflow-wrap:anywhere}.contact360-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.contact360-tags span{font-size:10px;font-weight:800;padding:6px 8px;border-radius:999px;background:#f0ebf7;color:#665b72}.contact360-section{margin-top:18px;padding:16px;border:1px solid #ebe4f1;border-radius:20px;background:#fff}.contact360-section h3{margin:0 0 4px;font-size:15px;color:#2b2432}.contact360-section>p,.contact360-section-head p{margin:0;color:#877e8d;font-size:11px;line-height:1.45}.contact360-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.contact360-section-head span{min-width:28px;height:28px;padding:0 7px;border-radius:10px;background:#f0ebff;color:#654fc0;font-size:11px;font-weight:900;display:grid;place-items:center}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.journey-grid>div{padding:11px;border-radius:14px;background:#f8f5fb}.journey-grid span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#948a9c;font-weight:900;margin-bottom:5px}.journey-grid b{display:block;font-size:12px;line-height:1.4;color:#302938}.message-timeline{display:grid;gap:8px;margin-top:13px}.timeline-message{padding:10px 11px;border-radius:15px;background:#f7f4fa;border:1px solid #eee7f3}.timeline-message.outgoing{background:#f0ebff;border-color:#e5dcff}.timeline-message>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.timeline-message b{font-size:10px;color:#5e5367}.timeline-message time{font-size:9px;color:#9b929f}.timeline-message p{margin:6px 0 0;font-size:12px;line-height:1.45;color:#342c3b;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-message em{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;background:#fff;color:#725cca;font-size:9px;font-style:normal;font-weight:800}.contact360-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.contact360-foot span{font-size:10px;color:#81758b;background:#f4eff8;border-radius:999px;padding:6px 8px}
@media(max-width:600px){.crm-head{align-items:flex-start;flex-direction:column}.crm-filters{grid-template-columns:1fr}.person{grid-template-columns:40px 1fr}.person-actions{grid-column:2;width:100%;justify-items:stretch}.stage-select{max-width:190px}.save-note{text-align:left}.contact360{width:100%;padding:16px;border-left:0}.contact360-head{padding-right:40px}.journey-grid{grid-template-columns:1fr 1fr}.contact360-section{padding:13px}}
@media(max-width:360px){.journey-grid{grid-template-columns:1fr}.contact360-head h2{font-size:21px}}