.crm-color-dot{width:15px;height:15px;vertical-align:-2px;flex:none;margin-right:5px}.crm-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:24px 0}.crm-toolbar .field{min-width:190px;margin:0}.crm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px}.crm-card,.crm-followup,.contribution-record{border:1px solid #d5e2ee;background:white;border-radius:12px;padding:20px}.crm-card h3{margin:0}.crm-notes{white-space:pre-wrap;overflow-wrap:anywhere;max-height:120px;overflow:auto}.crm-colors{border:1px solid #d5e2ee;border-radius:10px;padding:15px;margin-bottom:20px}.crm-colors>div{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px}.crm-colors label{display:flex;align-items:center;gap:8px}.crm-colors input{width:42px;height:36px;padding:3px}.crm-plan-picker{background:#f5f9fd;border:1px solid #d2e1ef;padding:20px;border-radius:12px}.crm-picker-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:310px;overflow:auto;gap:8px;margin-top:12px}.crm-picker-list label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d5e2ee;background:white;border-radius:8px}.crm-picker-list label[hidden]{display:none}.crm-picker-list input{width:20px;height:20px;flex:none}.crm-picker-list span{min-width:0;overflow-wrap:anywhere}.crm-picker-list small{display:block;color:#627c96;margin-top:4px}.crm-plan-picker>input{width:100%}.company-contribution-bar{display:block;width:100%;height:16px;border-radius:8px;overflow:hidden;margin:12px 0}.company-quantity{margin:18px 0}.contribution-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px}.contribution-legend>span{display:inline-flex;align-items:center}.company-progress-actions{margin:10px 0}.contribution-record{margin:12px 0}.contribution-record>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contribution-record time{color:#627c96;font-size:13px}.contribution-record p{white-space:pre-wrap;overflow-wrap:anywhere}.contribution-record.is-reversed{opacity:.7;background:#f5f7fa}.contribution-record.is-reversed>div>span{text-decoration:line-through}.crm-followup{margin:12px 0}.crm-followup strong{margin-left:10px}.crm-customer-badge{display:inline-block;font-size:12px;color:#2465AF;background:#eaf3fc;border-radius:5px;padding:2px 6px;margin-left:5px}@media(max-width:700px){.crm-toolbar{align-items:stretch;flex-direction:column}.crm-toolbar .field{width:100%}.crm-plan-picker{padding:14px}.crm-picker-list{grid-template-columns:1fr}.crm-colors>div{flex-direction:column}.crm-card{padding:16px}.contribution-legend{flex-direction:column}.crm-followup strong{display:block;margin:8px 0}}
.sidebar .nav.nav-kpi .nav-btn{min-width:0}
@media(max-width:720px){.sidebar .nav.nav-kpi .nav-btn{font-size:9px}}

.crm-plan-picker[hidden] { display: none; }
.crm-picker-list [data-crm-option][hidden] { display: none; }
.work-customer-summary { display: flex; flex: 1 1 18rem; gap: .5rem; align-items: center; }
.work-customer-summary input { min-width: 0; flex: 1; padding: .45rem .6rem; }
.work-check-row:has(.work-customer-summary) { flex-wrap: wrap; }