/* Customers page: visual alignment with the approved 360-degree mockup. */
#crm-view{padding-top:14px;background:#f8fafc}
#crm-view .customers-heading{margin-bottom:14px}
#crm-view .customers-heading h1{margin:0;font-size:2rem;font-weight:700;color:#101827}
#crm-view .customers-heading .view-sub{margin-top:3px;color:#3c567b;font-size:.84rem}
#crm-view .customers-stats{gap:12px;margin-bottom:15px}
#crm-view .customers-stats button{min-height:85px;border-radius:6px;box-shadow:0 3px 14px rgba(22,42,68,.075);transition:box-shadow .16s ease,transform .16s ease}
#crm-view .customers-stats button:hover{box-shadow:0 6px 20px rgba(22,42,68,.12)}
#crm-view .customers-layout{grid-template-columns:minmax(0,2.15fr) minmax(330px,.85fr);gap:14px}
#crm-view .customers-list,#crm-view .customers-preview{border-radius:6px;box-shadow:0 3px 15px rgba(22,42,68,.075)}
#crm-view .customers-toolbar{grid-template-columns:minmax(190px,1fr) 112px 112px 132px auto;gap:9px;padding:14px 15px 8px}
#crm-view .customers-toolbar input,#crm-view .customers-toolbar select{height:39px;border-color:#dce5ef}
#crm-view .customers-toolbar .primary{background:#e20b22;border:0;border-radius:5px;font-weight:700}
#crm-view .customers-tabs{padding:0 15px;gap:4px}
#crm-view .customers-tabs button{padding:11px 12px;font-size:.76rem}
#crm-view .customers-list table{min-width:680px}
#crm-view .customers-list th{padding:12px 13px;background:#f1f5f9;color:#283b55;font-weight:700}
#crm-view .customers-list td{padding:11px 13px;height:63px;border-bottom:1px solid #e9eef5;color:#1f314d;font-size:.74rem}
#crm-view .customers-row.selected td{background:#fff1f2}
.customer-table-identity{display:flex;align-items:center;gap:10px;min-width:190px}
.customer-table-identity>span:nth-child(2){min-width:0;flex:1}
.customer-table-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem}
.customer-table-identity small{display:block;margin-top:2px;color:#7688a1}
.customer-table-avatar{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#e8f5ef;color:#16855a;font-weight:800;font-size:.86rem}
.customers-row:nth-child(3n+2) .customer-table-avatar{background:#e8f0fc;color:#2763b2}
.customers-row:nth-child(3n+3) .customer-table-avatar{background:#eef1f5;color:#4c5a70}
.customer-table-identity .customers-source{margin-left:auto;font-size:.61rem}
#crm-view .customers-list .concept-pager{padding:11px 14px}
#crm-view .customers-preview{top:68px}
#crm-view .customer-preview-head{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;align-items:center;padding:17px 16px 12px;border:0}
#crm-view .customer-preview-head h2{font-size:1.18rem}
#crm-view .customer-preview-head small{margin-top:2px;font-size:.71rem;color:#58708f}
#crm-view .customers-avatar{width:48px;height:48px}
#crm-view .customer-preview-actions{display:flex;gap:8px;padding:0 16px 13px;border-bottom:1px solid #e8edf4}
#crm-view .customer-preview-actions .primary,#crm-view .customer-preview-actions .ghost{padding:7px 12px;font-size:.71rem;border-radius:4px;text-decoration:none}
#crm-view .customer-preview-actions .primary{background:#e20b22;color:#fff;border:0}
#crm-view .customer-preview-actions .ghost{border:1px solid #d9e2ed;background:#fff;color:#1d3454}
#crm-view .customer-preview-section{padding:12px 16px;border-bottom:1px solid #e8edf4}
#crm-view .customer-preview-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
#crm-view .customer-preview-section-head h3{margin:0;color:#14223a;font-size:.8rem;font-weight:700}
#crm-view .customer-preview-section-head a{color:#d20a1e;text-decoration:none;font-size:.68rem;font-weight:600}
#crm-view .customer-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;color:#425777;font-size:.7rem;overflow-wrap:anywhere}
#crm-view .customer-preview-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto 10px;align-items:center;gap:8px;min-height:48px;border-top:1px solid #eef1f5;color:#1c2e49;text-decoration:none}
#crm-view .customer-preview-row:first-of-type{border-top:0}
#crm-view .customer-preview-row:hover,#crm-view .customer-preview-row:focus-visible{background:#f7faff}
#crm-view .customer-preview-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e8f1fb;color:#2c64aa;font-size:15px}
#crm-view .customer-preview-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}
#crm-view .customer-preview-row small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#687d9a;font-size:.65rem}
#crm-view .customer-preview-row strong{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ce0c22;font-size:.67rem}
#crm-view .customer-preview-row em{font-size:1.1rem;color:#496483;font-style:normal}
#crm-view .customers-row:focus-visible td{outline:2px solid #d20a1e;outline-offset:-2px}
#crm-view .customers-row td .customer-table-identity small{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#crm-view .customers-preview .customer-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#crm-view .customers-preview .customer-record-fact{padding:9px;background:#f7f9fc}
#crm-view .customer-work-note{margin:10px 0 0;color:#536985;font-size:.72rem;line-height:1.45;overflow-wrap:anywhere}
#crm-view .customers-preview-empty{padding:12px 0;color:#7888a0;text-align:left;font-size:.71rem}
.customer-edit-form,.customer-record-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.customer-edit-form label,.customer-record-form label{display:grid;gap:4px;color:#33465e;font-size:.7rem;font-weight:600}
.customer-edit-form input,.customer-record-form input{width:100%;padding:8px;border:1px solid #d7e0ec;border-radius:4px;font:inherit}
.customer-edit-form>div,.customer-record-form>div{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}
.customer-edit-form .notice{grid-column:1/-1}
.customer-record{max-width:1050px;margin:0 auto;padding:18px 4px 45px}
.customer-record-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin:16px 0}.customer-record-head h1{margin:0;font-size:1.7rem}.customer-record-head p{margin:4px 0;color:#647793}
.customer-record-note{padding:12px 15px;border-radius:5px;background:#eaf4ee;color:#26714d;font-size:.78rem}
.customer-record-tabs{display:flex;gap:6px;margin-top:17px;border-bottom:1px solid #dde5ee}.customer-record-tabs a{padding:10px 14px;color:#4c6080;text-decoration:none;font-size:.77rem}.customer-record-tabs a.active{border-bottom:2px solid #e20b22;color:#cb0e22;font-weight:700}
.customer-record-body{min-height:230px;margin-top:15px;padding:22px;border-radius:6px;background:#fff;box-shadow:0 3px 15px rgba(22,42,68,.075)}.customer-record-body h2{margin:0 0 15px;font-size:1.1rem}.customer-record-body p{color:#667991}
.customer-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.customer-record-fact{padding:12px;background:#f7f9fc;border-radius:5px}.customer-record-fact small{display:block;color:#687b95;font-size:.68rem}.customer-record-fact b{display:block;margin-top:4px;font-size:.84rem}.customer-record-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e9eef4;font-size:.8rem}.customer-record-line span{color:#667991}
.customer-record-form{margin-top:18px}.customers-record-empty{padding:25px}
@media(max-width:1000px){#crm-view .customers-layout{grid-template-columns:1fr}.customer-table-identity .customers-source{display:none}}
@media(max-width:650px){#crm-view .customers-toolbar{grid-template-columns:1fr 1fr}#crm-view .customers-toolbar input{grid-column:1/-1}#crm-view .customers-toolbar .primary{grid-column:1/-1}.customer-record-grid,.customer-edit-form,.customer-record-form{grid-template-columns:1fr}#crm-view .customer-contact-grid{grid-template-columns:1fr}}