.crm-top,.crm-tools,.crm-dashboard-filters,.crm-flags,.crm-pager,.crm-dialog-header,.crm-form-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.crm-top{justify-content:space-between;margin-bottom:20px}.crm-top strong{font-size:18px}.crm-top p,.crm-basis{font-size:11px;color:#72857b;line-height:1.8}.crm-dashboard-filters{margin-bottom:20px}.crm-field{display:grid;gap:5px;font-size:11px;color:#607b6c}.crm-field input,.crm-field select,.crm-field textarea,.crm-search input{padding:9px 11px;border:1px solid #dce5df;border-radius:7px;background:#fff;color:#294f3c;font:inherit;min-width:0}.crm-field textarea{resize:vertical;min-height:42px}.crm-field input:disabled,.crm-field textarea:disabled{background:#f0f4f1;color:#8a9b91}.crm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.crm-metric{padding:20px;display:grid;gap:7px}.crm-metric span{font-size:11px;color:#718779}.crm-metric strong{font-size:22px;letter-spacing:-.5px;color:#2f664d;overflow-wrap:anywhere}.crm-metric small{font-size:9px;color:#96a49b}.crm-chart-panel,.crm-group-panel,.crm-sync-panel,.crm-record-panel{padding:22px;margin-bottom:20px}.crm-chart-panel h2,.crm-group-panel h2,.crm-sync-panel h2,.crm-record-panel h2{font-size:15px;margin:0 0 16px}.crm-chart{display:grid;grid-template-columns:repeat(12,minmax(25px,1fr));gap:8px;overflow:auto;margin-top:20px}.crm-chart-month{text-align:center;font-size:9px;color:#7e9386}.crm-bars{height:140px;display:flex;align-items:flex-end;gap:3px;justify-content:center;border-bottom:1px solid #e6eee8}.crm-bar{width:20%;min-width:5px;border-radius:3px 3px 0 0}.crm-bar.net_sales{background:#39745b}.crm-bar.received{background:#7ebaa2}.crm-bar.expected{background:#dfbd75}.crm-legend{font-size:10px;color:#63816e}.crm-tabs{display:flex;gap:7px;flex-wrap:wrap}.crm-tab{border:1px solid #dde8e1;border-radius:7px;background:white;color:#748d7d;padding:9px 11px;font-size:11px}.crm-tab.active{background:#eaf5ee;color:#357254;border-color:#99c4ac}.crm-scroll{overflow:auto;max-height:540px;scrollbar-width:thin}.crm-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.crm-table th{background:#f4f8f5;color:#7b9182;text-align:left;position:sticky;top:0;font-weight:500;z-index:1}.crm-table th,.crm-table td{padding:11px 13px;border-bottom:1px solid #eaf0ec}.crm-table td{max-width:260px;overflow:hidden;text-overflow:ellipsis}.crm-row-actions{display:flex;gap:5px}.crm-selected td{background:#eef8f2}.crm-tools{justify-content:space-between;margin-bottom:12px}.crm-search{display:flex;gap:6px}.crm-flags{font-size:10px;color:#809788;margin:12px 0}.crm-flags label{display:flex;gap:5px;align-items:center}.crm-selection{color:#357855}.crm-pager{justify-content:flex-end;font-size:10px;margin-top:15px}.crm-dialog{width:min(860px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid #d6e3da;border-radius:14px;padding:24px;color:#365843;background:#fcfdfc}.crm-dialog::backdrop{background:#152d3670}.crm-dialog-header{justify-content:space-between;position:sticky;top:-24px;background:#fcfdfc;padding:10px 0;z-index:2}.crm-dialog h2{font-size:19px;margin:0}.crm-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.crm-form-footer{position:sticky;bottom:-24px;padding:14px 0;background:#fcfdfc;border-top:1px solid #e0eae3}.crm-conflict,.crm-warning{border:1px solid #e5c998;background:#fff8e9;padding:12px;border-radius:7px;color:#977340;font-size:11px}.crm-conflict{margin:10px 0}.crm-conflict button{margin-right:7px}.crm-revision{border-bottom:1px solid #e2ebe5;padding:15px 0;font-size:11px}.crm-revision pre{max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.crm-revision p{color:#859b8c}@media(min-width:1400px){.crm-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:650px){.crm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-metric{padding:14px}.crm-metric strong{font-size:18px}.crm-form-fields{grid-template-columns:1fr}.crm-chart-panel,.crm-record-panel,.crm-group-panel,.crm-sync-panel{padding:15px}.crm-field input,.crm-field textarea{font-size:16px}.crm-search{width:100%}.crm-search input{width:100%}}
