.qh-quota-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:12px 0;padding:10px 14px;border:1px solid rgba(210,182,128,.24);border-radius:10px;background:rgba(210,182,128,.055);color:#b9b7b0;font-size:12px;line-height:1.6}.qh-quota-strip[hidden]{display:none}.qh-quota-strip strong{font-size:13px;font-weight:600;color:#d8bf90;white-space:nowrap}.qh-quota-strip[data-state=locked] strong{color:#e2aa90}#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(210,182,128,.24);border-radius:20px;padding:4px 10px;color:#dbc294}#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 #d2b680;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(18, 24, 35, .34) !important;
  border-color: rgba(210, 190, 150, .15) !important;
  box-shadow: none !important;
}
#trialBar .trial-head {
  background: rgba(255, 209, 102, .08) !important;
  border-color: rgba(255, 209, 102, .16) !important;
}
#trialBar .trial-head b { color: #e4d2a8 !important; }
#trialBar .trial-qh {
  background: rgba(124, 92, 252, .10) !important;
  border-color: rgba(180, 164, 238, .22) !important;
  color: #d7d0ec !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: #d6e6f8 !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; }
}