.crm-demo-section{padding:1.5rem 0 6rem;background:#eef2f7}.crm-demo{position:relative}.crm-demo__layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:820px}
.crm-directory{border-right:1px solid var(--cos-color-border);background:#fff}.crm-directory__header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.crm-directory__header small,.crm-directory__header h2{display:block}.crm-directory__header small{color:var(--cos-color-muted)}.crm-directory__header h2{font-size:1.15rem}.crm-directory__header button{width:36px;height:36px;border:0;border-radius:11px;background:var(--cos-color-midnight);color:#fff;font-size:1.2rem}.crm-search{display:flex;align-items:center;gap:.5rem;margin:0 1rem;padding:.65rem .75rem;border:1px solid var(--cos-color-border);border-radius:11px}.crm-search input{width:100%;border:0;outline:0}.crm-directory__filters{display:flex;gap:.35rem;padding:1rem}.crm-directory__filters button{padding:.45rem .65rem;border:0;border-radius:999px;background:#f3f4f6;color:var(--cos-color-muted);font-size:.66rem;font-weight:800}.crm-directory__filters button.is-active{background:var(--cos-color-midnight);color:#fff}.crm-client-list{display:grid}.crm-client-list>button{display:grid;grid-template-columns:42px 1fr auto;gap:.65rem;align-items:center;padding:.75rem 1rem;border:0;border-top:1px solid var(--cos-color-border);background:#fff;text-align:left;cursor:pointer}.crm-client-list>button.is-active{background:#fff8e8;border-left:4px solid var(--cos-color-accent)}.crm-client-list strong,.crm-client-list small{display:block}.crm-client-list strong{font-size:.72rem}.crm-client-list small{color:var(--cos-color-muted);font-size:.62rem}.crm-client-list em{font-size:.61rem;color:var(--cos-color-muted);font-style:normal}.crm-client-avatar,.crm-profile__avatar{display:grid;place-items:center;border-radius:12px;font-weight:900}.crm-client-avatar{width:38px;height:38px;font-size:.68rem}.avatar-gold{background:#fff8e8;color:#92400e}.avatar-blue{background:#eff6ff;color:#1d4ed8}.avatar-green{background:#ecfdf5;color:#047857}.avatar-slate{background:#f1f5f9;color:#475569}.avatar-rose{background:#fff1f2;color:#be123c}.avatar-purple{background:#faf5ff;color:#7e22ce}
.crm-profile{min-width:0;background:#f8fafc}.crm-profile__header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;background:#fff;border-bottom:1px solid var(--cos-color-border)}.crm-profile__identity{display:flex;align-items:center;gap:.8rem}.crm-profile__avatar{width:54px;height:54px}.crm-profile__identity small,.crm-profile__identity h2,.crm-profile__identity p{display:block}.crm-profile__identity small{color:var(--cos-color-accent-dark);font-weight:800}.crm-profile__identity h2{font-size:1.25rem}.crm-profile__identity p{color:var(--cos-color-muted);font-size:.7rem}.crm-profile__actions{display:flex;gap:.5rem}.crm-profile__actions button{padding:.6rem .75rem;border:1px solid var(--cos-color-border);border-radius:10px;background:#fff;font-weight:800}.crm-profile__actions button.is-primary{background:var(--cos-color-midnight);color:#fff}.crm-profile__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;padding:1rem}.crm-profile__metrics article{padding:.85rem;border:1px solid var(--cos-color-border);border-radius:14px;background:#fff}.crm-profile__metrics span,.crm-profile__metrics strong,.crm-profile__metrics small{display:block}.crm-profile__metrics span,.crm-profile__metrics small{color:var(--cos-color-muted);font-size:.63rem}.crm-profile__metrics strong{margin:.25rem 0;font-size:1.15rem}.crm-positive{color:#047857}
.crm-profile__tabs{display:flex;gap:.35rem;padding:0 1rem;overflow-x:auto}.crm-profile__tabs button{padding:.65rem .8rem;border:0;border-radius:10px 10px 0 0;background:transparent;color:var(--cos-color-muted);font-weight:800;white-space:nowrap}.crm-profile__tabs button.is-active{background:#fff;color:var(--cos-color-midnight)}.crm-profile__content{padding:0 1rem 1rem}.crm-tab-panel{padding:1rem;background:#fff;border:1px solid var(--cos-color-border);border-radius:0 16px 16px 16px}.crm-tab-panel[hidden]{display:none}.crm-overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:.8rem}.crm-panel-card{border:1px solid var(--cos-color-border);border-radius:15px;background:#fff;overflow:hidden}.crm-panel-card__header{display:flex;justify-content:space-between;align-items:center;padding:.9rem;border-bottom:1px solid var(--cos-color-border)}.crm-panel-card__header small,.crm-panel-card__header h3{display:block}.crm-panel-card__header small{color:var(--cos-color-muted)}.crm-panel-card__header h3{font-size:.95rem}.crm-panel-card__header button{border:0;background:none;color:var(--cos-color-muted)}.crm-panel-card__header>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--cos-color-midnight);color:var(--cos-color-accent);font-weight:900}
.crm-timeline{padding:.8rem}.crm-timeline article{display:flex;gap:.7rem;padding:.7rem 0;border-bottom:1px solid var(--cos-color-border)}.crm-timeline article:last-child{border-bottom:0}.crm-timeline article>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:.65rem;font-weight:900}.timeline-service{background:#fff8e8;color:#92400e}.timeline-retail{background:#ecfdf5;color:#047857}.timeline-message{background:#eff6ff;color:#1d4ed8}.timeline-booking{background:#faf5ff;color:#7e22ce}.crm-timeline strong,.crm-timeline small,.crm-timeline p{display:block}.crm-timeline strong{font-size:.72rem}.crm-timeline small{color:var(--cos-color-muted);font-size:.62rem}.crm-timeline p{margin-top:.25rem;color:var(--cos-color-muted);font-size:.66rem}
.crm-ai-card{background:var(--cos-color-midnight);color:#fff}.crm-ai-card .crm-panel-card__header{border-color:rgba(255,255,255,.12)}.crm-ai-card .crm-panel-card__header small{color:#94a3b8}.crm-ai-card .crm-panel-card__header>span{background:var(--cos-color-accent);color:var(--cos-color-midnight)}.crm-ai-recommendations{display:grid;gap:.55rem;padding:.8rem}.crm-ai-recommendations button{padding:.7rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05);color:#fff;text-align:left}.crm-ai-recommendations strong,.crm-ai-recommendations small{display:block}.crm-ai-recommendations small{margin-top:.2rem;color:#cbd5e1;font-size:.62rem}.crm-ai-response{margin:0 .8rem .8rem;padding:.8rem;border-radius:12px;background:rgba(200,169,106,.16)}.crm-ai-response p{margin-top:.3rem;color:#e5e7eb;font-size:.68rem}.crm-preferences{padding:.8rem}.crm-preferences div{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--cos-color-border)}.crm-preferences dd{margin:0;font-weight:800;text-align:right}.crm-next-action{display:flex;gap:.7rem;padding:1rem}.crm-next-action>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fff8e8;color:#92400e;font-weight:900}.crm-next-action p{margin-top:.25rem;color:var(--cos-color-muted);font-size:.68rem}.crm-next-action__button{width:calc(100% - 2rem);margin:0 1rem 1rem;padding:.7rem;border:0;border-radius:10px;background:var(--cos-color-midnight);color:#fff;font-weight:850}
.crm-table{border:1px solid var(--cos-color-border);border-radius:14px;overflow:hidden}.crm-table__head,.crm-table__row{display:grid;grid-template-columns:1fr 1.2fr .8fr .8fr .6fr;gap:.6rem;padding:.75rem}.crm-table__head{background:#f8fafc;color:var(--cos-color-muted);font-size:.65rem;font-weight:850}.crm-table__row{border-top:1px solid var(--cos-color-border);font-size:.7rem}.status-completed{color:#047857}.crm-retail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.crm-retail-grid article{display:grid;grid-template-columns:38px 1fr auto;gap:.6rem;align-items:center;padding:.8rem;border:1px solid var(--cos-color-border);border-radius:13px}.crm-retail-grid article>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ecfdf5;color:#047857;font-weight:900}.crm-retail-grid strong,.crm-retail-grid small{display:block}.crm-retail-grid small{color:var(--cos-color-muted);font-size:.62rem}.crm-retail-grid em{font-style:normal;font-weight:800}.crm-notes-list{display:grid;gap:.7rem}.crm-notes-list article{padding:1rem;border:1px solid var(--cos-color-border);border-radius:13px}.crm-notes-list article>div{display:flex;justify-content:space-between;gap:1rem}.crm-notes-list small{color:var(--cos-color-muted)}.crm-notes-list p{margin-top:.55rem;color:var(--cos-color-muted)}.crm-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.crm-photo-placeholder{aspect-ratio:4/3;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#e5e7eb,#f8fafc);font-weight:900;color:#64748b}.crm-photo-placeholder--after{background:linear-gradient(135deg,#fff8e8,#f6e7bd)}.crm-photo-placeholder--detail{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.crm-photo-grid span{display:block;margin-top:.4rem;color:var(--cos-color-muted);font-size:.66rem}.crm-message-thread{display:grid;gap:.8rem}.crm-message-thread article{max-width:74%;padding:.8rem 1rem;border-radius:15px;background:#f3f4f6}.crm-message-thread article.is-outbound{margin-left:auto;background:var(--cos-color-midnight);color:#fff}.crm-message-thread span,.crm-message-thread small{display:block}.crm-message-thread small{margin-top:.35rem;color:#94a3b8;font-size:.6rem}
.crm-modal{position:fixed;inset:0;z-index:1350}.crm-modal[hidden]{display:none}.crm-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.55)}.crm-modal__dialog{position:relative;width:min(520px,92vw);margin:8vh auto 0;padding:1.3rem;border-radius:22px;background:#fff}.crm-modal__close{position:absolute;right:1rem;top:1rem;width:36px;height:36px;border:1px solid var(--cos-color-border);border-radius:10px;background:#fff}.crm-modal__dialog label{display:block;margin-top:.8rem;font-size:.72rem;font-weight:800}.crm-modal__dialog input,.crm-modal__dialog select,.crm-modal__dialog textarea{width:100%;margin-top:.35rem;padding:.7rem;border:1px solid var(--cos-color-border);border-radius:10px}.crm-modal__dialog .cos-btn{margin-top:1rem}.crm-toast{position:fixed;right:1rem;bottom:1rem;z-index:1450;padding:1rem 1.2rem;border-radius:14px;background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;box-shadow:var(--cos-shadow-lg)}.crm-toast[hidden]{display:none}.crm-toast strong,.crm-toast span{display:block}.crm-toast span{margin-top:.25rem;font-size:.72rem}
@media(max-width:1050px){.crm-demo__layout{grid-template-columns:240px minmax(0,1fr)}.crm-profile__metrics{grid-template-columns:repeat(2,1fr)}.crm-overview-grid{grid-template-columns:1fr}}
@media(max-width:780px){.crm-demo__layout{grid-template-columns:1fr}.crm-directory{border-right:0;border-bottom:1px solid var(--cos-color-border)}.crm-client-list{display:flex;overflow-x:auto}.crm-client-list>button{min-width:220px;border-top:0;border-right:1px solid var(--cos-color-border)}.crm-profile__header{align-items:flex-start;flex-direction:column}.crm-profile__actions{width:100%;overflow-x:auto}.crm-retail-grid,.crm-photo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.crm-profile__metrics{grid-template-columns:1fr}.crm-retail-grid,.crm-photo-grid{grid-template-columns:1fr}.crm-table__head{display:none}.crm-table__row{grid-template-columns:1fr 1fr}.crm-table__row span:nth-child(3),.crm-table__row span:nth-child(4){display:none}.crm-profile__tabs{padding-top:.5rem}}