/* TeamAct CRM — Company Admin Leads Hub V12
   Approved standalone HTML prototype translated to production selectors.
   Structural UI is white/neutral. Filled accent is reserved for real CTA only. */

/* ---------- Lead Hub shell ---------- */
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-hub-v12{
  display:block!important;background:transparent!important;color:#0f172a!important;
  font-family:Inter,Arial,sans-serif!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-hub-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;
  padding:2px 0 14px!important;margin:0 0 4px!important;border-bottom:1px solid #e4e8ef!important;background:transparent!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-hub-head h1{
  margin:0 0 5px!important;font-size:18px!important;line-height:24px!important;font-weight:600!important;color:#0f172a!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-hub-head p{
  margin:0!important;font-size:13px!important;line-height:20px!important;color:#64748b!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-hub-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-hub-actions>button{
  min-height:38px!important;height:38px!important;padding:0 13px!important;border-radius:7px!important;box-shadow:none!important;font-size:13px!important;font-weight:500!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-hub-actions>button.primary{
  background:#4f46e5!important;background-image:none!important;border:1px solid #4f46e5!important;color:#fff!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-hub-actions>button.secondary{
  background:#fff!important;background-image:none!important;border:1px solid #d5dce7!important;color:#334155!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-hub-actions>button.secondary:hover{
  background:#f8fafc!important;border-color:#cbd5e1!important;
}

/* ---------- Hub groups/cards ---------- */
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-group{
  margin-top:18px!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-title{margin:0 0 10px!important}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-title h2{
  margin:0 0 2px!important;font-size:16px!important;line-height:21px!important;font-weight:600!important;color:#0f172a!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-title p{
  margin:0!important;font-size:12.5px!important;line-height:18px!important;color:#64748b!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
}
html body #root .shell.crm-role-admin .main #view.view-content button.admin-lead-hub-card{
  all:unset!important;box-sizing:border-box!important;
  min-width:0!important;min-height:66px!important;width:100%!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:12px 14px!important;margin:0!important;
  border:1px solid #e4e8ef!important;border-radius:9px!important;
  background:#fff!important;background-image:none!important;color:#0f172a!important;
  box-shadow:none!important;cursor:pointer!important;text-align:left!important;
  transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
html body #root .shell.crm-role-admin .main #view.view-content button.admin-lead-hub-card:hover{
  border-color:#c9c5f6!important;background:#fcfbff!important;box-shadow:0 5px 18px rgba(79,70,229,.05)!important;transform:translateY(-1px)!important;
}
html body #root .shell.crm-role-admin .main #view.view-content button.admin-lead-hub-card:focus-visible{
  outline:2px solid #c4b5fd!important;outline-offset:2px!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-icon{
  width:34px!important;height:34px!important;min-width:34px!important;border-radius:8px!important;
  display:inline-grid!important;place-items:center!important;
  background:#f5f3ff!important;color:#5b4bc4!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-icon svg{width:18px!important;height:18px!important}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-copy{display:block!important;min-width:0!important;flex:1 1 auto!important}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-copy b{
  display:block!important;margin:0 0 3px!important;color:#111827!important;font-size:14px!important;line-height:18px!important;font-weight:600!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-copy small{
  display:block!important;color:#64748b!important;font-size:12px!important;line-height:16px!important;font-weight:400!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-count{
  flex:0 0 auto!important;padding:3px 7px!important;border:1px solid #e4e8ef!important;border-radius:5px!important;
  background:#f8fafc!important;color:#64748b!important;font-size:12px!important;line-height:16px!important;font-weight:500!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-count.is-attention{
  border-color:#fed7aa!important;background:#fff7ed!important;color:#b45309!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-lock{
  flex:0 0 auto!important;padding:3px 7px!important;border:1px solid #e4e8ef!important;border-radius:5px!important;
  background:#fff!important;color:#64748b!important;font-size:11px!important;line-height:16px!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-chevron{color:#a8b0bd!important;font-size:19px!important;line-height:1!important;flex:0 0 auto!important}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-note{
  margin-top:10px!important;padding:10px 12px!important;border:1px solid #ebe9ff!important;border-radius:8px!important;
  display:flex!important;align-items:center!important;gap:8px!important;background:#fafaff!important;color:#5b4bc4!important;
  font-size:12.5px!important;line-height:18px!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-note svg{width:16px!important;height:16px!important;flex:0 0 16px!important}

/* ---------- Workspace translated from approved preview ---------- */
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-workspace-v12{background:transparent!important}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v12-workspace-head{
  align-items:flex-end!important;padding-bottom:12px!important;margin-bottom:0!important;
}
html body #root .shell.crm-role-admin .main #view.view-content button.admin-leads-v12-back{
  all:unset!important;display:inline-block!important;margin:0 0 5px!important;color:#4f46e5!important;font-size:12.5px!important;font-weight:600!important;cursor:pointer!important;
}
html body #root .shell.crm-role-admin .main #view.view-content button.admin-leads-v12-back:hover{text-decoration:underline!important}

/* Tabs: white surface + underline, never filled blue. */
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-workspace-v12 .admin-lead-tabs{
  gap:22px!important;background:#fff!important;border-bottom:1px solid #e4e8ef!important;padding:0!important;margin:0 0 12px!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-workspace-v12 .admin-lead-tabs>button{
  all:unset!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:5px!important;
  min-height:41px!important;padding:0 1px!important;margin:0!important;border-bottom:2px solid transparent!important;
  background:#fff!important;color:#475569!important;font-size:13px!important;line-height:18px!important;cursor:pointer!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-workspace-v12 .admin-lead-tabs>button.active{
  color:#4f46e5!important;border-bottom-color:#4f46e5!important;font-weight:600!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-workspace-v12 .admin-lead-tabs>button>span{
  color:#94a3b8!important;font-size:11px!important;font-weight:500!important;
}

/* Minimal copy icon: approved Option 1. */
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-cell{
  display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-cell > button.admin-mobile-copy{
  all:unset!important;position:relative!important;display:inline-grid!important;place-items:center!important;
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
  border:0!important;border-radius:4px!important;background:transparent!important;background-image:none!important;
  color:#94a3b8!important;box-shadow:none!important;cursor:pointer!important;line-height:1!important;-webkit-tap-highlight-color:transparent!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy svg{width:15px!important;height:15px!important;display:block!important;stroke-width:1.8!important}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy:hover{color:#4f46e5!important;background:transparent!important}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy:focus-visible{color:#4f46e5!important;outline:2px solid #ddd6fe!important;outline-offset:2px!important}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy.is-copied{color:#16a34a!important}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy::after{
  content:attr(data-tip);position:absolute!important;left:50%!important;bottom:calc(100% + 7px)!important;transform:translateX(-50%) translateY(2px)!important;
  padding:5px 7px!important;border-radius:5px!important;background:#172033!important;color:#fff!important;font:500 11px/1.2 Inter,Arial,sans-serif!important;
  white-space:nowrap!important;opacity:0!important;pointer-events:none!important;transition:opacity .12s ease,transform .12s ease!important;z-index:80!important;
  box-shadow:0 4px 12px rgba(15,23,42,.16)!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy::before{
  content:"";position:absolute!important;left:50%!important;bottom:calc(100% + 3px)!important;transform:translateX(-50%)!important;
  border:4px solid transparent!important;border-top-color:#172033!important;opacity:0!important;pointer-events:none!important;z-index:80!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy:hover::after,
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy:hover::before,
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy:focus-visible::after,
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy:focus-visible::before,
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy.is-copied::after,
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy.is-copied::before{opacity:1!important}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy:hover::after,
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy:focus-visible::after,
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-v11 .admin-mobile-copy.is-copied::after{transform:translateX(-50%) translateY(0)!important}

/* Reinforce flat spreadsheet style and prevent global primary-button repaint. */
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-workspace-v12 :is(.admin-lead-id-link,.admin-lead-name-link,.admin-lead-sort,.admin-lead-status-button),
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-workspace-v12 :is(.admin-lead-id-link,.admin-lead-name-link,.admin-lead-sort,.admin-lead-status-button):hover{
  background-image:none!important;box-shadow:none!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-workspace-v12 .admin-lead-id-link{
  all:unset!important;color:#64748b!important;font-size:12px!important;line-height:17px!important;cursor:pointer!important;white-space:nowrap!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-workspace-v12 .admin-lead-name-link{
  all:unset!important;color:#4338ca!important;font-size:14px!important;line-height:18px!important;font-weight:600!important;cursor:pointer!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-workspace-v12 .admin-lead-sort{
  all:unset!important;color:#475569!important;font-size:13px!important;line-height:18px!important;font-weight:600!important;cursor:pointer!important;white-space:nowrap!important;
}
html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-workspace-v12 .admin-lead-sort.active{color:#4f46e5!important}

/* ---------- Locked Lead ID / visibility dialogs ---------- */
.admin-lead-v12-info-dialog .admin-lead-v12-id-card{
  border:1px solid #ddd6fe;border-radius:8px;background:#faf9ff;padding:13px 14px;margin-bottom:10px;
}
.admin-lead-v12-info-dialog .admin-lead-v12-id-card small{display:block;color:#64748b;font-size:11px;margin-bottom:4px}
.admin-lead-v12-info-dialog .admin-lead-v12-id-card strong{display:block;color:#4338ca;font-size:18px;line-height:24px;margin-bottom:4px}
.admin-lead-v12-info-dialog .admin-lead-v12-id-card span{font-size:12px;color:#64748b}
.admin-lead-v12-policy-list{display:grid;grid-template-columns:150px 1fr;gap:8px 12px;margin:12px 0 0;font-size:13px}
.admin-lead-v12-policy-list dt{color:#64748b}.admin-lead-v12-policy-list dd{margin:0;color:#111827}
.admin-lead-v12-policy-grid{display:grid;gap:8px;margin-bottom:10px}
.admin-lead-v12-policy-grid>div{border:1px solid #e4e8ef;border-radius:8px;background:#fff;padding:10px 12px}
.admin-lead-v12-policy-grid b{display:block;font-size:13px;color:#111827;margin-bottom:3px}.admin-lead-v12-policy-grid span{display:block;font-size:12px;line-height:17px;color:#64748b}

@media(max-width:1180px){
  html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px){
  html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-hub-head{flex-direction:column!important}
  html body #root .shell.crm-role-admin .main #view.view-content .admin-leads-hub-actions{justify-content:flex-start!important}
  html body #root .shell.crm-role-admin .main #view.view-content .admin-lead-hub-grid{grid-template-columns:1fr!important}
}