/* Sign-up free month in the app and on the account page (trial-banner.js). Theme tokens only (/brand/theme.css). */
.cd-trb { position: fixed; z-index: 2147483000; left: 50%; bottom: 20px; transform: translateX(-50%); width: min(560px, calc(100vw - 32px));
  display: flex; align-items: center; gap: var(--a-sp-6); padding: var(--a-sp-5) var(--a-sp-6) var(--a-sp-5) var(--a-sp-6); border-radius: var(--a-r-lg);
  background: var(--a-raised); color: var(--a-fg-1); border: 1px solid var(--a-line-2); box-shadow: var(--a-sh-3);
  font-family: var(--a-sans, 'Sora', system-ui, sans-serif); }
.cd-trb::before { content: ''; position: absolute; left: 18px; right: 18px; top: -1px; height: 1px; background: var(--a-holo-h); opacity: .85; }
.cd-trb--notice { border-color: var(--a-warn); }
.cd-trb-body { flex: 1; min-width: 0; }
.cd-trb-t { margin: 0 0 var(--a-sp-2); font-size: var(--a-fs-md); font-weight: var(--a-fw-semibold); }
.cd-trb-p { margin: 0; font-size: var(--a-fs-md); line-height: var(--a-lh-body); color: var(--a-fg-2); }
.cd-trb-actions { display: flex; align-items: center; gap: var(--a-sp-4); flex: none; }
.cd-trb-btn { display: inline-flex; align-items: center; height: 34px; padding: 0 var(--a-sp-6); border-radius: var(--a-r-md); white-space: nowrap;
  border: 1px solid var(--a-line-2); color: var(--a-fg-1); font-size: var(--a-fs-md); font-weight: var(--a-fw-semibold); text-decoration: none; }
.cd-trb-btn:hover { background: var(--a-hover); }
.cd-trb-btn.primary { background: var(--a-holo); color: var(--cd-on-holo); border-color: transparent; font-weight: var(--a-fw-semibold); }
.cd-trb-x { width: 30px; height: 30px; border-radius: var(--a-r-md); border: 0; background: transparent; color: var(--a-fg-3); font-size: var(--a-fs-xl); line-height: 1; cursor: pointer; }
.cd-trb-x:hover { background: var(--a-hover); color: var(--a-fg-1); }
.cd-trb-btn:focus-visible, .cd-trb-x:focus-visible, .cd-trb-badge:focus-visible { outline: var(--a-ring-w) solid var(--a-focus); outline-offset: var(--a-ring-off); }
@media (max-width: 560px) {
  .cd-trb { flex-direction: column; align-items: stretch; bottom: 12px; }
  .cd-trb-actions { justify-content: flex-end; }
}

/* The badge in the terminal's top bar: "Free trial — 23 days left". */
.cd-trb-badge { display: inline-flex; align-items: center; height: 26px; padding: 0 var(--a-sp-5); margin: 0 var(--a-sp-4) 0 0; border-radius: var(--a-r-pill); flex: none;
  background: var(--a-accent-t1); color: var(--a-fg-1); border: 1px solid var(--a-accent); font-size: var(--a-fs-sm); font-weight: var(--a-fw-semibold);
  text-decoration: none; white-space: nowrap; }
.cd-trb-badge:hover { background: var(--a-accent-t2); }
.cd-trb-badge.is-ending { border-color: var(--a-warn); background: var(--a-warn-t1); }
@media (max-width: 560px) { .cd-trb-badge { font-size: var(--a-fs-xs); padding: 0 var(--a-sp-4); } }