.heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.journal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}.journal-grid .panel{margin:0}.filters{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin:1rem 0}.filters label{max-width:18rem}.badge{background:#fff2b7;border-radius:.4rem;padding:.25rem .5rem;font-size:.85rem}.warning,.errorlist{color:#9c2525}.errorlist{margin:.3rem 0;list-style:none;padding:0}.narrow{max-width:720px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.summary-grid dd{font-weight:700;margin:0}summary{cursor:pointer;font-weight:600}details.panel summary{padding:.35rem 0}.pagination{display:flex;gap:1rem;margin:1rem 0}.search{margin:1rem 0}nav details a{font-size:.9rem}input[type=checkbox]{width:auto}#journal-connection{font-size:.85rem;color:#666}.signature-unsigned{color:#922b2b;background:#fce8e8}.signature-signed{color:#1b6837;background:#e1f5e8}.signature{padding:.25rem .5rem;border-radius:.3rem}@media(max-width:600px){.filters{display:grid;grid-template-columns:1fr 1fr}.heading .primary{width:100%;text-align:center}.summary-grid{grid-template-columns:1fr}.journal-grid{display:block}.journal-grid .panel{margin-bottom:1rem}}

a.primary{display:inline-block;background:#f4cf3e;color:#242424;border-radius:.55rem;padding:.8rem 1.1rem;font-weight:700;text-decoration:none}@media(min-width:651px){.calendar-cards{display:none}}

/* Компактная общая база и очередь. Высота строки не зависит от длины реквизитов. */
main:has(.crm-shell){padding-top:24px;padding-bottom:24px}
.crm-shell{margin:0 -22px}
.crm-shell .heading h1{font-size:28px;margin:0}
.crm-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}
.crm-toolbar button{min-height:34px;padding:6px 10px;font-size:.85rem}
.crm-reset{background:transparent;text-decoration:underline;font-weight:500}
.crm-reset:hover{background:#eee}
.crm-count{margin-left:auto;color:#60636b;font-size:.85rem}
.crm-feedback:empty{display:none}
.crm-feedback{position:fixed;right:20px;bottom:14px;z-index:20;max-width:calc(100vw - 40px);padding:8px 12px;background:#fff;border:1px solid #d5d6d4;border-left:4px solid #f2cd4b;border-radius:6px;color:#3e5635;margin:0;font-size:.85rem;box-shadow:0 2px 12px #0002}
.crm-options{position:relative;font-size:.9rem}
.crm-options a{display:block;padding:6px}
.crm-table-scroll{position:relative;overflow:auto;border:1px solid #d5d6d4;border-radius:7px;background:#fff}
.crm-table{width:100%;min-width:1030px;table-layout:fixed;border-collapse:collapse;font-size:13px;line-height:18px}
.crm-table .crm-col-call{width:96px}
.crm-col-service{width:210px}
.crm-col-car{width:120px}
.crm-col-vehicle{width:164px}
.crm-col-owner{width:172px}
.crm-col-phone{width:145px}
.crm-col-manager{width:145px}
.crm-table th,.crm-table td{padding:7px 8px;text-align:left;border-bottom:1px solid #e5e5e1;white-space:normal}
.crm-table th{background:#252629;color:#fff;font-size:12px;line-height:16px;font-weight:650;vertical-align:middle}
.crm-table tbody tr[data-crm-row]{height:56px}
.crm-table tbody td{height:56px;vertical-align:middle;overflow:hidden}
.crm-table tbody tr:hover{background:#fffbee}
.crm-table tbody tr:last-child td{border-bottom:0}
.crm-table input,.crm-table select{width:100%;min-width:0;margin:0;padding:6px;font-size:12px;min-height:32px;background:#fff}
.crm-table .crm-filter-row td{padding:6px;background:#f7f6f0}
.crm-table .crm-find{padding:5px 10px;min-height:32px;font-size:12px}
.crm-table .crm-call{min-height:28px;height:28px;padding:4px 7px;font-size:12px;line-height:18px;border-radius:5px;white-space:nowrap}
.crm-cell-lines{height:36px;line-height:18px;overflow:hidden}
.crm-cell-lines>span,.crm-cell-lines>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-period-date{font-size:12px;font-weight:600}
.crm-service-kind{font-size:12px;color:#60636b}
.crm-service-kind.crm-expected{color:#806000}
.crm-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:36px;line-height:18px;overflow:hidden;overflow-wrap:anywhere}
.crm-phone{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-vin{font-family:ui-monospace,monospace;font-size:11px}
.crm-muted{color:#676b72}
.crm-done{color:#23633b;font-weight:600}
.crm-empty{text-align:center!important;padding:25px!important}
.crm-pagination{display:flex;gap:16px;align-items:center;justify-content:center;margin:12px 0;font-size:.85rem}
.crm-pagination button{padding:6px 10px;min-height:34px}
.crm-dialog{border:0;border-top:5px solid #f2cd4b;border-radius:10px;padding:25px;width:min(620px,calc(100vw - 32px));max-height:88vh;color:#252629;background:#fff;box-shadow:0 20px 70px #0005}
.crm-dialog::backdrop{background:#15161988}
.crm-dialog h2{font-size:1.3rem;margin:0 0 15px}
.crm-dialog h3{font-size:.95rem;margin:0 0 8px}
.crm-call-summary{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;font-size:.9rem;border-bottom:1px solid #ddd;margin-bottom:16px;overflow-wrap:anywhere}
.crm-call-summary p{margin:0 0 12px;min-width:0}
.crm-call-summary p:last-child{grid-column:1/-1}
.crm-call-history{max-height:175px;overflow:auto;margin-bottom:18px;font-size:.9rem;overscroll-behavior:contain}
.crm-call-history article{border-bottom:1px solid #eee;padding:8px 0}
.crm-call-history p{margin:0 0 5px;overflow-wrap:anywhere}
.crm-call-history small{color:#676b72}
.crm-call-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.crm-complete{display:flex;align-items:center;gap:8px;font-size:.95rem}
.crm-call-error{color:#9c2525}
.crm-modal-open{overflow:hidden}
.crm-dialog .field textarea{width:100%;min-height:80px;font:inherit}
.crm-call-actions button:disabled{opacity:.6;cursor:default}
@media(min-width:1600px){body:has(.crm-shell) main{max-width:none}}
@media(max-width:700px){.crm-shell{margin:0 -10px}.crm-shell .heading h1{font-size:25px}.crm-dialog{padding:18px}.crm-dialog .crm-call-summary{grid-template-columns:1fr}.crm-call-history{max-height:22vh}}

.crm-table .crm-select-row{width:15px;min-height:15px;height:15px;margin:0 3px 0 0;vertical-align:middle}.crm-table:has(.crm-select-row) .crm-col-call{width:119px}.crm-assignment{margin:8px 0}.crm-assignment select{max-width:300px}.crm-assignment[open]{padding:10px;background:#fff9da}.crm-assignment summary{cursor:pointer;font-weight:600}
