/* Shared visual rhythm for owner CRM rows. Data, filtering and column order stay intact. */
.crm-rows .badge,.crm-rows .prep-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 10px;border:1px solid transparent;border-radius:5px;font-size:12px;line-height:20px;font-weight:600}
.crm-rows .prep-badge{border-color:#ded2ef}.crm-rows .prep-live{border-color:var(--purple)}
.crm-rows .row-stages{gap:8px;flex-wrap:wrap;align-items:center}
.crm-rows .row-last-contact{margin-top:12px;font-size:12px;line-height:1.5}
.crm-rows .business-cell>div:last-child{min-width:0}
.crm-rows .business-links{gap:4px 18px}
.crm-rows .contact-button{display:inline-flex;align-items:center;justify-content:center;width:112px;min-height:44px;padding:10px 16px;white-space:nowrap;font-size:14px;font-weight:600}
.crm-rows .channel-icons{gap:0;flex-wrap:wrap}
.crm-rows .row-channel{position:relative;width:44px;height:44px;border:6px solid white;border-radius:12px;padding:0;flex:none}
.crm-rows .row-channel:hover,.crm-rows .row-channel:focus-visible{outline:2px solid #c6a3fc;outline-offset:-3px}
.crm-rows .note-preview{max-width:62ch;line-height:1.6}
.crm-channel-detail{position:fixed;z-index:1000;max-width:min(280px,calc(100vw - 24px));padding:10px 14px;background:#23143c;color:white;border-radius:7px;font:13px/1.5 Arial,Helvetica,sans-serif;box-shadow:0 4px 16px #23143c20;pointer-events:none}
@media(hover:hover){.crm-rows tbody tr:hover{background:#fcfaff}}
@media(min-width:1280px){
 .workspace .crm-rows td{vertical-align:middle}
 .workspace .crm-rows th:nth-child(2){width:184px}
 .workspace .crm-rows th:nth-child(3){width:280px}
 .workspace .crm-rows .thumbnail{width:136px;height:92px;flex-basis:136px}
 .workspace .crm-rows .row-stages{gap:8px}
 .workspace .crm-rows .note-preview{max-width:62ch}
}
@media(max-width:1279px){
 .workspace:has(.crm-rows){padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
 .crm-rows{border:0;background:transparent;overflow:visible}
 .crm-rows table,.crm-rows tbody{display:block;width:100%}
 .crm-rows thead{display:none}
 .crm-rows tbody tr{display:grid;grid-template-columns:132px minmax(0,1fr) minmax(160px,auto);gap:24px 16px;padding:24px;margin-bottom:16px;background:white;border:1px solid var(--line);border-radius:12px}
 .crm-rows tbody td{display:block;min-width:0;padding:0!important;border:0!important;grid-column:auto}
 .crm-rows tbody td:nth-child(1){grid-column:1/3;grid-row:1}
 .crm-rows tbody td:nth-child(2){grid-column:1;grid-row:3;align-self:center;margin-left:-6px}
 .crm-rows tbody td:nth-child(3){display:contents}
 .crm-rows tbody td.followup-column{display:none}
 .crm-rows tbody td:nth-child(5){grid-column:1/-1;grid-row:2;border-top:1px solid var(--line)!important;padding-top:24px!important}
 .crm-rows tbody td:nth-child(6){grid-column:3;grid-row:1;justify-self:end;align-self:start}
 .crm-rows .business-cell{align-items:flex-start;gap:24px}
 .crm-rows .business-cell strong{font-size:20px;line-height:1.4}
 .crm-rows .thumbnail{width:136px;height:92px;flex-basis:136px}
 .crm-rows .business-links{margin-top:12px;gap:4px 24px}
 .crm-rows .row-stages{grid-column:2;grid-row:3;align-self:center}
 .crm-rows .row-last-contact{grid-column:3;grid-row:3;align-self:center;justify-self:end;margin:0;font-size:13px}
 .crm-rows .stage-extra{grid-column:1/-1;grid-row:4;max-width:none;margin:0}
 .crm-rows .note-preview{font-size:16px;max-width:72ch;-webkit-line-clamp:4}
}
@media(max-width:600px){
 .crm-rows tbody tr{grid-template-columns:auto minmax(0,1fr);gap:16px 8px;padding:24px}
 .crm-rows tbody td:nth-child(1){grid-column:1/-1;grid-row:1}
 .crm-rows .business-cell{gap:16px}
 .crm-rows .business-cell strong{font-size:18px}
 .crm-rows .thumbnail{width:72px;height:72px;flex-basis:72px}
 .crm-rows .business-links{gap:4px 16px;margin-top:8px}
 .crm-rows .business-links .row-icon-action{font-size:14px;gap:6px}
 .crm-rows tbody td:nth-child(5){margin-top:8px;padding-top:24px!important}
 .crm-rows .note-preview{font-size:16px;-webkit-line-clamp:4}
 .crm-rows .row-stages{gap:6px;grid-column:2;grid-row:3}
 .crm-rows .badge,.crm-rows .prep-badge{padding:5px 8px;font-size:12px}
 .crm-rows .row-last-contact{grid-column:1/-1;grid-row:4;justify-self:start}
 .crm-rows .stage-extra{grid-row:5}
 .crm-rows tbody td:nth-child(6){grid-column:1/-1;grid-row:5;justify-self:stretch;margin-top:8px}
 .crm-rows tr:has(.stage-extra) td:nth-child(6){grid-row:6}
 .crm-rows .contact-button{width:100%;min-height:48px}
}
@media(max-width:374px){.crm-rows .row-stages{grid-column:1/-1;grid-row:4}.crm-rows .row-last-contact{grid-row:5}.crm-rows .stage-extra{grid-row:6}.crm-rows tbody td:nth-child(6){grid-row:6}.crm-rows tr:has(.stage-extra) td:nth-child(6){grid-row:7}}

.crm-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0;color:#756f83;font-size:14px}.crm-pagination>div{display:flex;align-items:center;gap:14px}.crm-pagination a{display:inline-flex;text-decoration:none;align-items:center;min-height:44px;padding:10px 18px;background:var(--pale);border:1px solid var(--line);color:#58348b;font-weight:600}@media(max-width:600px){.crm-pagination{flex-direction:column;align-items:flex-start}.crm-pagination>div{width:100%;justify-content:space-between;gap:10px}}