/* R8.230 LIVE — organiser-only DASM AI usage analytics promoted from STAGING. */
.admin-ai-usage{margin-top:16px!important}
.admin-ai-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.admin-ai-title{font-size:15px;font-weight:950;letter-spacing:.08em;color:#143e35}
.admin-ai-sub{margin-top:4px;font-size:11px;line-height:1.35;color:#60766f}
.admin-ai-controls{display:flex;gap:8px;align-items:center}
.admin-ai-controls select,.admin-ai-controls button{height:36px;border:1px solid #bdd9d0;border-radius:10px;background:#fff;color:#154b40;font-weight:850;padding:0 10px}
.admin-ai-controls button{cursor:pointer}
.admin-ai-callout{padding:12px 14px;border:1px solid rgba(43,137,109,.22);border-radius:13px;background:linear-gradient(135deg,rgba(227,247,239,.95),rgba(247,251,249,.96));color:#174d40;font-size:12px;line-height:1.45;margin-bottom:12px}
.admin-ai-callout b{font-weight:950}
.admin-ai-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:13px}
.admin-ai-metric{min-width:0;padding:11px 10px;border:1px solid #d7e5e0;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(16,61,50,.05)}
.admin-ai-metric strong{display:block;font-size:19px;line-height:1;color:#0b6f57;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-ai-metric span{display:block;margin-top:6px;font-size:9px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:#71827d;font-weight:850}
.admin-ai-section-label{margin:13px 0 7px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#4c6b62;font-weight:950}
.admin-ai-table-wrap{width:100%;overflow-x:auto;border:1px solid #dce8e4;border-radius:12px;background:#fff}
.admin-ai-table{width:100%;min-width:620px;border-collapse:collapse;font-size:11px;color:#26483f}
.admin-ai-table th{padding:9px 10px;background:#eef6f3;text-align:left;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:#58736a;white-space:nowrap}
.admin-ai-table td{padding:10px;border-top:1px solid #e7efec;vertical-align:middle;white-space:nowrap}
.admin-ai-table td:first-child{font-weight:900;color:#173f35}
.admin-ai-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;border:1px solid #cce1da;background:#f5faf8;color:#397264}
.admin-ai-badge.organiser{border-color:#d8c2e8;background:#f7f0fb;color:#754a93}
.admin-ai-note{margin-top:10px;padding:9px 11px;border-radius:10px;background:#fff8e8;border:1px solid #ecd89f;color:#725d25;font-size:10.5px;line-height:1.4}
.admin-ai-foot{margin-top:9px;color:#73857f;font-size:9.5px;line-height:1.35}
.admin-ai-loading{padding:18px;text-align:center;color:#698078;font-size:11px}
.admin-ai-error{padding:12px;border-radius:10px;background:#fff0f0;border:1px solid #efcaca;color:#8a3838;font-size:11px}
@media(max-width:900px){.admin-ai-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px) and (orientation:portrait){
  html body #adminModal .admin-ai-usage,html body #adminModal .admin-ai-head,html body #adminModal .admin-ai-callout,html body #adminModal .admin-ai-table-wrap{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  html body #adminModal .admin-ai-head{display:block!important}
  html body #adminModal .admin-ai-title{font-size:16px!important;line-height:1.25!important}
  html body #adminModal .admin-ai-sub{font-size:12px!important;line-height:1.42!important}
  html body #adminModal .admin-ai-controls{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;width:100%!important;min-width:0!important;margin-top:10px!important}
  html body #adminModal .admin-ai-controls select{width:100%!important;min-width:0!important}
  html body #adminModal .admin-ai-callout{font-size:12.5px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body #adminModal .admin-ai-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important}
  html body #adminModal .admin-ai-metric{width:auto!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
  html body #adminModal .admin-ai-metric strong{font-size:17px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body #adminModal .admin-ai-metric span{font-size:10.5px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body #adminModal .admin-ai-section-label{font-size:11px!important;line-height:1.3!important}
  html body #adminModal .admin-ai-table-wrap{overflow:visible!important;border:0!important;background:transparent!important}
  html body #adminModal .admin-ai-table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;border-collapse:separate!important}
  html body #adminModal .admin-ai-table thead{display:none!important}
  html body #adminModal .admin-ai-table tbody{display:grid!important;gap:8px!important;width:100%!important;min-width:0!important}
  html body #adminModal .admin-ai-table tr{display:grid!important;width:100%!important;min-width:0!important;padding:9px 10px!important;border:1px solid #dce8e4!important;border-radius:11px!important;background:#fff!important}
  html body #adminModal .admin-ai-table td{display:grid!important;grid-template-columns:102px minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important;padding:4px 0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:12.5px!important;line-height:1.35!important}
  html body #adminModal .admin-ai-table td::before{color:#6d817a!important;font-size:10px!important;line-height:1.3!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important}
  html body #adminModal .admin-ai-table td:nth-child(1)::before{content:'Manager'}
  html body #adminModal .admin-ai-table td:nth-child(2)::before{content:'Cohort'}
  html body #adminModal .admin-ai-table td:nth-child(3)::before{content:'LIVE questions'}
  html body #adminModal .admin-ai-table td:nth-child(4)::before{content:'Active days'}
  html body #adminModal .admin-ai-table td:nth-child(5)::before{content:'Voice'}
  html body #adminModal .admin-ai-table td:nth-child(6)::before{content:'Images'}
  html body #adminModal .admin-ai-table td:nth-child(7)::before{content:'Last LIVE use'}
  html body #adminModal .admin-ai-badge{font-size:9.5px!important;line-height:1.2!important}
  html body #adminModal .admin-ai-note{font-size:11.5px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body #adminModal .admin-ai-foot{font-size:11px!important;line-height:1.42!important;white-space:normal!important;overflow-wrap:anywhere!important}
}
@media (max-width:360px) and (orientation:portrait){html body #adminModal .admin-ai-metrics{grid-template-columns:minmax(0,1fr)!important}}
