
/* Admin Master · atividade de usuários. Mantém creme e verde originais. */
#admin .gc-admin-usage{
  margin:16px 0 22px;
  padding:clamp(16px,3vw,26px);
  border:1px solid #e5ddcf;
  border-radius:24px;
  background:var(--surface,#fffdf9);
  box-shadow:0 7px 26px rgba(21,62,46,.045);
  color:var(--text,#143e30);
}
#admin .gc-usage-top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
}
#admin .gc-usage-eyebrow{
  color:#748473;font-size:10px;font-weight:800;letter-spacing:.12em;
}
#admin .gc-usage-top h3{
  color:#123f2e;font-size:23px;font-weight:800;letter-spacing:-.04em;margin:4px 0 5px;
}
#admin .gc-usage-top p{
  color:#768173;font-size:12px;line-height:1.45;max-width:500px;margin:0;
}
#admin .gc-usage-refresh{
  flex:0 0 40px;display:grid;place-items:center;width:40px;height:40px;
  border-radius:13px;border:1px solid #cfded1;background:#eff6eb;color:#16513b;cursor:pointer;
}
#admin .gc-usage-refresh svg{width:19px;height:19px}
#admin .gc-usage-refresh.is-loading svg{animation:gc-usage-spin .7s linear infinite}
@keyframes gc-usage-spin{to{transform:rotate(360deg)}}
#admin .gc-usage-metrics{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:19px 0;
}
#admin .gc-usage-metrics>div{
  display:flex;flex-direction:column;gap:6px;min-width:0;padding:15px 12px;
  background:#f3f6ee;border:1px solid #e5ecdf;border-radius:16px;
}
#admin .gc-usage-metrics>div:nth-child(2){background:#e7f0e5;border-color:#cfe0cf}
#admin .gc-usage-metrics small{font-size:11px;font-weight:650;color:#687669;line-height:1.25}
#admin .gc-usage-metrics strong{
  font-size:clamp(23px,4vw,31px);font-weight:830;line-height:1;color:#174a34;
  font-variant-numeric:tabular-nums;
}
#admin .gc-usage-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:12px}
#admin .gc-usage-search{display:flex;align-items:center;gap:8px;padding:0 13px;background:#fff;border:1px solid #dedbd1;border-radius:12px;min-width:0}
#admin .gc-usage-search svg{width:18px;height:18px;flex:none;color:#768577}
#admin .gc-usage-search input{appearance:none;border:0;background:transparent;width:100%;min-width:0;height:45px;padding:9px 0;color:#173e30;font-size:13px;outline:0}
#admin .gc-usage-filter select{border:1px solid #dedbd1;background:#fff;color:#173e30;border-radius:12px;max-width:100%;height:45px;padding:0 12px;font-size:12px;font-weight:700}
#admin .gc-usage-result-count{font-size:11px;color:#849182;font-weight:700;margin:5px 0 9px}
#admin .gc-usage-person{border:1px solid #e5e7dc;border-radius:17px;background:#fff;margin:9px 0;overflow:hidden}
#admin .gc-usage-person>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:13px;cursor:pointer;min-height:60px}
#admin .gc-usage-person>summary::-webkit-details-marker{display:none}
#admin .gc-usage-person>summary:focus-visible{outline:2px solid #338058;outline-offset:-2px}
#admin .gc-usage-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:#e3ede1;border-radius:12px;color:#1b5b42;font-weight:800;font-size:17px}
#admin .gc-usage-person-main{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
#admin .gc-usage-person-main strong{font-size:13px;line-height:1.3;color:#193c30;overflow-wrap:anywhere}
#admin .gc-usage-person-main small{font-size:11px;color:#7a867b;overflow-wrap:anywhere}
#admin .gc-usage-person-right{display:flex;align-items:center;gap:8px;flex:none}
#admin .gc-usage-status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:30px;font-size:10px;line-height:1.15;font-weight:800;white-space:nowrap}
#admin .gc-usage-today{background:#e5f3e6;color:#266541}
#admin .gc-usage-recent{background:#e8eeea;color:#426f53}
#admin .gc-usage-muted{background:#f3f1eb;color:#847765}
#admin .gc-usage-off{background:#fbe8e6;color:#ab564e}
#admin .gc-usage-chevron{color:#687969;transition:transform .2s ease;font-size:18px}
#admin .gc-usage-person[open] .gc-usage-chevron{transform:rotate(180deg)}
#admin .gc-usage-detail{padding:0 14px 15px;border-top:1px solid #edf0e9}
#admin .gc-usage-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0}
#admin .gc-usage-pairs>div{min-width:0;display:flex;flex-direction:column;gap:4px}
#admin .gc-usage-pairs small{color:#839082;font-size:10px}
#admin .gc-usage-pairs strong{font-weight:740;font-size:12px;color:#284d39;overflow-wrap:anywhere}
#admin .gc-usage-frequency{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#admin .gc-usage-frequency>div{display:flex;flex-direction:column;min-width:0;padding:10px 8px;gap:5px;background:#f4f7ef;border-radius:11px}
#admin .gc-usage-frequency strong{font-size:20px;color:#1c5038;font-weight:800}
#admin .gc-usage-frequency small{font-size:9px;color:#637568;line-height:1.35}
#admin .gc-usage-detail h4{margin:17px 0 9px;font-size:12px;color:#274e3a}
#admin .gc-usage-activities{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#admin .gc-usage-activities li{display:flex;gap:10px;justify-content:space-between;align-items:baseline;border-bottom:1px solid #edf0e9;padding:6px 0;font-size:12px;color:#3f5c46}
#admin .gc-usage-activities time{font-size:10px;color:#7c8a7d;text-align:right}
#admin .gc-usage-noactions{font-size:12px;color:#859083}
#admin .gc-usage-footnote{font-size:11px;line-height:1.5;color:#829081;margin:15px 2px 0}
#admin .gc-usage-empty,#admin .gc-usage-error{padding:18px;border:1px dashed #d7dacf;border-radius:14px;font-size:12px;color:#677d6b}
#admin .gc-usage-error{color:#a33c32}
@media(max-width:700px){
  #admin .gc-admin-usage{margin:12px 0 18px;padding:15px;border-radius:21px}
  #admin .gc-usage-top h3{font-size:21px}
  #admin .gc-usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #admin .gc-usage-toolbar{grid-template-columns:minmax(0,1fr) minmax(115px,auto);gap:7px}
  #admin .gc-usage-filter select{width:100%;padding:0 7px;font-size:11px}
  #admin .gc-usage-person>summary{gap:9px;padding:11px}
  #admin .gc-usage-avatar{flex-basis:36px;width:36px;height:36px}
  #admin .gc-usage-person-right{gap:4px}
  #admin .gc-usage-status{padding:5px 7px;font-size:9px;max-width:93px;white-space:normal;text-align:center}
  #admin .gc-usage-detail{padding:0 10px 13px}
  #admin .gc-usage-frequency{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  #admin .gc-usage-refresh.is-loading svg{animation:none}
  #admin .gc-usage-chevron{transition:none}
}
