:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173549;background:#f3f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d7e1e7;background:white;color:#23465b;border-radius:8px;padding:10px 15px;transition:.15s}button:hover{background:#edf5f8}button.primary{background:#087e9b;color:white;border-color:#087e9b}button.danger{color:#bd3e42}button:disabled{opacity:.5;cursor:default}input,select,textarea{border:1px solid #cfdde5;border-radius:7px;padding:10px;color:#173549;background:#fff;max-width:100%}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #a4dce8}header{display:flex;align-items:center;gap:15px;background:#fff;padding:20px 28px;border-bottom:1px solid #e1e8ed}.logo{width:40px;height:40px;background:#087e9b;color:white;border-radius:12px;display:grid;place-items:center;font-size:23px;font-weight:700}h1{font-size:23px;letter-spacing:-.6px;margin:0}h2{font-size:20px;margin:0 0 20px}h3{font-size:16px}.muted{color:#728796;font-size:13px}.spacer{flex:1}nav{display:flex;gap:7px;padding:18px 28px;overflow:auto}nav button{white-space:nowrap;background:transparent;border:0}nav button.active{background:#def0f5;color:#076982;font-weight:650}main{padding:0 28px 28px}.panel{background:white;border:1px solid #e0e8ee;border-radius:12px;padding:22px;margin-bottom:18px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar h2{margin:0}.tablewrap{overflow:auto;background:white;border:1px solid #e0e8ee;border-radius:10px}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{background:#f7fafb;color:#667e8e;font-size:12px;font-weight:600;position:sticky;top:0;user-select:none}td,th{padding:14px 16px;border-bottom:1px solid #e8eef2}td{max-width:320px;overflow:hidden;text-overflow:ellipsis}tbody tr:hover{background:#f6fbfc}.filter{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap}.filter input{min-width:180px}.empty{text-align:center;padding:70px 20px;color:#748a98}.empty h3{color:#25465a;font-size:19px}.count{padding:15px 0;color:#708795;display:flex;align-items:center;gap:12px}.welcome{max-width:550px;margin:13vh auto;padding:35px;text-align:center}.welcome .logo{margin:0 auto 20px}.welcome p{line-height:1.7;color:#6e8292}dialog{border:0;border-radius:14px;box-shadow:0 18px 80px #17354940;padding:26px;max-width:850px;width:calc(100% - 40px);max-height:90vh}dialog::backdrop{background:#15374e66}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.control{display:flex;flex-direction:column;gap:7px}.control label{font-size:13px;color:#5f7788}.control.wide{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.fieldrow{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #e6edf1}.rule{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #e6edf1}.rule select{max-width:230px}.tag{display:inline-flex;background:#e7f3f6;border-radius:6px;padding:6px 9px;margin:3px;gap:7px;align-items:center}.tag button{border:0;background:none;padding:0}.lookup{max-height:320px;overflow:auto}.lookup button{display:block;width:100%;text-align:left;margin:5px 0}.note{background:#f0f6fa;padding:13px;border-radius:8px;line-height:1.6;color:#587183}.error{color:#b33543}.helpframe{position:fixed;right:12px;bottom:12px;width:360px;height:470px;border:0;z-index:5;pointer-events:auto;background:transparent}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173549;color:white;padding:14px 22px;border-radius:10px;z-index:100;display:none;max-width:90vw}code{font-size:12px;background:#edf3f6;padding:3px 6px;border-radius:4px}details{margin:15px 0}summary{cursor:pointer;color:#087e9b}a{color:#087e9b}@media(max-width:760px){header{padding:16px}main{padding:0 12px 20px}nav{padding:12px}.formgrid{grid-template-columns:1fr}.fieldrow{grid-template-columns:1fr 1fr}h1{font-size:19px}.helpframe{width:320px}}
main.settings-page{padding-bottom:320px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px 20px}.filter-field{display:grid;grid-template-columns:170px minmax(0,1fr);gap:7px}.filter-label{grid-column:1/-1;font-size:13px;font-weight:600;color:#456273;min-height:18px}.filter-field input,.filter-field select{width:100%;min-width:0}.filters-panel h3{margin:0}.filter-actions{margin:20px 0 0}.sort-toolbar>select{max-width:340px}.sort-button{border:0;background:transparent;padding:6px 4px;font-size:12px;font-weight:600;white-space:nowrap;color:inherit}.sort-button:hover{background:#e3f0f5}.drag-handle{display:inline-block;cursor:grab;padding:8px 5px;color:#8096a4;font-size:19px;vertical-align:middle;line-height:1}.drag-handle:active{cursor:grabbing}th.dragging{opacity:.4}th.drop-target{box-shadow:inset 4px 0 #087e9b;background:#dff3f8}th[aria-sort=ascending],th[aria-sort=descending]{color:#087e9b;background:#edf7fa}@media(max-width:560px){.filter-grid{grid-template-columns:1fr}.sort-toolbar>select{max-width:100%;width:100%}main.settings-page{padding-bottom:360px}}
[hidden]{display:none!important}main{position:relative}.loading-skeleton{position:sticky;bottom:12px;z-index:4;padding:16px;background:#fffffff2;border:1px solid #dce6ec;border-radius:12px;box-shadow:0 8px 30px #243d5420;pointer-events:none}.skeleton-row{height:18px;margin-top:10px;border-radius:6px;background:linear-gradient(90deg,#e6edf2 25%,#f8fafc 50%,#e6edf2 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-row{animation:none}}.filter-heading{margin:16px 0}.table-tools{min-width:90px}.table-tools button{font-size:20px;padding:5px 10px}.row-select,.table-tools input{width:18px;height:18px;vertical-align:middle}.bulk-toolbar{margin:14px 0}.inline-cell{background:#fff9e9;min-width:190px}.inline-cell input,.inline-cell select{width:100%;min-width:130px}.inline-money{display:flex;gap:6px}.inline-money input:last-child{min-width:60px;width:75px}.column-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.column-choices p{grid-column:1/-1}.column-choices .control{display:flex;flex-direction:row;align-items:center}.column-choices input{width:18px;height:18px}.count{align-items:center;gap:16px}.count .control{display:flex;flex-direction:row;align-items:center;gap:8px}.count select{width:85px}.drag-handle{touch-action:none}
.row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;flex:none}.icon-button svg{width:18px;height:18px}
thead th{vertical-align:middle;height:52px;white-space:nowrap}.table-tools{width:88px;min-width:88px;padding:8px 12px}.table-tools-inner{display:flex;align-items:center;justify-content:center;gap:8px;height:36px}.table-tools-inner button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-size:21px;line-height:1;flex:none}.table-check-wrap{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;cursor:pointer;flex:none}.table-check-wrap input{margin:0;width:17px;height:17px;accent-color:#148aa1;cursor:pointer}.selection-cell{text-align:right;padding-right:12px}.sort-button{vertical-align:middle;min-height:32px}.drag-handle{vertical-align:middle;line-height:32px}
table th,table td{vertical-align:middle;padding:12px 16px;line-height:1.45}table .cell-text{text-align:left}table .cell-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table .cell-date{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}table td.cell-text{max-width:360px;white-space:normal;overflow-wrap:anywhere}table .actions-cell{text-align:center;white-space:nowrap}.actions-cell .row-actions{justify-content:center}.table-tools-inner{justify-content:center}.selection-cell{width:88px;min-width:88px;text-align:right!important;padding:12px!important}.cell-number input{text-align:right;font-variant-numeric:tabular-nums}.cell-date input{text-align:center}table th.table-tools{padding:8px 12px}
.column-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 0 18px;max-height:55vh;overflow:auto}.column-choices>p{margin:0 0 8px;color:#627988;line-height:1.5}.column-option{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;border:1px solid #dce5eb;border-radius:9px;background:#fff;cursor:pointer;font-weight:500;line-height:1.4}.column-option:hover{background:#f4f9fb;border-color:#a7cbd3}.column-option:has(input:checked){background:#eff8fa;border-color:#aad1d9}.column-choices .column-option input{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:#148aa1}.column-option span{min-width:0;overflow-wrap:anywhere}dialog:has(.column-choices){width:min(680px,92vw)}dialog:has(.column-choices)>.actions{position:sticky;bottom:-24px;background:#fff;border-top:1px solid #e4ebef;padding-top:16px;margin-top:0}@media(max-width:560px){.column-choices{grid-template-columns:1fr}}
.selection-inner{display:flex;align-items:center;justify-content:center;gap:8px}.selection-inner .icon-button{width:32px;height:32px;padding:6px}.selection-cell{white-space:nowrap}
.search-select{min-width:0;width:100%;text-align:left;white-space:normal}.search-select-trigger{width:100%;min-height:40px;display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px 12px;font-weight:400;background:#fff}.search-select-popup{position:fixed;margin:0;padding:10px;border:1px solid #ccdae3;border-radius:12px;background:#fff;box-shadow:0 10px 35px #1c35482b;max-height:320px;box-sizing:border-box;color:#243b4a}.search-select-popup>input{width:100%;box-sizing:border-box;margin-bottom:8px;min-width:0}.search-select-list{max-height:210px;overflow:auto;display:flex;flex-direction:column;gap:3px}.search-select-option{width:100%;text-align:left;border:0;box-shadow:none;border-radius:6px;padding:9px 10px;white-space:normal;line-height:1.4;font-weight:400;background:#fff}.search-select-option:hover,.search-select-option:focus{background:#eef7fa}.search-select-option.selected{color:#087b93;background:#eaf6f8}.search-select-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5edf2;padding-top:8px;margin-top:8px;font-size:12px}.search-select-clear{font-size:12px;padding:5px 8px}.search-select-popup .muted{padding:6px}.inline-cell .search-select input{text-align:left}

@media(max-width:420px){.filter-field{grid-template-columns:1fr}.filter-field>select{min-width:170px}}
.resizable-table{table-layout:fixed;min-width:0}.resizable-table th{position:relative;overflow:hidden;padding-right:15px}.resizable-table th .sort-button{max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.resizable-table th.cell-number .sort-button{max-width:calc(100% - 32px)}.resizable-table td{max-width:none;overflow:hidden}.resizable-table .table-tools,.resizable-table .selection-cell{min-width:0;width:auto}.column-resizer{position:absolute;right:0;top:0;bottom:0;width:9px;cursor:col-resize;touch-action:none;z-index:3;border-right:2px solid transparent}.column-resizer:hover,.column-resizer:focus{border-right-color:#087e9b;background:#087e9b18;outline:none}.resizing,.resizing *{cursor:col-resize!important;user-select:none!important}
.resizable-table th[data-column=id] .sort-button{max-width:100%}
.crm-link{color:#087e9b;text-decoration:none;cursor:pointer}.crm-link:hover{text-decoration:underline}.cell-text .crm-link{display:inline-block;margin-right:8px}.formgrid .wide{grid-column:1/-1}
.editing-table .inline-cell{min-width:0;vertical-align:top;padding:10px}.inline-cell input,.inline-cell select{min-width:0;width:100%;box-sizing:border-box}.inline-money{display:grid;grid-template-columns:minmax(90px,1fr) minmax(130px,1fr);gap:8px;align-items:start;min-width:0}.inline-money>input,.inline-money>input:last-child{width:100%;min-width:0}.inline-cell .search-select-trigger{min-width:0}.editing-table td{height:auto;vertical-align:top}.editing-table .tag{max-width:100%;white-space:normal}.editing-table .column-resizer{pointer-events:none}

.column-hint{position:absolute;right:10px;top:5px;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:1px solid #94a3b8;border-radius:50%;font-size:11px;line-height:1;color:#64748b;cursor:help;background:#fff;z-index:2}.resizable-table th:has(.column-hint){padding-right:29px}.column-hint:focus{outline:2px solid #3b82f6}

.crm-picker{width:min(680px,calc(100% - 32px));padding:24px}.crm-type-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px}.crm-type-tabs button{white-space:nowrap}.crm-type-tabs .active{background:#e2f3f6;border-color:#7fbac7;color:#076982}.crm-search{margin-bottom:12px}.crm-search input{width:100%;font-size:16px;padding:13px 15px}.crm-results{min-height:160px;max-height:42vh;overflow-y:auto;margin:12px 0;border-top:1px solid #e5edf1}.crm-result{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:0;border-bottom:1px solid #e5edf1;border-radius:0;padding:14px 8px;min-height:70px}.crm-result-icon{flex:0 0 36px;height:36px;display:grid;place-items:center;background:#eaf4f7;color:#087e9b;border-radius:10px;font-size:20px}.crm-result-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.crm-result-copy strong{white-space:normal;overflow-wrap:anywhere;font-weight:600}.crm-result-action{font-size:12px;color:#087e9b;margin-left:auto}.crm-picker-footer{display:flex;gap:10px;align-items:center;border-top:1px solid #e5edf1;padding-top:16px;margin-top:16px}.crm-result:focus-visible{outline:2px solid #087e9b;outline-offset:-2px}.crm-result:disabled{opacity:.75;background:#f0f8fa}

.resizable-table th[data-column]{height:66px;padding:24px 16px 10px;vertical-align:bottom}.resizable-table th[data-column] .sort-button,.resizable-table th.cell-number .sort-button{display:block;width:100%;max-width:100%;min-height:24px;padding:0;border-radius:3px;text-align:inherit;line-height:24px;overflow:hidden;text-overflow:ellipsis}.resizable-table th .drag-handle{position:absolute;left:14px;top:3px;display:flex;align-items:center;justify-content:center;width:20px;height:18px;padding:0;font-size:15px;line-height:18px;opacity:.55}.resizable-table th:hover .drag-handle,.resizable-table th .drag-handle:focus{opacity:1}.sort-indicator{position:absolute;right:16px;top:5px;font-size:12px;line-height:16px;pointer-events:none;color:#78909c}.resizable-table th:has(.column-hint) .sort-indicator{right:38px}.resizable-table th .column-hint{right:16px;top:5px}.resizable-table td.cell-date,.resizable-table th.cell-date,.resizable-table .cell-date input{text-align:left}.resizable-table td{padding:12px 16px}.resizable-table .cell-number{text-align:right;font-variant-numeric:tabular-nums}.resizable-table .cell-text{text-align:left}.resizable-table .cell-text .crm-link{margin-right:0}.resizable-table .cell-text .crm-link+.crm-link{margin-left:8px}.editing-table td.inline-cell{padding:10px}.editing-table td.inline-cell>input{padding-left:6px;padding-right:6px}

dialog.record-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(650px,94vw);height:100dvh;max-height:100dvh;border-radius:16px 0 0 16px;padding:24px;overflow:auto}.record-drawer::backdrop{background:#17354926}.record-drawer>.toolbar{position:sticky;top:-24px;background:#fff;z-index:5;padding:18px 0;margin-top:-18px}.record-drawer>.actions{position:sticky;bottom:-24px;background:#fff;padding:16px 0;margin-bottom:-10px;border-top:1px solid #e2eaf0}.record-navigation{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 22px}.record-navigation button{padding:7px 9px;font-size:12px}.record-navigation .muted{margin-right:auto}.resizable-table .pinned-cell{position:sticky!important;z-index:2;background:#fff;box-shadow:1px 0 #d5e2e9}.resizable-table th.pinned-cell{z-index:3;background:#f7fafb}.resizable-table td.pinned-cell.inline-cell{background:#fff9e9}.column-option .column-visible{display:flex;gap:10px;align-items:center;flex:1;min-width:0}.column-option .pin-option{display:flex;align-items:center;gap:5px;font-size:11px;color:#647b89;flex:none}.column-choices:has(.pin-option){grid-template-columns:1fr}.quick-edit{min-width:180px!important}.quick-edit-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.quick-edit-actions button{padding:6px 8px;font-size:11px}.import-comparison td{white-space:normal;min-width:100px;max-width:260px;overflow-wrap:anywhere;vertical-align:top}.import-comparison .diff-before{background:#fff2ef;color:#8f4334}.import-comparison .diff-after{background:#edf8f1;color:#286c43}.saved-views:empty::after{content:'Пока нет сохранённых представлений';display:block;color:#728796;padding:12px 0}
