#uma-trial-bar,
.uma-trial-modal,
.uma-trial-billing-note {
  font-family: Inter, Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/*
 * Trial status lives INSIDE the native top bar.
 * Never float it over the product content.
 */
.uma-trial-bar {
  position: static !important;
  inset: auto !important;
  z-index: auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 210px;
  margin-left: 6px;
  margin-right: 4px;
  color: #f5f7ff;
  filter: none;
  animation: umaTrialEnter .2s ease-out both;
}

.uma-trial-topbar-host {
  min-width: 0;
}

.uma-trial-bar__compact {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 166px;
  height: 38px;
  padding: 5px 9px 5px 10px;
  border: 1px solid rgba(99, 142, 242, .26);
  border-radius: 10px;
  background:
    radial-gradient(circle at 0 0, rgba(119, 85, 255, .13), transparent 48%),
    linear-gradient(135deg, rgba(18,22,48,.72), rgba(7,27,42,.74));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition: border-color .16s ease, background .16s ease;
}
.uma-trial-bar__compact:hover {
  border-color: rgba(113, 158, 255, .44);
  background:
    radial-gradient(circle at 0 0, rgba(119, 85, 255, .18), transparent 48%),
    linear-gradient(135deg, rgba(20,25,54,.84), rgba(8,31,48,.84));
}

.uma-trial-bar__dot {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #56e6bd;
  box-shadow: 0 0 0 3px rgba(86,230,189,.07), 0 0 12px rgba(86,230,189,.32);
}
.uma-trial-bar--expired .uma-trial-bar__dot {
  background: #f2bd62;
  box-shadow: 0 0 0 3px rgba(242,189,98,.07), 0 0 12px rgba(242,189,98,.25);
}

.uma-trial-bar__compact-copy {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
}
.uma-trial-bar__compact-copy strong {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #f7f9ff;
  font-size: 10.5px;
  line-height: 1.08;
  font-weight: 760;
  letter-spacing: -.01em;
}
.uma-trial-bar__compact-copy small {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: rgba(207,216,239,.68);
  font-size: 9px;
  line-height: 1.12;
  font-weight: 500;
}
.uma-trial-bar__arrow {
  flex: 0 0 auto;
  color: rgba(155,183,255,.72);
  font-size: 13px;
  line-height: 1;
}
.uma-trial-bar__mobile-label,
.uma-trial-bar__mobile-time { display:none; }

/* If an older cached DOM briefly appears, neutralize it. */
.uma-trial-bar__copy,
.uma-trial-bar__progress,
.uma-trial-bar > button:not(.uma-trial-bar__compact) { display:none !important; }

.uma-trial-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  padding: 24px;
}
.uma-trial-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(1,4,15,.78);
  backdrop-filter: blur(12px);
}
.uma-trial-modal__card {
  position: relative;
  width: min(620px,100%);
  overflow: hidden;
  border: 1px solid rgba(131,117,255,.36);
  border-radius: 24px;
  padding: 28px;
  background: radial-gradient(circle at 0% 0%, rgba(139,92,246,.22), transparent 36%), radial-gradient(circle at 100% 100%, rgba(34,211,238,.11), transparent 34%), linear-gradient(145deg,#101534 0%,#07101f 100%);
  box-shadow: 0 30px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);
  color: #f5f7ff;
  animation: umaTrialModal .24s ease-out both;
}
.uma-trial-modal__card::before { content:""; position:absolute; top:0; left:12%; right:12%; height:1px; background:linear-gradient(90deg,transparent,#8b7cff,#56d9ed,transparent); }
.uma-trial-modal__eyebrow { display:block; margin-bottom:12px; color:#64daf0; font-size:10px; font-weight:800; letter-spacing:.18em; }
.uma-trial-modal__card h2 { margin:0; font-size:clamp(26px,4vw,40px); line-height:1.05; letter-spacing:-.035em; }
.uma-trial-modal__card p { margin:15px 0 0; max-width:52ch; color:rgba(220,226,244,.77); font-size:14px; line-height:1.65; }
.uma-trial-modal__facts { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.uma-trial-modal__facts span { border:1px solid rgba(130,148,223,.22); border-radius:999px; padding:7px 10px; background:rgba(9,18,42,.65); color:rgba(226,231,248,.82); font-size:11px; }
.uma-trial-modal__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.uma-trial-modal__actions button { min-height:45px; border-radius:12px; padding:0 18px; font-size:13px; font-weight:750; cursor:pointer; }
.uma-trial-modal__primary { border:1px solid rgba(147,154,255,.45); background:linear-gradient(100deg,#8b5cf6,#4a8eff); color:white; box-shadow:0 10px 28px rgba(91,82,235,.24); }
.uma-trial-modal__secondary { border:1px solid rgba(151,163,205,.22); background:rgba(11,18,41,.68); color:#e7e9f6; }

.uma-trial-billing-note { display:grid; gap:4px; margin:14px 0 18px; border:1px solid rgba(69,211,232,.22); border-radius:12px; padding:12px 14px; background:linear-gradient(110deg,rgba(75,63,190,.10),rgba(21,145,170,.07)); }
.uma-trial-billing-note strong { color:#eef2ff; font-size:13px; }
.uma-trial-billing-note span { color:rgba(210,219,243,.72); font-size:12px; line-height:1.5; }
.uma-trial-locked-link { opacity:.55 !important; }
.uma-trial-locked-link::after { content:"TRIAL"; margin-left:auto; border:1px solid rgba(154,164,219,.22); border-radius:5px; padding:1px 4px; color:rgba(201,208,236,.6); font-size:7px; font-weight:800; letter-spacing:.06em; }

@keyframes umaTrialEnter { from { opacity:0; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
@keyframes umaTrialModal { from { opacity:0; transform:translateY(12px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }

/* Tablet: remain in topbar, simply get narrower. */
@media (max-width: 1020px) {
  .uma-trial-bar { max-width: 150px; margin-left: 2px; }
  .uma-trial-bar__compact { min-width: 128px; padding-left:8px; padding-right:7px; }
  .uma-trial-bar__compact-copy strong { font-size:9.5px; }
  .uma-trial-bar__compact-copy small { font-size:8.5px; }
}

/* Mobile: a micro status INSIDE the header; never overlays page/menu content. */
@media (max-width: 720px) {
  .uma-trial-bar {
    position: static !important;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    margin: 0 1px 0 0;
  }
  .uma-trial-bar__compact {
    width: auto;
    min-width: 58px;
    height: 34px;
    gap: 5px;
    padding: 4px 7px;
    border-radius: 9px;
  }
  .uma-trial-bar__compact-copy,
  .uma-trial-bar__arrow { display:none; }
  .uma-trial-bar__mobile-label,
  .uma-trial-bar__mobile-time { display:block; white-space:nowrap; }
  .uma-trial-bar__mobile-label { color:#eef2ff; font-size:9px; line-height:1; font-weight:800; letter-spacing:.02em; }
  .uma-trial-bar__mobile-time { color:rgba(207,216,239,.7); font-size:8px; line-height:1; margin-top:2px; }
  .uma-trial-bar__mobile-wrap { display:block; min-width:0; }
  .uma-trial-modal { padding:14px; }
  .uma-trial-modal__card { border-radius:20px; padding:22px 18px; }
  .uma-trial-modal__actions { flex-direction:column; }
  .uma-trial-modal__actions button { width:100%; }
}

@media (max-width: 430px) {
  .uma-trial-bar__compact { min-width: 43px; padding:4px 6px; }
  .uma-trial-bar__dot { display:none; }
  .uma-trial-bar__mobile-time { display:none; }
  .uma-trial-bar__mobile-label { font-size:8.5px; }
}

@media (prefers-reduced-motion: reduce) {
  .uma-trial-bar, .uma-trial-modal__card { animation:none; }
}