.crm-banner{display:flex;gap:12px;align-items:center;padding:14px 18px;background:#e9f8f3;border:1px solid #c4eadd;border-radius:10px;margin-bottom:16px;color:#145f46}.crm-dot{width:9px;height:9px;border-radius:50%;background:#149567}.muted,.crm-content p{color:#667b93;font-size:12px}.crm-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 210px;gap:14px;align-items:start}.crm-parties,.crm-conversation,.crm-help{background:white;border:1px solid #dce6f2;border-radius:12px;min-width:0;overflow:hidden}.crm-parties{padding:14px}.crm-parties h2,.crm-party-header h2{font-size:17px;margin:4px 0 12px}.crm-party-list{max-height:70vh;overflow:auto;margin-top:14px}.crm-party{border:0;border-bottom:1px solid #eef2f6;background:white;padding:16px 6px;width:100%;display:flex;gap:10px;text-align:left;cursor:pointer;color:#163652}.crm-party.selected{background:#edf5ff;box-shadow:inset 3px 0 #176fe5}.crm-party strong,.crm-party small,.crm-party-header small{display:block;overflow-wrap:anywhere}.crm-party small{font-size:11px;color:#69809d;margin-top:5px}.crm-avatar{flex:0 0 36px;height:36px;display:grid;place-items:center;color:white;background:#2c79d5;border-radius:50%;font-weight:700}.crm-party-header{padding:18px;border-bottom:1px solid #e2eaf4;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.crm-party-header span,.crm-party-header small{font-size:12px;color:#66809a}.crm-tabs{display:flex;gap:25px;padding:14px 20px;color:#5f7da0;border-bottom:1px solid #e2eaf4;font-size:13px}.crm-tabs b{color:#166de0}.crm-content{padding:18px;background:linear-gradient(135deg,#f3f8fc,#fff)}.crm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.crm-stats>div{background:white;padding:14px;border:1px solid #dfe9f4;border-radius:9px}.crm-stats small,.crm-stats strong{display:block}.crm-stats strong{font-size:21px;margin-top:8px}.crm-stats small{color:#667f9b}.crm-filters{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:16px 0}.crm-filters label{flex:1;min-width:140px}.crm-table{overflow:auto;border:1px solid #dce5f0;border-radius:8px;margin:14px 0}.crm-table table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.crm-table th{background:#edf4fc;color:#1d416a}.crm-table th,.crm-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #e4ecf5}.crm-table tfoot{background:#eaf3ff;font-weight:bold}.crm-badge{display:inline-block;padding:5px 8px;border-radius:5px;background:#e5effb;color:#2767ac;font-size:11px}.crm-badge.overdue{background:#ffe2e2;color:#b22222}.crm-badge.paid{background:#d7f6e4;color:#146d3c}.crm-badge.due-soon,.crm-badge.due-today{background:#fff0d5;color:#955600}.crm-history{margin-top:24px}.crm-history article{padding:12px;background:#e6f6eb;border-radius:8px;margin:10px 0 10px 15%;overflow-wrap:anywhere}.crm-history small{color:#5e7a6c;font-size:11px}.crm-compose{padding:15px;display:flex;gap:8px;align-items:center;border-top:1px solid #dce5f0;flex-wrap:wrap}.crm-compose textarea{flex:1;min-width:160px}.crm-help{padding:18px;font-size:13px;color:#586f88}.crm-help h3{color:#13365c}.crm-help button{width:100%;margin:8px 0}.crm-empty{padding:40px}.crm-preview{min-width:0}.crm-preview h1{font-size:18px;color:#135d9d}.crm-preview h2{font-size:21px}.crm-preview textarea,.crm-text{font:12px Consolas,monospace;white-space:pre;overflow:auto;width:100%;background:#f6f9fc}.crm-preview .button-row{flex-wrap:wrap}.whatsapp-button{background:#07954b!important;color:white!important}.permission-scope{overflow:auto;max-height:350px}.permission-scope input[type=checkbox]{width:17px;height:17px}.permission-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.permission-tab[aria-selected=true]{background:#156ee0;color:white}.permission-pane[hidden]{display:none!important}@media(max-width:1350px){.crm-layout{grid-template-columns:230px minmax(0,1fr)}.crm-help{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.crm-help button{width:auto}}@media(max-width:760px){.crm-layout{display:block}.crm-parties{margin-bottom:12px}.crm-party-list{max-height:210px}.crm-stats strong{font-size:17px}.crm-stats>div{padding:9px}.crm-content{padding:10px}.crm-compose button{flex:1}.crm-banner{flex-wrap:wrap;font-size:12px}.crm-party-header{padding:12px}.crm-help{margin-top:12px}.crm-preview .crm-table{max-width:100%}}

#crmNav.active{background:#2563eb;color:white;border-radius:8px}