/*
  TeamAct CRM — Company Admin User Reports TeleCRM-density V7
  Purpose: white, compact, table-first reporting workspace with fixed global
  TeleCRM-style typography. Loaded after the Admin no-teal stylesheet.
*/
.crm-role-admin .workspace:has(.admin-reporting){background:#fff!important}
.crm-role-admin .main #view .admin-reporting{
  display:flex;flex-direction:column;gap:12px;min-width:0;background:#fff;color:#2e2e2e;
}

/* Flat page header — no hero card, no tenant badge. */
.crm-role-admin .main #view .admin-reporting .ar-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;
  padding:4px 0 12px!important;margin:0!important;background:#fff!important;background-image:none!important;
  border:0!important;border-bottom:1px solid #e4e4e4!important;border-radius:0!important;box-shadow:none!important;
}
.crm-role-admin .main #view .admin-reporting .ar-head h1{
  margin:0 0 3px!important;font-size:18px!important;line-height:24px!important;font-weight:600!important;color:#2e2e2e!important;
}
.crm-role-admin .main #view .admin-reporting .ar-head p{margin:0!important;font-size:13px!important;color:#707070!important}
.crm-role-admin .main #view .admin-reporting .ar-head-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.crm-role-admin .main #view .admin-reporting .ar-head-actions button{min-height:34px!important;padding:6px 11px!important;border-radius:6px!important}

/* Top tabs: white with purple text/underline, never teal/filled blocks. */
.crm-role-admin .main #view .admin-reporting .ar-tabs{
  display:flex!important;gap:20px!important;overflow:auto!important;padding:0!important;background:#fff!important;border:0!important;
  border-bottom:1px solid #e4e4e4!important;border-radius:0!important;scrollbar-width:thin;
}
.crm-role-admin .main #view .admin-reporting .ar-tabs button{
  min-height:37px!important;padding:7px 1px 8px!important;margin:0!important;background:#fff!important;background-image:none!important;
  color:#475569!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;
  font-size:14px!important;font-weight:500!important;
}
.crm-role-admin .main #view .admin-reporting .ar-tabs button:hover{color:#4f38a2!important;background:#fff!important}
.crm-role-admin .main #view .admin-reporting .ar-tabs button.active{
  color:#4f38a2!important;background:#fff!important;border-bottom-color:#4f38a2!important;
}

/* One-line compact report toolbar. */
.crm-role-admin .main #view .admin-reporting .ar-toolbar{
  display:flex!important;align-items:flex-end!important;gap:8px!important;flex-wrap:wrap!important;
  padding:9px 10px!important;background:#fff!important;border:1px solid #e4e4e4!important;border-radius:8px!important;box-shadow:none!important;
}
.crm-role-admin .main #view .admin-reporting .ar-control{display:flex;flex-direction:column;gap:3px;margin:0!important;min-width:145px}
.crm-role-admin .main #view .admin-reporting .ar-control>span{font-size:12px!important;color:#707070!important;font-weight:500!important}
.crm-role-admin .main #view .admin-reporting .ar-control select,
.crm-role-admin .main #view .admin-reporting .ar-control input{
  height:36px!important;min-height:36px!important;padding:6px 10px!important;background:#fff!important;color:#333!important;
  border:1px solid #dcdcdc!important;border-radius:6px!important;box-shadow:none!important;
}
.crm-role-admin .main #view .admin-reporting .ar-control select:focus,
.crm-role-admin .main #view .admin-reporting .ar-control input:focus{border-color:#4f38a2!important;box-shadow:0 0 0 2px rgba(79,56,162,.08)!important;outline:none!important}
.crm-role-admin .main #view .admin-reporting .ar-user-control{min-width:210px;flex:1 1 220px;max-width:320px}
.crm-role-admin .main #view .admin-reporting .ar-custom-inline{display:flex;gap:8px;align-items:flex-end}
.crm-role-admin .main #view .admin-reporting .ar-custom-inline.hidden{display:none!important}
.crm-role-admin .main #view .admin-reporting .ar-apply{
  height:36px!important;min-height:36px!important;padding:6px 14px!important;background:#4f38a2!important;color:#fff!important;
  border:1px solid #4f38a2!important;border-radius:6px!important;box-shadow:none!important;font-weight:500!important;
}
.crm-role-admin .main #view .admin-reporting .ar-apply:hover{background:#604cab!important;border-color:#604cab!important}
.crm-role-admin .main #view .admin-reporting .ar-range-label{margin-left:auto;align-self:center;font-size:13px!important;color:#707070!important;white-space:nowrap}

.crm-role-admin .main #view .admin-reporting .ar-body{display:flex;flex-direction:column;gap:12px;min-width:0}
.crm-role-admin .main #view .admin-reporting .ar-summary-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:1px 0}
.crm-role-admin .main #view .admin-reporting .ar-summary-head h3{margin:0!important;font-size:16px!important;font-weight:600!important;color:#2e2e2e!important}
.crm-role-admin .main #view .admin-reporting .ar-summary-head p{margin:2px 0 0!important;font-size:13px!important;color:#707070!important}

/* Compact 10-metric summary: dense, white, thin-border, no shadows. */
.crm-role-admin .main #view .admin-reporting .ar-kpis{
  display:grid!important;grid-template-columns:repeat(5,minmax(120px,1fr))!important;gap:8px!important;
}
.crm-role-admin .main #view .admin-reporting .ar-kpis.compact{grid-template-columns:repeat(6,minmax(115px,1fr))!important}
.crm-role-admin .main #view .admin-reporting .ar-kpi{
  min-height:76px!important;padding:9px 11px!important;background:#fff!important;background-image:none!important;
  border:1px solid #e4e4e4!important;border-radius:7px!important;box-shadow:none!important;min-width:0!important;
}
.crm-role-admin .main #view .admin-reporting .ar-kpi span{
  display:block!important;font-size:12px!important;line-height:1.25!important;font-weight:600!important;color:#707070!important;text-transform:none!important;letter-spacing:0!important;
}
.crm-role-admin .main #view .admin-reporting .ar-kpi b{
  display:block!important;margin-top:4px!important;font-size:18px!important;line-height:1.15!important;font-weight:600!important;color:#2e2e2e!important;overflow-wrap:anywhere;
}
.crm-role-admin .main #view .admin-reporting .ar-kpi small{display:block!important;margin-top:3px!important;font-size:12px!important;line-height:1.2!important;color:#8a8a8a!important}

/* Trend + snapshot: compact and flat. */
.crm-role-admin .main #view .admin-reporting .ar-grid{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr)!important;gap:10px!important}
.crm-role-admin .main #view .admin-reporting .ar-card{
  padding:12px 14px!important;background:#fff!important;background-image:none!important;border:1px solid #e4e4e4!important;
  border-radius:8px!important;box-shadow:none!important;min-width:0!important;
}
.crm-role-admin .main #view .admin-reporting .ar-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px!important}
.crm-role-admin .main #view .admin-reporting .ar-card-head h3{margin:0!important;font-size:15px!important;font-weight:600!important;color:#2e2e2e!important}
.crm-role-admin .main #view .admin-reporting .ar-card-head span{font-size:12px!important;color:#8a8a8a!important}
.crm-role-admin .main #view .admin-reporting .ar-trend-card{min-height:240px!important}
.crm-role-admin .main #view .admin-reporting .ar-trend-legend{display:flex;justify-content:flex-end;gap:14px;height:20px;margin-top:-2px;font-size:12px!important;color:#707070!important}
.crm-role-admin .main #view .admin-reporting .ar-trend-legend span{display:flex;align-items:center;gap:5px}
.crm-role-admin .main #view .admin-reporting .ar-trend-legend i{width:9px;height:9px;border-radius:2px;display:inline-block}
.crm-role-admin .main #view .admin-reporting .ar-trend-legend i.calls{background:#4f38a2}
.crm-role-admin .main #view .admin-reporting .ar-trend-legend i.connected{background:#9a89cf}
.crm-role-admin .main #view .admin-reporting .ar-trend{height:178px;display:flex;align-items:stretch;gap:9px;padding:8px 2px 0;border-bottom:1px solid #e4e4e4}
.crm-role-admin .main #view .admin-reporting .ar-trend-col{display:flex;flex:1 1 0;min-width:30px;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}
.crm-role-admin .main #view .admin-reporting .ar-trend-bars{height:145px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.crm-role-admin .main #view .admin-reporting .ar-trend-bars i{display:block;width:min(24px,38%);min-width:6px;border-radius:4px 4px 0 0}
.crm-role-admin .main #view .admin-reporting .ar-trend-bars i.calls{background:#4f38a2}
.crm-role-admin .main #view .admin-reporting .ar-trend-bars i.connected{background:#9a89cf}
.crm-role-admin .main #view .admin-reporting .ar-trend-col small{font-size:12px!important;color:#707070!important;white-space:nowrap}
.crm-role-admin .main #view .admin-reporting .ar-empty{display:grid;place-items:center;min-height:160px;color:#8a8a8a;font-size:13px}

.crm-role-admin .main #view .admin-reporting .ar-snapshot-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e4e4e4}
.crm-role-admin .main #view .admin-reporting .ar-snapshot-list>div{display:flex;flex-direction:column;gap:2px;padding:9px 8px;border-bottom:1px solid #e4e4e4;min-width:0}
.crm-role-admin .main #view .admin-reporting .ar-snapshot-list>div:nth-child(odd){border-right:1px solid #e4e4e4}
.crm-role-admin .main #view .admin-reporting .ar-snapshot-list span{font-size:12px!important;color:#707070!important}
.crm-role-admin .main #view .admin-reporting .ar-snapshot-list b{font-size:14px!important;font-weight:600!important;color:#2e2e2e!important;overflow-wrap:anywhere}

/* User Performance is the primary reporting surface. */
.crm-role-admin .main #view .admin-reporting .ar-table-card{padding:12px!important}
.crm-role-admin .main #view .admin-reporting .ar-table-tools{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:2px 0 8px;
}
.crm-role-admin .main #view .admin-reporting .ar-user-search{display:flex;align-items:center;gap:6px;flex:1 1 420px;margin:0!important}
.crm-role-admin .main #view .admin-reporting .ar-user-search input{min-width:180px;flex:1 1 220px}
.crm-role-admin .main #view .admin-reporting .ar-user-search select{min-width:130px}
.crm-role-admin .main #view .admin-reporting .ar-table-tools input,
.crm-role-admin .main #view .admin-reporting .ar-table-tools select,
.crm-role-admin .main #view .admin-reporting .ar-filters input,
.crm-role-admin .main #view .admin-reporting .ar-filters select{
  height:36px!important;min-height:36px!important;padding:6px 10px!important;border:1px solid #dcdcdc!important;border-radius:6px!important;background:#fff!important;color:#333!important;box-shadow:none!important;
}
.crm-role-admin .main #view .admin-reporting .ar-table-tools button,
.crm-role-admin .main #view .admin-reporting .ar-filters button,
.crm-role-admin .main #view .admin-reporting .ar-view{
  min-height:34px!important;height:34px!important;padding:5px 10px!important;border-radius:6px!important;box-shadow:none!important;
}
.crm-role-admin .main #view .admin-reporting .ar-columns{position:relative}
.crm-role-admin .main #view .admin-reporting .ar-columns>summary{
  list-style:none;cursor:pointer;height:34px;display:flex;align-items:center;padding:0 10px;border:1px solid #d8d8d8;border-radius:6px;background:#fff;color:#333;font-size:14px;font-weight:500;
}
.crm-role-admin .main #view .admin-reporting .ar-columns>summary::-webkit-details-marker{display:none}
.crm-role-admin .main #view .admin-reporting .ar-columns[open]>div{
  position:absolute;right:0;top:39px;z-index:8;width:190px;padding:8px;background:#fff;border:1px solid #dcdcdc;border-radius:7px;box-shadow:0 8px 24px rgba(30,30,30,.10);display:grid;gap:4px;
}
.crm-role-admin .main #view .admin-reporting .ar-columns label{display:flex;align-items:center;gap:7px;padding:4px 3px;font-size:13px!important;font-weight:400!important;color:#333!important}
.crm-role-admin .main #view .admin-reporting .ar-columns input{width:16px;height:16px;accent-color:#4f38a2}

.crm-role-admin .main #view .admin-reporting .ar-table-wrap{
  overflow:auto!important;background:#fff!important;border:1px solid #e4e4e4!important;border-radius:6px!important;box-shadow:none!important;
}
.crm-role-admin .main #view .admin-reporting .ar-table-wrap table{width:100%!important;min-width:820px!important;border-collapse:collapse!important;background:#fff!important}
.crm-role-admin .main #view .admin-reporting .ar-table-wrap th{
  position:sticky;top:0;z-index:2;height:38px!important;padding:7px 10px!important;background:#eee!important;color:#707070!important;
  border-right:1px solid #e4e4e4!important;border-bottom:1px solid #e4e4e4!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;
}
.crm-role-admin .main #view .admin-reporting .ar-table-wrap td{
  height:42px!important;padding:6px 10px!important;background:#fff!important;color:#333!important;border-right:1px solid #e4e4e4!important;border-bottom:1px solid #e4e4e4!important;vertical-align:middle!important;white-space:nowrap!important;
}
.crm-role-admin .main #view .admin-reporting .ar-table-wrap th:last-child,
.crm-role-admin .main #view .admin-reporting .ar-table-wrap td:last-child{border-right:0!important}
.crm-role-admin .main #view .admin-reporting .ar-table-wrap tbody tr:hover td{background:#faf9fd!important}
.crm-role-admin .main #view .admin-reporting .ar-table-wrap td small{display:block!important;margin-top:1px!important;font-size:12px!important;color:#8a8a8a!important;line-height:1.2!important}
.crm-role-admin .main #view .admin-reporting .ar-sort{
  display:inline-flex!important;align-items:center!important;gap:4px!important;padding:0!important;min-height:0!important;background:transparent!important;background-image:none!important;color:#707070!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:14px!important;font-weight:600!important;
}
.crm-role-admin .main #view .admin-reporting .ar-sort:hover{color:#4f38a2!important;background:transparent!important}
.crm-role-admin .main #view .admin-reporting .ar-sort span{min-width:10px;color:#4f38a2!important}
.crm-role-admin .main #view .admin-reporting .ar-user-link{
  padding:0!important;min-height:0!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#4f38a2!important;font-size:14px!important;font-weight:500!important;text-align:left!important;
}
.crm-role-admin .main #view .admin-reporting .ar-user-link:hover{text-decoration:underline!important;background:transparent!important;color:#604cab!important}
.crm-role-admin .main #view .admin-reporting .ar-status{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:13px!important;font-weight:500!important;border:1px solid transparent}
.crm-role-admin .main #view .admin-reporting .ar-status.is-active{background:#eef2ff;color:#4057a8;border-color:#d8e0fb}
.crm-role-admin .main #view .admin-reporting .ar-status.is-inactive{background:#f4f4f4;color:#707070;border-color:#e2e2e2}
.crm-role-admin .main #view .admin-reporting .ar-detail-cell{width:60px;text-align:center}

/* Detail tab filters/tables keep same density. */
.crm-role-admin .main #view .admin-reporting .ar-filters{
  display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;padding:8px!important;background:#fff!important;border:1px solid #e4e4e4!important;border-radius:7px!important;box-shadow:none!important;
}
.crm-role-admin .main #view .admin-reporting .ar-filters input{flex:1 1 230px;min-width:180px}
.crm-role-admin .main #view .admin-reporting .ar-filters select{min-width:140px}
.crm-role-admin .main #view .admin-reporting .ar-good{display:inline-flex;padding:2px 7px!important;border-radius:4px!important;background:#edf7ef!important;color:#267147!important;border:1px solid #d4ead9!important;font-size:13px!important;font-weight:500!important}
.crm-role-admin .main #view .admin-reporting .ar-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 1px 0;color:#707070;font-size:12px!important}
.crm-role-admin .main #view .admin-reporting .ar-pager>div{display:flex;gap:5px}

/* Remove the remaining light teal tint from the Admin top search. */
.crm-role-admin .main .top-search{background:#fff!important;background-image:none!important;border-color:#e4e4e4!important}
.crm-role-admin .main .top-search input{background:#fff!important;color:#333!important}
.crm-role-admin .main .top-search:focus-within{border-color:#4f38a2!important;box-shadow:0 0 0 2px rgba(79,56,162,.08)!important}

@media(max-width:1180px){
  .crm-role-admin .main #view .admin-reporting .ar-kpis{grid-template-columns:repeat(3,minmax(120px,1fr))!important}
  .crm-role-admin .main #view .admin-reporting .ar-kpis.compact{grid-template-columns:repeat(3,minmax(115px,1fr))!important}
}
@media(max-width:900px){
  .crm-role-admin .main #view .admin-reporting .ar-grid{grid-template-columns:1fr!important}
  .crm-role-admin .main #view .admin-reporting .ar-range-label{width:100%;margin-left:0}
  .crm-role-admin .main #view .admin-reporting .ar-user-control{max-width:none}
}
@media(max-width:620px){
  .crm-role-admin .main #view .admin-reporting .ar-head{flex-direction:column!important}
  .crm-role-admin .main #view .admin-reporting .ar-toolbar{align-items:stretch!important}
  .crm-role-admin .main #view .admin-reporting .ar-control,.crm-role-admin .main #view .admin-reporting .ar-user-control{width:100%;max-width:none;min-width:0}
  .crm-role-admin .main #view .admin-reporting .ar-custom-inline{width:100%;flex-direction:column;align-items:stretch}
  .crm-role-admin .main #view .admin-reporting .ar-kpis,.crm-role-admin .main #view .admin-reporting .ar-kpis.compact{grid-template-columns:repeat(2,minmax(110px,1fr))!important}
  .crm-role-admin .main #view .admin-reporting .ar-tabs{gap:14px!important}
  .crm-role-admin .main #view .admin-reporting .ar-table-tools{align-items:stretch}
  .crm-role-admin .main #view .admin-reporting .ar-user-search{width:100%;flex-direction:column;align-items:stretch}
  .crm-role-admin .main #view .admin-reporting .ar-columns>summary{justify-content:center}
}