.qh-quota-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:12px 0;padding:10px 14px;border:1px solid rgba(109,113,230,.24);border-radius:10px;background:rgba(109,113,230,.055);color:#7185a3;font-size:12px;line-height:1.6}.qh-quota-strip[hidden]{display:none}.qh-quota-strip strong{font-size:13px;font-weight:600;color:#7768df;white-space:nowrap}.qh-quota-strip[data-state=locked] strong{color:#7768df}#trialBar{gap:8px 12px!important;padding:10px 16px!important;min-height:44px;flex-wrap:wrap}#trialBar .trial-qh{font-size:12px!important;border:1px solid rgba(109,113,230,.24);border-radius:20px;padding:4px 10px;color:#7768df}#trialBar .trial-qh b{font-variant-numeric:tabular-nums;color:inherit}#trialBar .trial-note{font-size:11px!important;opacity:.8}#trialBar button.trial-toggle{appearance:none;background:transparent!important;box-shadow:none!important;border:0!important;min-height:28px;padding:3px 6px!important;font:inherit;color:inherit;cursor:pointer}#trialBar button.trial-toggle:focus-visible{outline:2px solid #c8cdf6;outline-offset:2px}#trialDetail:not(.open){display:none!important}#trialDetail.open{max-height:260px;overflow-y:auto}.trial-badge{font-variant-numeric:tabular-nums}@media(max-width:780px){#trialBar .trial-note{display:none}.qh-quota-strip span{flex-basis:100%}}


/* trial quota bar:quieter, reachable, and in normal flow */
#trialBar {
  background:rgba(249,252,255, .34) !important;
  border-color:rgba(109,113,230, .15) !important;
  box-shadow:none !important;
}
#trialBar .trial-head {
  background:rgba(109,113,230, .08) !important;
  border-color:rgba(109,113,230, .16) !important;
}
#trialBar .trial-head b { color:#7768df !important; }
#trialBar .trial-qh {
  background:rgba(124, 92, 252, .10) !important;
  border-color:rgba(180, 164, 238, .22) !important;
  color:#29496f !important;
}
#trialBar .trial-note { opacity:.72 !important; }
#trialBar button.trial-toggle {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-width:112px !important;
  min-height:36px !important;
  padding:5px 10px !important;
  border:1px solid rgba(130, 177, 226, .40) !important;
  border-radius:9px !important;
  background:rgba(84, 169, 255, .10) !important;
  color:#29496f !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  touch-action:manipulation;
}
#trialBar button.trial-toggle:hover { background:rgba(84, 169, 255, .18) !important; }
#trialBar button.trial-toggle:active { background:rgba(84, 169, 255, .24) !important; }
#trialBar button.trial-toggle:focus-visible {
  outline:2px solid #b7d9ff !important;
  outline-offset:2px !important;
}
#trialBar button.trial-toggle span[aria-hidden="true"] { opacity:.82; font-size:11px; }
#trialDetail {
  position:static !important;
  max-width:none;
}
#trialDetail.open {
  max-height:min(260px, 32vh) !important;
  overflow:auto !important;
  overscroll-behavior:contain;
  align-content:flex-start;
}
#trialDetail .trial-detail-item {
  max-width:100%;
  min-width:0;
  white-space:normal;
  flex-wrap:wrap;
  overflow-wrap:anywhere;
}
#trialDetail .trial-detail-item em { overflow-wrap:anywhere; }
@media (max-width:1024px) {
  #trialDetail { margin-left:296px !important; }
}
@media (max-width:780px) {
  #trialBar { gap:7px 8px !important; padding:8px 10px !important; }
  #trialBar .trial-note { display:none !important; }
  #trialDetail .trial-detail-item { flex:1 1 220px; justify-content:space-between; }
}
@media (max-height:620px) {
  #trialDetail.open { max-height:28vh !important; }
}