/* BPS CRM — amoCRM-inspired workspace */
#p-crm{overflow:hidden}
#crm-root{min-height:100%}
.crm-page{padding:0 0 20px;min-width:0}
.crm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}
.crm-eyebrow{font-size:9px;font-weight:800;letter-spacing:.09em;color:var(--bl);text-transform:uppercase;margin-bottom:4px}
.crm-head h1{font-size:24px;line-height:1.1;margin:0;color:var(--tx)}
.crm-head p{font-size:11px;color:var(--tx3);margin:5px 0 0}
.crm-head-actions,.crm-detail-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.crm-btn{height:36px;border:1px solid var(--bd);background:var(--sur);color:var(--tx2);border-radius:9px;padding:0 12px;font-size:10px;font-weight:800;cursor:pointer;transition:.15s;white-space:nowrap}
.crm-btn:hover{border-color:var(--blm);color:var(--bl)}
.crm-btn.primary{background:var(--bl);border-color:var(--bl);color:#fff;box-shadow:0 5px 14px rgba(37,99,235,.16)}
.crm-btn.subtle{background:var(--sur2)}
.crm-switchbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px;background:var(--sur);border:1px solid var(--bd);border-radius:12px;margin-bottom:10px}
.crm-view-tabs{display:flex;gap:5px}
.crm-view-tabs button{height:34px;border:0;border-radius:8px;background:transparent;color:var(--tx3);padding:0 12px;font-size:10px;font-weight:800;cursor:pointer}
.crm-view-tabs button.on{background:var(--bll);color:var(--bl)}
.crm-pipeline-select{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--tx3);font-weight:750}
.crm-pipeline-select select,.crm-filter{height:34px;border:1px solid var(--bd);border-radius:8px;background:var(--sur);color:var(--tx);padding:0 28px 0 9px;font-size:9.5px;font-weight:700;outline:0}
.crm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.crm-kpis>div{background:var(--sur);border:1px solid var(--bd);border-radius:11px;padding:10px 12px}
.crm-kpis span{display:block;font-size:8px;color:var(--tx3);text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.crm-kpis b{display:block;margin-top:4px;font-size:17px;color:var(--tx);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-kpis b.good{color:var(--gn)}.crm-kpis b.bad{color:var(--rd)}
.crm-toolbar{display:flex;align-items:center;gap:7px;margin-bottom:10px;flex-wrap:wrap}
.crm-search{height:36px;display:flex;align-items:center;gap:7px;flex:1;min-width:230px;max-width:480px;border:1px solid var(--bd);border-radius:9px;background:var(--sur);padding:0 10px}
.crm-search span{color:var(--tx3);font-size:14px}.crm-search input{border:0;outline:0;background:transparent;color:var(--tx);font-size:10px;width:100%}
.crm-count{font-size:9px;color:var(--tx3);font-weight:750;padding:0 4px}
.crm-kanban{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 12px;scrollbar-width:thin;align-items:flex-start}
.crm-col{width:270px;min-width:270px;background:var(--sur2);border:1px solid var(--bd);border-radius:12px;overflow:hidden;min-height:420px;transition:.15s}
.crm-col.dragover{border-color:var(--bl);box-shadow:0 0 0 2px var(--bll) inset}
.crm-col-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 11px 10px;background:var(--sur);border-bottom:1px solid var(--bd)}
.crm-col-head:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--stage)}
.crm-col-head b{display:block;font-size:10.5px;color:var(--tx);font-weight:850}.crm-col-head span{display:block;font-size:8.3px;color:var(--tx3);margin-top:2px}
.crm-col-head button{width:28px;height:28px;border:1px solid var(--bd);background:var(--sur2);border-radius:7px;color:var(--tx2);font-size:15px;cursor:pointer}
.crm-dropzone{padding:8px;min-height:365px}
.crm-deal{background:var(--sur);border:1px solid var(--bd);border-radius:10px;padding:10px;margin-bottom:7px;cursor:pointer;box-shadow:0 1px 3px rgba(15,23,42,.03);transition:.13s}
.crm-deal:hover{transform:translateY(-1px);border-color:var(--blm);box-shadow:0 7px 18px rgba(15,23,42,.06)}.crm-deal.dragging{opacity:.45}
.crm-deal-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.crm-deal-id{font-size:7.8px;color:var(--tx3);font-weight:800}.crm-next{font-size:7.8px;font-weight:850;color:var(--tx3);background:var(--sur3);padding:3px 5px;border-radius:99px}.crm-next.today,.crm-next.soon{background:var(--aml);color:var(--am)}.crm-next.overdue{background:var(--rdl);color:var(--rd)}
.crm-deal h3{font-size:10.5px;color:var(--tx);line-height:1.32;margin:7px 0 2px;font-weight:850}.crm-client{font-size:8.5px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-amount{font-size:12px;font-weight:900;color:var(--tx);margin-top:8px}
.crm-deal-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid var(--bd);padding-top:7px;margin-top:8px;color:var(--tx3);font-size:8px}.crm-owner{display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-owner i{width:20px;height:20px;min-width:20px;border-radius:6px;background:var(--bll);color:var(--bl);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:7px;font-weight:900}
.crm-col-empty,.crm-empty-line{font-size:9px;color:var(--tx3);text-align:center;padding:22px 8px}
.crm-loading,.crm-empty{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--tx3);font-size:10px}.crm-empty b{color:var(--tx);font-size:12px}.crm-empty-icon{font-size:24px}
.crm-client-table{background:var(--sur);border:1px solid var(--bd);border-radius:12px;overflow:hidden}.crm-client-tr{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(130px,.8fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--bd);font-size:9.5px;color:var(--tx2)}.crm-client-tr:last-child{border-bottom:0}.crm-client-tr.head{background:var(--sur2);font-size:8px;color:var(--tx3);font-weight:850;text-transform:uppercase}.crm-client-tr b{font-size:10px;color:var(--tx)}.crm-client-tr small{display:block;color:var(--tx3);margin-top:2px}.crm-row-actions{display:flex;gap:5px}.crm-row-actions button{height:28px;border:1px solid var(--bd);background:var(--sur);border-radius:7px;padding:0 8px;font-size:8.5px;font-weight:750;color:var(--tx2);cursor:pointer}.crm-row-actions button:hover{color:var(--bl);border-color:var(--blm)}
.crm-pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:9px;color:var(--tx3)}.crm-pager button{width:31px;height:31px;border:1px solid var(--bd);background:var(--sur);border-radius:8px;cursor:pointer}.crm-pager button:disabled{opacity:.4}
.crm-modal-bg,.crm-drawer-bg{position:fixed;inset:0;background:rgba(15,23,42,.35);backdrop-filter:blur(2px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px}.crm-modal{width:min(580px,96vw);max-height:90vh;background:var(--sur);border:1px solid var(--bd);border-radius:15px;box-shadow:0 26px 70px rgba(15,23,42,.24);overflow:hidden;display:flex;flex-direction:column}.crm-modal.wide{width:min(760px,96vw)}.crm-modal-head,.crm-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--bd)}.crm-modal-head b{font-size:12px;color:var(--tx)}.crm-modal-head button,.crm-drawer-head button{width:30px;height:30px;border:0;background:var(--sur2);border-radius:8px;color:var(--tx2);font-size:17px;cursor:pointer}.crm-modal-body{padding:14px;overflow:auto}.crm-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:11px 14px;border-top:1px solid var(--bd);background:var(--sur2)}
.crm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.crm-field{min-width:0}.crm-field.full{grid-column:1/-1}.crm-field label{display:block;font-size:8px;color:var(--tx3);font-weight:850;text-transform:uppercase;margin-bottom:5px}.crm-field input,.crm-field select,.crm-field textarea{width:100%;border:1px solid var(--bd);border-radius:8px;background:var(--sur);color:var(--tx);padding:9px 10px;font-size:10px;outline:0}.crm-field textarea{min-height:74px;resize:vertical}.crm-field input:focus,.crm-field select:focus,.crm-field textarea:focus{border-color:var(--blm);box-shadow:0 0 0 3px var(--bll)}
.crm-client-pick{position:relative}.crm-client-suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);display:none;background:var(--sur);border:1px solid var(--bd);border-radius:9px;box-shadow:0 14px 35px rgba(15,23,42,.14);z-index:20;max-height:230px;overflow:auto}.crm-client-suggest.open{display:block}.crm-client-suggest button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:0;border-bottom:1px solid var(--bd);background:var(--sur);text-align:left;cursor:pointer}.crm-client-suggest button:last-child{border-bottom:0}.crm-client-suggest button:hover{background:var(--sur2)}.crm-client-suggest b{font-size:9.5px;color:var(--tx)}.crm-client-suggest span{font-size:8px;color:var(--tx3)}.crm-no-suggest{padding:9px;font-size:8.5px;color:var(--tx3)}
.crm-stage-editor{display:flex;flex-direction:column;gap:6px;margin-bottom:7px}.crm-stage-edit{display:grid;grid-template-columns:34px minmax(0,1fr) 125px 30px;gap:6px;align-items:center}.crm-stage-edit input[type=color]{width:34px;height:34px;padding:3px}.crm-stage-edit input,.crm-stage-edit select{height:34px}.crm-stage-edit button{height:32px;border:1px solid var(--bd);background:var(--sur2);border-radius:7px;color:var(--rd);cursor:pointer}
.crm-drawer-bg{justify-content:flex-end;padding:0}.crm-drawer{width:min(560px,96vw);height:100%;background:var(--bg);box-shadow:-25px 0 70px rgba(15,23,42,.18);display:flex;flex-direction:column}.crm-drawer-head{background:var(--sur);padding:14px 16px}.crm-drawer-head>div small{display:block;color:var(--tx3);font-size:8px}.crm-drawer-head>div b{display:block;color:var(--tx);font-size:13px;margin-top:2px}.crm-drawer-body{padding:12px;overflow:auto;flex:1}.crm-detail{display:flex;flex-direction:column;gap:9px}.crm-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--sur);border:1px solid var(--bd);border-radius:11px;padding:11px 12px;font-size:9.5px;color:var(--tx2)}.crm-detail-hero>div{display:flex;align-items:center;gap:7px;font-weight:800}.crm-detail-hero strong{font-size:15px;color:var(--tx)}.crm-stage-dot{width:9px;height:9px;border-radius:50%}.crm-detail-card{background:var(--sur);border:1px solid var(--bd);border-radius:11px;padding:12px}.crm-detail-card h4{font-size:10.5px;color:var(--tx);margin:0 0 9px}.crm-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.crm-card-title span{font-size:8.5px;color:var(--tx3)}.crm-link{border:0;background:transparent;color:var(--bl);font-size:8.5px;font-weight:800;cursor:pointer}.crm-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.crm-info-grid>div{border-top:1px solid var(--bd);padding-top:7px}.crm-info-grid span{display:block;font-size:7.5px;color:var(--tx3);text-transform:uppercase;font-weight:800}.crm-info-grid b{display:block;font-size:9.5px;color:var(--tx);margin-top:3px}.crm-info-grid b.overdue{color:var(--rd)}.crm-info-grid b.today,.crm-info-grid b.soon{color:var(--am)}
.crm-activity-add{display:grid;grid-template-columns:105px minmax(0,1fr) 125px auto;gap:5px;margin-bottom:9px}.crm-activity-add select,.crm-activity-add input{height:34px;border:1px solid var(--bd);border-radius:7px;background:var(--sur);color:var(--tx);padding:0 8px;font-size:8.8px;outline:0}.crm-activity-add button{height:34px;border:0;background:var(--bl);color:#fff;border-radius:7px;padding:0 9px;font-size:8.5px;font-weight:800;cursor:pointer}.crm-timeline{display:flex;flex-direction:column}.crm-event{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:8px 0;border-top:1px solid var(--bd);align-items:start}.crm-event-ic{width:27px;height:27px;border-radius:8px;background:var(--sur2);display:flex;align-items:center;justify-content:center;font-size:11px}.crm-event b{display:block;font-size:9px;color:var(--tx);font-weight:750}.crm-event span{display:block;font-size:7.8px;color:var(--tx3);margin-top:2px}.crm-event.done b{text-decoration:none}.crm-event button{width:26px;height:26px;border:1px solid var(--bd);background:var(--sur2);border-radius:7px;color:var(--gn);cursor:pointer}.crm-sales-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--bd)}.crm-sales-list b{display:block;font-size:9px;color:var(--tx)}.crm-sales-list small{display:block;font-size:7.8px;color:var(--tx3);margin-top:2px}.crm-sales-list strong{font-size:9.5px;color:var(--tx);white-space:nowrap}
@media(max-width:900px){.crm-kpis{grid-template-columns:1fr 1fr}.crm-client-tr{grid-template-columns:minmax(180px,1.3fr) 120px auto}.crm-client-tr>*:nth-child(3),.crm-client-tr>*:nth-child(4){display:none}.crm-activity-add{grid-template-columns:1fr 1fr}.crm-activity-add input:nth-child(2){grid-column:1/-1}.crm-head{align-items:flex-start}}
@media(max-width:620px){.crm-head{flex-direction:column}.crm-head-actions{width:100%}.crm-head-actions .crm-btn{flex:1}.crm-switchbar{align-items:stretch;flex-direction:column}.crm-pipeline-select{justify-content:space-between}.crm-pipeline-select select{flex:1}.crm-kpis{grid-template-columns:1fr 1fr}.crm-form-grid,.crm-info-grid{grid-template-columns:1fr}.crm-field.full{grid-column:auto}.crm-col{width:82vw;min-width:82vw}.crm-client-tr{grid-template-columns:minmax(0,1fr) auto}.crm-client-tr>*:nth-child(2),.crm-client-tr.head>*:nth-child(2){display:none}.crm-stage-edit{grid-template-columns:34px minmax(0,1fr) 30px}.crm-stage-edit select{grid-column:2}.crm-stage-edit button{grid-column:3;grid-row:1}.crm-drawer{width:100%}}

/* CRM v2 — Call Center routing flow */
.crm-flow-mini{display:flex;align-items:center;gap:7px;font-size:8.5px;color:var(--tx3);font-weight:800}.crm-flow-mini span{padding:5px 8px;border-radius:7px;background:var(--sur2);border:1px solid var(--bd)}.crm-flow-mini i{font-style:normal;color:var(--bl)}
.crm-flow-banner,.crm-direction-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--sur);border:1px solid var(--bd);border-radius:12px;padding:11px 13px;margin-bottom:10px}.crm-flow-banner b,.crm-direction-bar b{display:block;font-size:10.5px;color:var(--tx)}.crm-flow-banner>div>span,.crm-direction-bar>div>span{display:block;font-size:8.7px;color:var(--tx3);margin-top:3px}.crm-sources{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.crm-sources span{font-size:8px;font-weight:800;padding:4px 7px;border-radius:99px;background:#fff7cc;color:#8a5a00;border:1px solid #fde68a}
.crm-directions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.crm-directions button{height:32px;border:1px solid var(--bd);background:var(--sur2);color:var(--tx2);border-radius:8px;padding:0 10px;font-size:8.8px;font-weight:800;cursor:pointer;position:relative}.crm-directions button:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dir);display:inline-block;margin-right:6px}.crm-directions button.on{border-color:var(--dir);background:color-mix(in srgb,var(--dir) 8%,var(--sur));color:var(--tx)}
.crm-source{font-size:7.7px;font-weight:850;background:#fff7cc;color:#8a5a00;border-radius:99px;padding:3px 6px}.crm-call-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;padding-top:7px;border-top:1px solid var(--bd)}.crm-call-actions button{height:27px;border:1px solid var(--bd);background:var(--sur2);color:var(--tx2);border-radius:6px;font-size:7.8px;font-weight:800;cursor:pointer}.crm-call-actions button:hover{border-color:var(--blm);color:var(--bl)}.crm-call-actions button.route{grid-column:1/-1;background:var(--bl);border-color:var(--bl);color:#fff}.crm-kanban.callcenter .crm-col{min-height:520px}.crm-kanban.sales .crm-col{min-height:500px}
.crm-route-title{padding:10px 11px;background:var(--sur2);border:1px solid var(--bd);border-radius:9px;margin-bottom:12px}.crm-route-title b{display:block;font-size:11px;color:var(--tx)}.crm-route-title span{display:block;font-size:8.5px;color:var(--tx3);margin-top:3px}.crm-route-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.crm-route-directions label{cursor:pointer}.crm-route-directions input{display:none}.crm-route-directions span{min-height:74px;border:1px solid var(--bd);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;background:var(--sur2);transition:.15s}.crm-route-directions span i{width:12px;height:12px;border-radius:50%;background:var(--c)}.crm-route-directions span b{font-size:9.5px;color:var(--tx);line-height:1.25}.crm-route-directions input:checked+span{border-color:var(--c);box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 18%,transparent);background:color-mix(in srgb,var(--c) 6%,var(--sur))}
@media(max-width:800px){.crm-flow-mini{display:none}.crm-flow-banner,.crm-direction-bar{align-items:flex-start;flex-direction:column}.crm-sources,.crm-directions{justify-content:flex-start}.crm-route-directions{grid-template-columns:1fr}.crm-call-actions{grid-template-columns:1fr}.crm-call-actions button.route{grid-column:auto}}