/* Shared spacing and responsive layout; provider and business behavior stay in their modules. */
.heading{min-height:64px;padding:2px 2px 14px;gap:12px}
.heading>div:first-child,.heading-actions,.toolbar,.search-shell{min-width:0}
.heading h1{font-size:27px;line-height:1.2;margin:0;overflow-wrap:anywhere}
.heading p{margin:6px 0 0;line-height:1.45}
.heading-actions{gap:8px;align-items:center}
.heading-actions .button{min-height:40px}
.contact-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;align-items:start}
.native-contact-card{gap:12px;padding:18px;min-width:0}
.native-contact-card h2{margin:0;line-height:1.4;font-size:15px}
.native-contact-points{margin:0;gap:8px}
.native-contact-point>span{min-width:0}
.native-contact-point strong{overflow-wrap:anywhere;line-height:1.4}
.native-contact-card .contact-card-actions{display:flex;gap:8px;min-width:0}
.native-contact-card .contact-card-actions>.button{flex:1 1 0;min-width:0;padding-inline:9px;white-space:normal;line-height:1.35}
.native-contact-card>[data-action="crm-contact-add"]{align-self:flex-start;max-width:100%;margin:0}
.native-contact-card .contact-lead-link{margin:0}
#live-workspace-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:start}
#live-workspace-settings>*{grid-column:1/-1;min-width:0;margin:0}
#live-workspace-settings>.field:first-child{grid-row:1}
#live-workspace-settings>.field-label[for="setting-from-trigger"]{grid-column:1;grid-row:2}
#live-workspace-settings>.field-label[for="setting-to-trigger"]{grid-column:2;grid-row:2}
#live-workspace-settings>.field-shell:has(#setting-from){grid-column:1;grid-row:3}
#live-workspace-settings>.field-shell:has(#setting-to){grid-column:2;grid-row:3}
#live-workspace-settings>.check-row:has([name="notifyTasks"]){grid-column:1;grid-row:4}
#live-workspace-settings>.check-row:has([name="notifyLeads"]){grid-column:2;grid-row:4}
#live-workspace-settings>.check-row{align-items:start;line-height:1.5}
#live-workspace-settings>.field-label{align-self:end;padding:0}
#live-workspace-settings>.translation-settings{margin-top:4px}
#live-workspace-settings>.button[type="submit"]{justify-self:start}
.dialog .dialog-subtitle{margin:6px 0 16px;line-height:1.5;overflow-wrap:anywhere}
.dialog .field{margin:9px 0;gap:6px;min-width:0}
.dialog .form-grid{min-width:0}
.dialog .form-grid>*{min-width:0}
.dialog .actions{gap:8px;align-items:center}
@media(max-width:760px){
 .heading{min-height:0;align-items:center;flex-wrap:wrap;gap:10px;padding:2px 2px 12px}
 .heading>div:first-child{flex:1 1 190px}
 .heading h1{font-size:24px;letter-spacing:-.5px}
 .heading p{font-size:11px;margin-top:5px}
 .heading-actions{width:auto;flex:1 1 auto;justify-content:flex-end;gap:6px}
 .heading-actions>.button{flex:0 1 auto;min-height:40px;padding-inline:10px;font-size:11px}
 .heading-actions>.primary{margin-left:0}
 .native-contact-card{padding:16px;gap:10px}
 .native-contact-card .contact-card-actions>.button{min-height:40px}
 .dialog .field input:not([type="checkbox"]):not([type="radio"]),.dialog .field textarea,.dialog .field-shell input:not([type="hidden"]){font-size:16px}
}
@media(max-width:600px){
 .contact-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .native-contact-card>[data-action="crm-contact-add"]{min-height:40px}
 .dialog .dialog-subtitle{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){
 .heading,.native-contact-card{animation:none;transition:none}
}