.crm-workspace{min-width:0;max-width:100%;color:var(--text,#17323c)}
.crm-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0}
.crm-search{flex:1 1 310px;display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #b9c7ce;background:#fff;padding:0 12px;border-radius:6px}
.crm-search input{border:0!important;box-shadow:none!important;width:100%;min-width:0;height:42px;padding:8px 0!important;font-size:14px}
.crm-search:focus-within{outline:2px solid #087b83;outline-offset:2px}
.crm-workspace svg,.crm-customer-detail svg{width:18px;height:18px;flex-shrink:0}
.crm-type select{min-width:160px;height:44px;width:100%;font-size:14px}
.crm-columns{position:relative;flex:0 0 auto}
.crm-columns>summary{list-style:none;display:flex;align-items:center;gap:8px;border:1px solid #b9c7ce;background:#fff;border-radius:6px;height:44px;padding:0 14px;cursor:pointer;font-weight:600}
.crm-columns>summary::-webkit-details-marker{display:none}
.crm-column-options{position:absolute;z-index:20;right:0;top:50px;width:310px;max-width:calc(100vw - 40px);padding:14px;background:#fff;border:1px solid #b9c7ce;border-radius:6px;box-shadow:0 6px 24px #18333a22}
.crm-column-options fieldset{border:0;padding:0;margin:0;display:block;min-width:0}
.crm-column-options legend{font-weight:600;margin-bottom:10px;font-size:14px}
.crm-column-option{display:flex;align-items:center;gap:4px;min-height:38px}
.crm-column-option label{flex:1;display:flex;align-items:center;gap:10px;font-size:14px;min-width:0}
.crm-column-option input[type=checkbox]{appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0;flex:0 0 16px;accent-color:#087b83}
.crm-workspace button,.crm-customer-detail button{font:inherit;letter-spacing:0;cursor:pointer;min-width:0}
.crm-column-option button,.crm-footer button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:6px;border:1px solid #c6d3d8;border-radius:4px;background:#fff;color:inherit}
.crm-workspace button:disabled{opacity:.4;cursor:default}
.crm-reset{display:flex;align-items:center;gap:8px;background:none;border:0;padding:12px 0 0;color:#076b74}
.crm-grid{overflow:auto;max-width:100%;border:1px solid #cfdbdf;border-radius:6px;background:#fff}
.crm-grid table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;margin:0}
.crm-grid th,.crm-grid td{display:table-cell!important;text-align:left;vertical-align:middle;border:0;border-bottom:1px solid #e4eaed;padding:11px 14px;overflow-wrap:normal!important;word-break:normal!important;white-space:nowrap}
.crm-grid th{background:#eef3f5;font-weight:600;color:#304954}
.crm-grid th button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:none;color:inherit;padding:3px 0;white-space:nowrap;font-weight:600}
.crm-grid td{overflow:hidden;text-overflow:ellipsis;height:50px}
.crm-grid tr[data-crm-row]{cursor:pointer}
.crm-grid tr[data-crm-row]:hover,.crm-grid tr:focus-within{background:#eff9f8}
.crm-name{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:none;border:0;padding:2px 0;text-align:left;color:#075965;font-weight:600!important;white-space:normal;overflow-wrap:anywhere}
.crm-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;color:#51636c;font-size:13px}
.crm-footer>div{display:flex;align-items:center;gap:12px}
.crm-empty{margin:0;padding:24px 8px;color:#596b73;font-size:14px;text-align:center;white-space:normal}
.crm-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid #d3dfe2;margin-bottom:20px;max-width:100%}
.crm-tabs [role=tab]{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:#52666e;padding:12px 14px;font-weight:600;white-space:nowrap;flex:0 0 auto}
.crm-tabs [aria-selected=true]{color:#056d74;border-bottom-color:#07828b;background:#edf8f7}
.crm-tabs span{font-size:12px;margin-left:4px;color:#597079}
.crm-customer-detail [hidden]{display:none!important}
.crm-customer-detail{min-width:0;font-size:14px}
.crm-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:0;padding:8px 0 20px}
.crm-details div{min-width:0}
.crm-details dt{font-size:12px;color:#60737b;margin-bottom:5px}
.crm-details dd{margin:0;overflow-wrap:anywhere;line-height:1.5}
.crm-record-list{list-style:none;padding:0;margin:0}
.crm-record-list>li{border-bottom:1px solid #e3eaed;padding:4px 0}
.crm-record-list>li>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:none;padding:14px 4px;text-align:left;color:#174750}
.crm-record-list button span{min-width:0;overflow-wrap:anywhere}
.crm-record-list button span:last-child{display:flex;align-items:center;gap:12px;font-size:13px}
.crm-record-list small{display:block;color:#61727a;margin-top:4px}
.crm-record-list summary{padding:14px 4px;cursor:pointer;font-weight:600;overflow-wrap:anywhere}
.crm-record-list summary small{display:inline;margin-left:12px;font-weight:400}
.crm-customer-detail details button[data-crm-agreement]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #b9cbd1;border-radius:4px;margin-bottom:12px}
.crm-workspace :focus-visible,.crm-customer-detail :focus-visible{outline:2px solid #087b83;outline-offset:2px}
.crm-support{margin-top:18px;border-top:1px solid #d4dfe3;padding:14px 0;min-width:0}
.crm-support>summary{cursor:pointer;font-weight:600;padding:5px 0}
.crm-support ul{padding-left:22px;line-height:1.65}
@media(max-width:600px){.crm-toolbar{gap:8px}.crm-type{flex:1;min-width:0}.crm-type select{min-width:0}.crm-search{flex-basis:100%}.crm-details{grid-template-columns:minmax(0,1fr)}.crm-column-options{max-height:60vh;overflow-y:auto}.crm-grid table tr{display:table-row!important}.crm-grid td::before{display:none!important}.crm-footer{font-size:12px}}