/* Talon-Chat role detail · WhatsApp seat & number allocation card (embedded).
 * Scoped under .talon-wa-seat-panel so it does not affect the rest of the
 * role configuration page.
 */
.talon-wa-seat-panel{
  margin-top:20px;
  border:1px solid var(--n-alpha-6,#3a4354);
  border-radius:10px;
  background:var(--n-surface-2,rgba(0,0,0,.18));
  padding:16px;
  font-size:13px;
}
.talon-wa-seat-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;}
.talon-wa-seat-headertext{flex:1;min-width:0;}
.talon-wa-seat-title{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--n-slate-12,#d0d7e5);}
.talon-wa-seat-subtitle{margin:0;font-size:12px;color:var(--n-slate-10,#8a94a8);}
.talon-wa-seat-btn{
  border:1px solid var(--n-alpha-6,#3a4354);
  background:var(--n-surface-3,rgba(0,0,0,.24));
  color:var(--n-slate-12,#d0d7e5);
  border-radius:7px;
  padding:6px 12px;
  font-size:12px;
  cursor:pointer;
  white-space:nowrap;
}
.talon-wa-seat-btn:hover:not(:disabled){background:var(--n-surface-4,rgba(0,0,0,.36));}
.talon-wa-seat-btn:disabled{opacity:.45;cursor:not-allowed;}
.talon-wa-seat-btn-primary{background:var(--n-blue-3,rgba(59,130,246,.22));border-color:var(--n-blue-4,#2563eb);}
.talon-wa-seat-btn-danger{background:var(--n-red-3,rgba(239,68,68,.18));border-color:var(--n-red-4,#ef4444);}
.talon-wa-seat-main{min-height:0;}
.talon-wa-seat-card-container{display:flex;flex-direction:column;gap:14px;}
.talon-wa-seat-card{border:1px solid var(--n-alpha-4,#2a3444);border-radius:8px;padding:12px;background:var(--n-surface-2,rgba(0,0,0,.14));}
.talon-wa-seat-card-title{font-size:13px;font-weight:600;margin:0 0 10px;color:var(--n-slate-11,#b8c2d4);}
.talon-wa-seat-body{font-size:13px;color:var(--n-slate-12,#d0d7e5);}
.talon-wa-seat-rolelist{display:flex;flex-direction:column;gap:8px;}
.talon-wa-seat-rolehead{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600;}
.talon-wa-seat-rolestats{font-size:12px;font-weight:400;color:var(--n-slate-10,#8a94a8);}
.talon-wa-seat-roleline{display:flex;gap:8px;align-items:center;font-size:12px;}
.talon-wa-seat-roleline-title{min-width:90px;color:var(--n-slate-10,#8a94a8);}
.talon-wa-seat-roleline[data-state="ready"] .talon-wa-seat-roleline-title{color:var(--n-green-4,#22c55e);}
.talon-wa-seat-roleline[data-state="blocked"] .talon-wa-seat-roleline-title{color:var(--n-red-4,#ef4444);}
.talon-wa-seat-scopes{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.talon-wa-seat-scope-chip{font-size:11px;padding:3px 8px;border-radius:99px;background:var(--n-alpha-4,#2a3444);color:var(--n-slate-11,#b8c2d4);}
.talon-wa-seat-chip-warn{border:1px solid var(--n-amber-4,#f59e0b);color:var(--n-amber-3,#fbbf24);}
.talon-wa-seat-hint{font-size:11px;color:var(--n-slate-9,#6b7488);margin:6px 0 0;}
.talon-wa-seat-lists{display:flex;flex-direction:column;gap:10px;}
.talon-wa-seat-group{display:flex;flex-direction:column;gap:4px;}
.talon-wa-seat-group-title{font-size:12px;font-weight:600;margin:0;color:var(--n-slate-10,#8a94a8);}
.talon-wa-seat-table{width:100%;border-collapse:collapse;font-size:12px;}
.talon-wa-seat-table th{padding:5px 8px;text-align:left;border-bottom:1px solid var(--n-alpha-4,#2a3444);color:var(--n-slate-9,#6b7488);font-weight:500;}
.talon-wa-seat-table td{padding:5px 8px;border-bottom:1px solid var(--n-alpha-3,#222b3a);}
.talon-wa-seat-tr-other td{color:var(--n-slate-8,#5a6378);}
.talon-wa-seat-check{width:15px;height:15px;cursor:pointer;}
.talon-wa-seat-check:disabled{cursor:not-allowed;opacity:.4;}
.talon-wa-seat-writebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--n-alpha-4,#2a3444);}
.talon-wa-seat-selected-count{font-size:12px;font-weight:600;color:var(--n-slate-11,#b8c2d4);}
.talon-wa-seat-write-reason{font-size:11px;color:var(--n-slate-9,#6b7488);flex:1;min-width:120px;}
.talon-wa-seat-notice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:8px;font-size:12px;border:1px solid transparent;}
.talon-wa-seat-notice[data-kind="success"]{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.4);color:var(--n-green-4,#22c55e);}
.talon-wa-seat-notice[data-kind="error"]{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.4);color:var(--n-red-4,#ef4444);}
.talon-wa-seat-notice[data-kind="warning"]{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.45);color:var(--n-amber-3,#fbbf24);}
.talon-wa-seat-notice[hidden]{display:none;}
/* The host renderDetail() injects the panel inside the talon-role-runtime card.
   When the WA tab is active in the detail nav, scrollIntoView targets #talon-role-wa-seat. */
#talon-role-wa-seat{scroll-margin-top:72px;}

/* Role configuration: compact multi-WA selection menu. Business Inbox/Outbox
 * are logical scopes; the Chatwoot conversation UI is unchanged. */
.talon-wa-seat-panel{padding:14px;margin-top:14px;max-width:100%;color:var(--n-slate-12,#d0d7e5)}
.talon-wa-seat-card-container{gap:10px}
.talon-wa-seat-summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 11px;border:1px solid var(--n-alpha-4,#2a3444);border-radius:8px}
.talon-wa-seat-summary>strong{font-size:13px}
.talon-wa-seat-statline{font-size:12px;color:var(--n-slate-10,#94a3b8)}
.talon-wa-seat-picker-panel{display:flex;flex-direction:column;gap:8px}
.talon-wa-seat-dropdown{border:1px solid var(--n-alpha-6,#3a4354);border-radius:8px;background:var(--n-surface-2,rgba(0,0,0,.12))}
.talon-wa-seat-dropdown-summary{padding:11px 13px;cursor:pointer;font-size:13px;font-weight:600;list-style-position:inside;user-select:none}
.talon-wa-seat-dropdown-summary:focus-visible{outline:2px solid var(--n-blue-4,#2563eb);outline-offset:2px}
.talon-wa-seat-dropdown[open]>.talon-wa-seat-dropdown-summary{border-bottom:1px solid var(--n-alpha-5,#344154)}
.talon-wa-seat-dropdown-body{padding:10px 12px;display:flex;flex-direction:column;gap:10px}
.talon-wa-seat-search{display:block;width:100%;min-height:36px;border:1px solid var(--n-alpha-6,#3a4354);border-radius:7px;padding:7px 10px;background:var(--n-surface-2,#17202c);color:inherit;font:inherit}
.talon-wa-seat-search:focus{outline:2px solid var(--n-blue-4,#2563eb)}
.talon-wa-seat-options{display:flex;flex-direction:column;gap:10px;max-height:290px;overflow-y:auto;overscroll-behavior:contain}
.talon-wa-seat-picker-group{display:flex;flex-direction:column;gap:5px}
.talon-wa-seat-picker-group[hidden],.talon-wa-seat-picker-option[hidden]{display:none!important}
.talon-wa-seat-picker-group-title{font-size:12px;color:var(--n-slate-10,#94a3b8);margin:3px 0}
.talon-wa-seat-picker-rows{display:flex;flex-direction:column;gap:3px}
.talon-wa-seat-picker-option{display:flex;align-items:center;gap:10px;padding:8px;border-radius:7px;min-height:44px;background:var(--n-surface-2,rgba(0,0,0,.10));cursor:pointer;overflow-wrap:anywhere}
.talon-wa-seat-picker-option:hover:not([data-disabled=true]){background:var(--n-alpha-4,rgba(125,150,185,.12))}
.talon-wa-seat-picker-option[data-disabled=true]{opacity:.55;cursor:not-allowed}
.talon-wa-seat-picker-checkbox{width:17px;height:17px;flex:0 0 17px;accent-color:var(--n-blue-5,#2563eb)}
.talon-wa-seat-picker-option-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.talon-wa-seat-picker-option-name{font-weight:600;font-size:12px}
.talon-wa-seat-picker-option-meta{font-size:11px;color:var(--n-slate-10,#8a94a8)}
.talon-wa-seat-picker-owner{font-size:11px;color:var(--n-slate-10,#8a94a8);text-align:right;flex:0 0 auto;max-width:30%}
.talon-wa-seat-picker .talon-wa-seat-hint{margin:4px 0}
.talon-wa-seat-writebar{gap:8px;padding-top:6px;justify-content:flex-end}
.talon-wa-seat-selected-count{flex:1}
.talon-wa-seat-write-reason{min-width:0}
@media(max-width:660px){
  .talon-wa-seat-summary{flex-direction:column;align-items:flex-start}
  .talon-wa-seat-picker-option{flex-wrap:wrap}
  .talon-wa-seat-picker-owner{margin-left:26px;max-width:100%}
  .talon-wa-seat-writebar{justify-content:stretch}
  .talon-wa-seat-writebar button{width:100%}
}