#ergon-crm-root{font-family:inherit;color:inherit}.ergon-crm-wrap{display:grid;gap:18px}.ergon-crm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.ergon-crm-title h1{margin:0;font-size:28px;line-height:1.2}.ergon-crm-title p{margin:6px 0 0;color:#667085}.ergon-crm-sync{font-size:13px;color:#667085;padding:9px 12px;background:#fff;border:1px solid #eaecf0;border-radius:10px}.ergon-crm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ergon-crm-stat{background:#fff;border:1px solid #eaecf0;border-radius:14px;padding:16px;box-shadow:0 1px 2px rgba(16,24,40,.04)}.ergon-crm-stat .n{font-size:26px;font-weight:750}.ergon-crm-stat .l{font-size:13px;color:#667085;margin-top:4px}.ergon-crm-toolbar{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #eaecf0;border-radius:14px;padding:12px}.ergon-crm-input,.ergon-crm-select{height:42px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:0 12px;font:inherit}.ergon-crm-input{min-width:280px;flex:1}.ergon-crm-btn{height:42px;border:0;border-radius:10px;padding:0 16px;background:#111827;color:#fff;font-weight:650;cursor:pointer}.ergon-crm-tablebox{background:#fff;border:1px solid #eaecf0;border-radius:14px;overflow:hidden}.ergon-crm-table{width:100%;border-collapse:collapse}.ergon-crm-table th{padding:12px 14px;text-align:left;background:#f9fafb;color:#475467;font-size:12px;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid #eaecf0}.ergon-crm-table td{padding:13px 14px;border-bottom:1px solid #f0f2f5;vertical-align:middle;font-size:14px}.ergon-crm-table tr:last-child td{border-bottom:0}.ergon-crm-table tbody tr{cursor:pointer}.ergon-crm-table tbody tr:hover{background:#fafafa}.ergon-crm-name{font-weight:700}.ergon-crm-sub{font-size:12px;color:#667085;margin-top:3px}.ergon-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:650;background:#f2f4f7;color:#344054}.ergon-badge.ok{background:#ecfdf3;color:#027a48}.ergon-badge.off{background:#fef3f2;color:#b42318}.ergon-badge.pylon{background:#eff8ff;color:#175cd3}.ergon-crm-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid #eaecf0}.ergon-crm-pagination{display:flex;gap:7px}.ergon-crm-page{border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer}.ergon-crm-page[disabled]{opacity:.45;cursor:not-allowed}.ergon-crm-drawer{position:fixed;inset:0;z-index:99999;display:none}.ergon-crm-drawer.open{display:block}.ergon-crm-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.34)}.ergon-crm-panel{position:absolute;right:0;top:0;bottom:0;width:min(520px,94vw);background:#fff;box-shadow:-10px 0 35px rgba(16,24,40,.15);padding:22px;overflow:auto}.ergon-crm-panelhead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ergon-crm-close{border:1px solid #d0d5dd;background:#fff;border-radius:9px;width:38px;height:38px;font-size:22px;cursor:pointer}.ergon-crm-detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.ergon-crm-field{border:1px solid #eaecf0;border-radius:11px;padding:12px}.ergon-crm-field .k{font-size:12px;color:#667085}.ergon-crm-field .v{margin-top:5px;font-weight:650;word-break:break-word}.ergon-crm-empty{padding:38px;text-align:center;color:#667085}.ergon-crm-error{padding:16px;background:#fef3f2;border:1px solid #fecdca;color:#b42318;border-radius:12px}.ergon-crm-loading{padding:30px;text-align:center;color:#667085}@media(max-width:900px){.ergon-crm-stats{grid-template-columns:repeat(2,1fr)}.ergon-crm-table th:nth-child(4),.ergon-crm-table td:nth-child(4),.ergon-crm-table th:nth-child(5),.ergon-crm-table td:nth-child(5){display:none}}@media(max-width:600px){.ergon-crm-stats{grid-template-columns:1fr 1fr}.ergon-crm-input{min-width:100%}.ergon-crm-table th:nth-child(3),.ergon-crm-table td:nth-child(3){display:none}.ergon-crm-detailgrid{grid-template-columns:1fr}}

/* CRM Financials compact typography */
#ergon-crm-financials .ergon-crm-stat .n {
    font-size: 18px;
    line-height: 1.25;
}

#ergon-crm-financials .ergon-crm-stat .l {
    font-size: 12px;
}

#ergon-crm-financials h3 {
    font-size: 16px;
}

#ergon-crm-financials .ergon-crm-table {
    font-size: 13px;
}

#ergon-crm-financials .ergon-crm-table th {
    font-size: 12px;
}

#ergon-crm-financials .ergon-crm-sub {
    font-size: 11px;
}

/* CRM header spacing */
.ergon-crm-head {
    padding: 24px 28px 18px;
}

.ergon-crm-title {
    padding-left: 4px;
    padding-top: 4px;
}

.ergon-crm-title h1 {
    margin-top: 0;
    margin-bottom: 6px;
}

.ergon-crm-title p {
    margin: 0;
}

/* CRM MOBILE DRAWER V2 */
@media(max-width:900px){

  .ergon-crm-drawer,
  .ergon-crm-drawer *{
    box-sizing:border-box;
  }

  .ergon-crm-panel{
    position:absolute !important;
    top:auto !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:100% !important;
    max-width:100% !important;
    max-height:90dvh !important;

    padding:16px 14px 24px !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    border-radius:20px 20px 0 0 !important;
  }

  .ergon-crm-panelhead{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
  }

  .ergon-crm-panelhead > div{
    flex:1 1 auto;
    min-width:0;
  }

  .ergon-crm-panelhead h2{
    font-size:20px !important;
    line-height:1.25 !important;
    overflow-wrap:anywhere !important;
  }

  .ergon-crm-close{
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
  }

  .ergon-crm-detailgrid{
    grid-template-columns:1fr !important;
  }

  .ergon-crm-field,
  .ergon-crm-field .v{
    min-width:0 !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }
}