.crm360{display:grid;gap:1rem;color:#173242}.crm360-header,.crm360-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.crm360-header h1{margin:0;color:#123d38;font-size:1.65rem}.crm360-header p,.crm360-title p{margin:.2rem 0;color:#667883}.crm360-quick,.crm360-actions,.crm360-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.crm360-quick button{background:#17644b;color:white}.crm360-nav{display:flex;gap:.35rem;overflow:auto;padding:.4rem;border-radius:12px;background:#e9efed}.crm360-nav button,.crm360-tabs button{border:0;background:transparent;padding:.6rem .85rem;color:#31534a;white-space:nowrap;border-radius:8px;cursor:pointer}.crm360-nav button.active,.crm360-tabs button.active{background:#17644b;color:#fff}.crm360-status{margin:0;min-height:1.2em;color:#17644b}.crm360-status.error,.crm360-form-status{color:#b42318}.crm360-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.7rem}.crm360-kpis article{background:#fff;border:1px solid #dce7e1;border-left:4px solid #287659;border-radius:10px;padding:.85rem;display:grid;gap:.3rem;box-shadow:0 2px 8px #163a2b0d}.crm360-kpis small{color:#677a73}.crm360-kpis strong{font-size:1.25rem;color:#143f35}.crm360-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.crm360-activity-card{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;border-bottom:1px solid #e6ece9;padding:.6rem 0}.crm360-activity-card.overdue{border-left:4px solid #c24135;padding-left:.5rem}.crm360-activity-card small{margin-left:auto;color:#657b71}.crm360-filters{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem}.crm360-filters label{display:grid;gap:.25rem;min-width:130px}.crm360-filters .crm360-check{display:flex;align-items:center;min-width:auto}.crm360-table-wrap{width:100%;overflow:auto;background:#fff;border:1px solid #dce7e1;border-radius:12px}.crm360-table{width:100%;border-collapse:collapse;min-width:760px}.crm360-table th,.crm360-table td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid #e8eeeb;vertical-align:top}.crm360-table th{background:#f2f6f3;color:#315749;font-size:.8rem;white-space:nowrap}.crm360-table tbody tr[data-company],.crm360-table tbody tr[data-contact],.crm360-table tbody tr[data-opportunity]{cursor:pointer}.crm360-table tbody tr:hover{background:#f7faf8}.crm360-table button{padding:.3rem .45rem;font-size:.72rem;margin-right:.2rem}.crm360-overdue{color:#b42318;font-weight:700}.crm360-badge{display:inline-block;background:#e8f0eb;border-radius:99px;padding:.15rem .45rem;font-size:.75rem}.crm360-badge.overdue{background:#fce9e6;color:#a4271c}.crm360-pipeline{display:flex;gap:.7rem;overflow:auto;align-items:flex-start;padding-bottom:1rem}.crm360-stage{flex:0 0 235px;min-height:360px;border:1px solid #dce7e1;border-radius:12px;background:#edf2ee;padding:.65rem;display:grid;align-content:start;gap:.6rem}.crm360-stage header{display:flex;justify-content:space-between;border-bottom:1px solid #d2e0d7;padding:.3rem 0 .6rem}.crm360-stage header span{background:#dae7df;border-radius:99px;padding:0 .4rem}.crm360-card{display:grid;gap:.28rem;background:#fff;border:1px solid #dce7e1;border-left:4px solid #287659;border-radius:9px;padding:.65rem;cursor:grab}.crm360-card.overdue{border-left-color:#c24135}.crm360-card small,.crm360-card span{font-size:.78rem;color:#627b6d}.crm360-card b{color:#165540}.crm360-modal-backdrop{position:fixed;inset:0;background:#0d2724a8;z-index:2100;display:grid;place-items:center;padding:1rem}.crm360-modal{width:min(900px,96vw);max-height:94vh;overflow:auto}.crm360-modal header,.crm360-modal footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.crm360-modal h2{margin:0}.crm360-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0}.crm360-form label{display:grid;gap:.25rem}.crm360-form p{grid-column:1/-1}.crm360-form-status{margin-right:auto}@media(max-width:700px){.crm360-header{align-items:flex-start}.crm360-two,.crm360-form{grid-template-columns:1fr}.crm360-quick{position:sticky;top:0;background:#f7f9f8;padding:.4rem;z-index:2}.crm360-quick button{font-size:.8rem;padding:.45rem}.crm360-filters{display:grid;grid-template-columns:1fr 1fr}.crm360-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.crm360-notice {
  padding: 0.75rem 1rem;
  border-left: 4px solid #d99b22;
  background: #fff8e8;
  color: #5c430f;
  border-radius: 4px;
}
