.agent-invite { display:grid; gap:20px; min-width:0; }
.invite-sections { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:start; gap:18px; }
.invite-sections .workspace-panel { margin:0; min-width:0; height:100%; box-sizing:border-box; }
.invite-panel-content { padding:20px; display:grid; gap:18px; }
.invite-address { display:grid; gap:8px; min-width:0; }
.invite-address label { color:#4d5871; font-size:13px; font-weight:600; }
.invite-address input { min-width:0; width:100%; box-sizing:border-box; min-height:44px; border:1px solid #d5dced; border-radius:10px; color:#24364c; background:#f8faff; padding:9px 12px; font:500 .9rem/1.5 ui-monospace,monospace; }
.invite-actions { display:flex; flex-wrap:wrap; gap:10px; }
.invite-panel-content p,.invite-customer-task p { margin:0; line-height:1.6; }
.invite-address .invite-bound-domain { color:#546079; font-size:12px; overflow-wrap:anywhere; }
.invite-availability { color:#85561e; font-size:13px; }
.invite-referrer { display:flex; align-items:center; gap:14px; min-height:58px; min-width:0; }
.invite-referrer div { min-width:0; }
.invite-referrer strong,.invite-referrer small { display:block; }
.invite-referrer small { font-size:12px; color:#627089; margin-bottom:5px; }
.invite-referrer strong { font-size:18px; color:#24334d; overflow-wrap:anywhere; }
.invite-avatar,.invite-avatar-fallback { width:52px; height:52px; flex:none; border-radius:50%; }
.invite-avatar { object-fit:cover; }
.invite-avatar-fallback { display:grid; place-items:center; color:#5546a1; background:#f0edfc; font-weight:700; }
.invite-display-states { display:flex; gap:8px; flex-wrap:wrap; }
.invite-display-states span { border-radius:6px; padding:4px 8px; font-size:12px; }
.invite-shown { color:#285d50; background:#eef7f3; }
.invite-hidden { color:#576271; background:#eff2f6; }
.invite-customer-task { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; border:1px solid #e1e6ef; border-radius:14px; background:var(--panel,#fff); }
.invite-customer-task strong { color:#334057; font-size:14px; }
.invite-customer-task p { font-size:13px; color:#616b7e; margin-top:4px; }
.invite-customer-task .btn { flex:none; }
@media(max-width:780px) {
  .agent-invite {gap:14px;}
  .invite-sections {grid-template-columns:minmax(0,1fr);gap:14px;}
  .invite-panel-content {padding:16px;gap:14px;}
  .invite-actions .btn,.invite-sections header .btn,.invite-customer-task .btn {min-height:44px;}
  .invite-customer-task {padding:14px;flex-wrap:wrap;}
}