/* ──────────────────────────────────────────────────────────────────
 * Tickets Index — public styles (mrb_tickets_index shortcode)
 * Scoped under .mrb-tix-index so theme rules don't bleed in either way.
 * ────────────────────────────────────────────────────────────────── */
.mrb-tix-index {
    --tix-purple:        #4c4084;
    --tix-purple-deep:   #3a3066;
    --tix-purple-soft:   #ede9f7;
    --tix-gold:          #c8a020;
    --tix-gold-deep:     #b8860b;
    --tix-text:          #1d2230;
    --tix-text-muted:    #5a6275;
    --tix-bg-soft:       #f7f8fb;
    --tix-bg-mute:       #f1f2f6;
    --tix-divider:       #e7e8ee;
    --tix-radius:        10px;
    --tix-radius-pill:   100px;
    --tix-shadow-card:   0 1px 2px rgba(0,0,0,0.03), 0 4px 14px rgba(0,0,0,0.04);
    --tix-shadow-hover:  0 1px 2px rgba(76,64,132,0.06), 0 12px 30px rgba(76,64,132,0.10);
    --tix-laila:         "Laila", -apple-system, "Segoe UI", sans-serif;
    --tix-sans:          -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    font-family: var(--tix-sans);
    color: var(--tix-text);
    line-height: 1.5;
    box-sizing: border-box;
}
.mrb-tix-index *,
.mrb-tix-index *::before,
.mrb-tix-index *::after { box-sizing: inherit; }

.mrb-tix-index a { color: inherit; text-decoration: none; }
.mrb-tix-index button { font-family: inherit; cursor: pointer; }

/* ── Hero band ────────────────────────────────────────────────────── */
.mrb-tix-index__hero {
    background: var(--tix-bg-soft);
    border-bottom: 1px solid var(--tix-divider);
    padding: 32px 24px 22px;
    border-radius: 12px 12px 0 0;
}
.mrb-tix-index__hero-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 6px;
}
.mrb-tix-index__title {
    margin: 0;
    font-size: 1.85rem;
    line-height: 1.18;
    letter-spacing: -0.01em;
    color: var(--tix-text);
    font-weight: 700;
}
.mrb-tix-index__lede {
    margin: 0 0 22px;
    color: var(--tix-text-muted);
    font-size: 0.92rem;
}
.mrb-tix-index__lede b { color: var(--tix-text); font-weight: 600; }

.mrb-tix-index__admin-toggle {
    border: 1px solid var(--tix-divider);
    background: #fff;
    color: var(--tix-text-muted);
    border-radius: var(--tix-radius-pill);
    padding: 7px 14px;
    font-size: 0.78rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
    transition: background .12s, border-color .12s, color .12s;
    flex-shrink: 0;
}
.mrb-tix-index__admin-toggle:hover { border-color: var(--tix-purple); color: var(--tix-purple); }
.mrb-tix-index__admin-toggle.is-on {
    background: var(--tix-purple);
    color: #fff;
    border-color: var(--tix-purple);
}
.mrb-tix-index__admin-toggle .dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: #c5c7d1; display: inline-block;
}
.mrb-tix-index__admin-toggle.is-on .dot { background: #ffd86b; }

/* ── Controls ─────────────────────────────────────────────────────── */
.mrb-tix-index__controls {
    display: grid;
    grid-template-columns: minmax(220px, 280px) 1fr auto;
    gap: 14px 18px;
    align-items: start;
}
.mrb-tix-index__row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.mrb-tix-index__row + .mrb-tix-index__row { margin-top: 8px; }
.mrb-tix-index__filters { grid-column: 2; grid-row: 1 / span 2; }
.mrb-tix-index__sort {
    grid-column: 3;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
}

.mrb-tix-index__search {
    width: 100%;
    border: 1px solid var(--tix-divider);
    background: #fff;
    border-radius: var(--tix-radius-pill);
    padding: 10px 16px 10px 38px;
    font-size: 0.92rem;
    color: var(--tix-text);
    outline: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6275' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='M21 21l-4.35-4.35'/></svg>");
    background-size: 16px;
    background-position: 14px center;
    background-repeat: no-repeat;
    transition: border-color .12s, box-shadow .12s;
}
.mrb-tix-index__search:focus { border-color: var(--tix-purple); box-shadow: 0 0 0 3px var(--tix-purple-soft); }

.mrb-tix-index__chip-label,
.mrb-tix-index__sort-label {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--tix-text-muted);
    font-weight: 600;
    padding-top: 6px;
}
.mrb-tix-index__chip-label { margin-right: 4px; }
.mrb-tix-index__sort-label { margin-right: 6px; padding-top: 8px; }

.mrb-tix-index__chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid var(--tix-divider);
    background: #fff;
    color: var(--tix-text);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: var(--tix-radius-pill);
    line-height: 1;
    transition: background .12s, border-color .12s, color .12s;
}
.mrb-tix-index__chip:hover { border-color: var(--tix-purple); color: var(--tix-purple); }
.mrb-tix-index__chip.is-active {
    background: var(--tix-purple);
    color: #fff;
    border-color: var(--tix-purple);
}
.mrb-tix-index__chip .count {
    color: var(--tix-text-muted);
    font-size: 0.74rem;
    font-weight: 500;
    margin-left: 2px;
}
.mrb-tix-index__chip.is-active .count { color: rgba(255,255,255,0.7); }

.mrb-tix-index__feature-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--tix-divider);
    background: #fff;
    color: var(--tix-text);
    font-size: 0.82rem;
    font-weight: 600;
    padding: 6px 14px 6px 12px;
    border-radius: var(--tix-radius-pill);
    line-height: 1;
    transition: background .12s, border-color .12s, color .12s;
}
.mrb-tix-index__feature-toggle:hover { border-color: var(--tix-gold); color: #6b5310; }
.mrb-tix-index__feature-toggle.is-on {
    background: linear-gradient(135deg, #c8a020 0%, #e8c840 100%);
    color: #fff;
    border-color: transparent;
}
.mrb-tix-index__feature-toggle svg { width: 13px; height: 13px; fill: currentColor; }

.mrb-tix-index__sort-select {
    border: 1px solid var(--tix-divider);
    background: #fff;
    border-radius: var(--tix-radius-pill);
    padding: 8px 32px 8px 14px;
    font-size: 0.82rem;
    color: var(--tix-text);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6275' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-size: 12px;
    background-position: right 12px center;
    background-repeat: no-repeat;
    outline: none;
    min-width: 230px;
    font-family: inherit;
}
.mrb-tix-index__sort-select:focus { border-color: var(--tix-purple); box-shadow: 0 0 0 3px var(--tix-purple-soft); }

/* ── Main + sections ──────────────────────────────────────────────── */
.mrb-tix-index__main {
    padding: 30px 24px 60px;
}

.mrb-tix-section { margin-bottom: 48px; }
.mrb-tix-section__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--tix-divider);
}
.mrb-tix-section__title {
    margin: 0;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    color: var(--tix-text-muted);
}
.mrb-tix-section__count {
    font-size: 0.75rem;
    color: var(--tix-text-muted);
}

.mrb-tix-section--past {
    background: var(--tix-bg-soft);
    margin-left: -24px;
    margin-right: -24px;
    padding: 28px 24px;
    border-radius: 12px;
    border: 1px solid var(--tix-divider);
}
.mrb-tix-section--past .mrb-tix-section__head { border-color: rgba(0,0,0,0.06); }
.mrb-tix-section--past .mrb-tix-section__hint {
    margin: 0 0 18px;
    color: var(--tix-text-muted);
    font-size: 0.82rem;
}

.mrb-tix-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
    gap: 22px;
}

.mrb-tix-empty {
    grid-column: 1 / -1;
    text-align: center;
    color: var(--tix-text-muted);
    padding: 40px 20px;
    font-size: 0.95rem;
}

/* ── Card ─────────────────────────────────────────────────────────── */
.mrb-tix-card {
    position: relative;
    background: #fff;
    border: 1px solid var(--tix-divider);
    border-radius: var(--tix-radius);
    overflow: hidden;
    box-shadow: var(--tix-shadow-card);
    transition: transform .14s, box-shadow .14s, border-color .14s;
    display: flex;
    flex-direction: column;
}
.mrb-tix-card:hover {
    transform: translateY(-2px);
    border-color: var(--tix-purple);
    box-shadow: var(--tix-shadow-hover);
}
.mrb-tix-card.is-featured {
    border-color: transparent;
    box-shadow:
        0 0 0 1.5px rgba(200,155,30,0.55),
        0 2px 16px rgba(200,155,30,0.10),
        var(--tix-shadow-card);
}
.mrb-tix-card.is-featured:hover {
    box-shadow:
        0 0 0 1.5px rgba(200,155,30,0.85),
        0 12px 30px rgba(200,155,30,0.18);
}
.mrb-tix-card.is-inactive .mrb-tix-card__cover-img,
.mrb-tix-card.is-inactive .mrb-tix-card__cover-photo { filter: saturate(.4); }
.mrb-tix-card.is-inactive .mrb-tix-card__title { color: var(--tix-text-muted); }

.mrb-tix-card__link {
    display: flex;
    flex-direction: column;
    color: inherit;
    height: 100%;
}

.mrb-tix-card__cover {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--tix-bg-mute);
}

/* Variant: gradient + title overlay (no featured image, fallback on) */
.mrb-tix-card__cover-img {
    position: absolute; inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    transition: filter .15s;
}
.mrb-tix-card__cover-title {
    color: #fff;
    font-family: var(--tix-laila);
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.18;
    text-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

/* Variant: real photo */
.mrb-tix-card__cover-photo {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
}
.mrb-tix-card__cover-photo::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 70%, rgba(0,0,0,0.30) 100%);
}

/* Variant: plain placeholder (gradient fallback off, no image) */
.mrb-tix-card__cover-placeholder {
    position: absolute; inset: 0;
    background: var(--tix-bg-mute);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b3b6c2;
}
.mrb-tix-card__cover-placeholder svg { width: 44px; height: 44px; opacity: 0.7; }

/* Featured ribbon */
.mrb-tix-card__ribbon {
    position: absolute;
    top: 10px; left: 10px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #c8a020 0%, #e8c840 100%);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 3px 9px 3px 7px;
    border-radius: var(--tix-radius-pill);
    box-shadow: 0 1px 8px rgba(0,0,0,0.2);
    pointer-events: none;
    z-index: 2;
}
.mrb-tix-card__ribbon svg { width: 10px; height: 10px; fill: currentColor; }

/* Star toggle (admin only).
 * Unicode glyphs (☆ U+2606 / ★ U+2605) instead of SVG paths — themes
 * sometimes override svg fill/stroke at high specificity, which broke
 * the glyph in the wild. Plain text is bulletproof. */
.mrb-tix-card__star {
    position: absolute;
    top: 8px; right: 8px;
    width: 32px; height: 32px;
    border: 0;
    padding: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    transition: transform .12s, background .12s;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    line-height: 1;
}
.mrb-tix-card__star > span {
    font-size: 18px;
    line-height: 1;
    display: block;
    pointer-events: none;
}
.mrb-tix-card__star:hover { transform: scale(1.08); background: #fff; }
.mrb-tix-card__star--off > span { color: #5a6275; }
.mrb-tix-card__star--on  > span { color: var(--tix-gold); }

.mrb-tix-index:not(.admin-on) .mrb-tix-card__star { display: none; }

/* Body */
.mrb-tix-card__body {
    padding: 14px 16px 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.mrb-tix-card__title {
    margin: 0;
    font-family: var(--tix-laila);
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.005em;
    color: var(--tix-text);
}
.mrb-tix-card__alt {
    margin: 2px 0 0;
    font-size: 0.78rem;
    color: var(--tix-text-muted);
    line-height: 1.35;
    letter-spacing: 0.005em;
}

/* Schedule block */
.mrb-tix-card__schedule {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: var(--tix-bg-soft);
    border-radius: 8px;
    border: 1px solid var(--tix-divider);
}
.mrb-tix-card.is-inactive .mrb-tix-card__schedule { background: var(--tix-bg-mute); }

.mrb-tix-card__date-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    min-width: 38px;
    padding: 0 4px;
    line-height: 1;
}
.mrb-tix-card__date-day {
    font-family: var(--tix-laila);
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--tix-purple);
    line-height: 1;
}
.mrb-tix-card__date-month {
    margin-top: 2px;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--tix-text-muted);
}
.mrb-tix-card.is-inactive .mrb-tix-card__date-day { color: var(--tix-text-muted); }
.mrb-tix-card__date-col--empty {
    background: var(--tix-bg-mute);
    border-radius: 6px;
    height: 36px;
    width: 38px;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tix-text-muted);
}
.mrb-tix-card__date-col--empty svg { width: 16px; height: 16px; }

.mrb-tix-card__schedule-divider {
    width: 1px;
    align-self: stretch;
    background: var(--tix-divider);
}

.mrb-tix-card__schedule-meta {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.mrb-tix-card__schedule-label {
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
    color: var(--tix-text-muted);
}
.mrb-tix-card__schedule-time {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--tix-text);
    line-height: 1.2;
}
.mrb-tix-card.is-inactive .mrb-tix-card__schedule-time {
    color: var(--tix-text-muted);
    font-weight: 500;
    font-size: 0.85rem;
}
.mrb-tix-card__schedule-extra {
    font-size: 0.74rem;
    color: var(--tix-text-muted);
    margin-top: 1px;
}

/* CTA — outline button, not visually heavy */
.mrb-tix-card__cta {
    margin-top: 10px;
    background: transparent;
    color: var(--tix-purple);
    font-weight: 600;
    font-size: 0.8rem;
    padding: 6px 11px 6px 12px;
    border: 1px solid rgba(76, 64, 132, 0.35);
    border-radius: 6px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    line-height: 1;
    align-self: flex-start;
    transition: background .12s, border-color .12s, color .12s;
}
.mrb-tix-card__cta:hover {
    background: var(--tix-purple);
    color: #fff;
    border-color: var(--tix-purple);
    text-decoration: none;
}
.mrb-tix-card.is-featured .mrb-tix-card__cta {
    color: var(--tix-gold-deep);
    border-color: rgba(200, 155, 30, 0.45);
}
.mrb-tix-card.is-featured .mrb-tix-card__cta:hover {
    background: linear-gradient(135deg, #c8a020 0%, #e8c840 100%);
    color: #fff;
    border-color: transparent;
}
.mrb-tix-card__cta svg {
    width: 11px; height: 11px;
    fill: none; stroke: currentColor; stroke-width: 2;
    stroke-linecap: round; stroke-linejoin: round;
}

/* City pills (inline, low-weight) */
.mrb-tix-card__cities {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.mrb-tix-card__city {
    background: transparent;
    color: var(--tix-text-muted);
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0;
    line-height: 1.4;
    letter-spacing: 0.02em;
}
.mrb-tix-card__city + .mrb-tix-card__city::before {
    content: '·';
    margin: 0 6px 0 0;
    color: var(--tix-divider);
}

/* Admin-only chips (channel + source) */
.mrb-tix-card__admin-chips {
    margin-top: 10px;
    display: none;
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 10px;
    border-top: 1px dashed var(--tix-divider);
}
.mrb-tix-index.admin-on .mrb-tix-card__admin-chips { display: flex; }
.mrb-tix-card__admin-chip {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: var(--tix-bg-soft);
    color: var(--tix-text-muted);
    border: 1px dashed var(--tix-divider);
    font-size: 0.65rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: var(--tix-radius-pill);
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.mrb-tix-card__admin-chip--wc      { background: rgba(76, 64, 132, 0.07); color: #4c4084; border-color: rgba(76, 64, 132, 0.20); }
.mrb-tix-card__admin-chip--tugoz   { background: rgba(225, 95, 60, 0.07); color: #c0392b; border-color: rgba(225, 95, 60, 0.22); }
.mrb-tix-card__admin-chip--source  { background: #fffbe6; color: #6b5310; border-color: #ead97f; }

/* Cover gradients — deterministic per slug, set inline by JS */
.mrb-tix-grad-1  { background: linear-gradient(135deg, #2a2150 0%, #4c4084 60%, #6b5fa6 100%); }
.mrb-tix-grad-2  { background: linear-gradient(135deg, #6b1d3a 0%, #b32d54 60%, #d44475 100%); }
.mrb-tix-grad-3  { background: linear-gradient(135deg, #1c4d3c 0%, #1d8c66 60%, #4dba91 100%); }
.mrb-tix-grad-4  { background: linear-gradient(135deg, #5a4317 0%, #b8860b 60%, #e8c840 100%); }
.mrb-tix-grad-5  { background: linear-gradient(135deg, #5b1d1d 0%, #b32d2e 60%, #d4554f 100%); }
.mrb-tix-grad-6  { background: linear-gradient(135deg, #1a3a5b 0%, #2c6db8 60%, #4d9bd4 100%); }
.mrb-tix-grad-7  { background: linear-gradient(135deg, #3d1d5b 0%, #663ba8 60%, #9b6dd6 100%); }
.mrb-tix-grad-8  { background: linear-gradient(135deg, #4d2c1d 0%, #a85f3b 60%, #d6915f 100%); }
.mrb-tix-grad-9  { background: linear-gradient(135deg, #1a3d3a 0%, #2c8c83 60%, #4cbab1 100%); }
.mrb-tix-grad-10 { background: linear-gradient(135deg, #2c2c2c 0%, #555 60%, #888 100%); }

/* No-script fallback */
.mrb-tix-noscript {
    padding: 24px;
    border: 1px dashed var(--tix-divider);
    border-radius: 8px;
    margin: 20px 24px;
}
.mrb-tix-noscript ul { padding-left: 22px; }
.mrb-tix-noscript a { color: var(--tix-purple); text-decoration: underline; }

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 880px) {
    .mrb-tix-index__controls {
        grid-template-columns: 1fr;
    }
    .mrb-tix-index__filters { grid-column: 1; grid-row: auto; }
    .mrb-tix-index__sort    { grid-column: 1; align-items: flex-start; }
    .mrb-tix-index__hero    { padding: 22px 18px 18px; }
    .mrb-tix-index__main    { padding: 22px 18px 60px; }
    .mrb-tix-index__title   { font-size: 1.45rem; }
    .mrb-tix-section--past  { margin-left: -18px; margin-right: -18px; padding: 22px 18px; }
}

/* ── Filling Fast pill ─────────────────────────────────────────────── */
.mrb-tix-card__filling-fast {
    position: absolute;
    top: 36px;             /* sits below the gold ribbon when both present */
    left: 10px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #d96f0f 0%, #f49520 100%);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 3px 9px 3px 7px;
    border-radius: 100px;
    box-shadow: 0 1px 8px rgba(217, 111, 15, 0.25);
    pointer-events: none;
    z-index: 2;
}
/* When there's no Featured ribbon above it, slide it back up. */
.mrb-tix-card:not(.is-featured) .mrb-tix-card__filling-fast { top: 10px; }

.mrb-tix-card__filling-fast svg {
    width: 10px; height: 10px;
    fill: currentColor;
}

/* ── Simple-card status row (legacy Tickets CPT entries) ───────────── */
.mrb-tix-card__simple-status {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    background: var(--tix-bg-soft);
    border-radius: 8px;
    border: 1px solid var(--tix-divider);
    font-size: 0.82rem;
    color: var(--tix-text);
}
.mrb-tix-card.is-inactive .mrb-tix-card__simple-status { background: var(--tix-bg-mute); }

.mrb-tix-card__simple-status-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--tix-text-muted);
    flex-shrink: 0;
}
.mrb-tix-card__simple-status-dot--active {
    background: #1d8c2c;
    box-shadow: 0 0 0 3px rgba(29, 140, 44, 0.18);
}

.mrb-tix-card__simple-status-text {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mrb-tix-card__simple-status-label {
    font-weight: 600;
    color: var(--tix-text);
}
.mrb-tix-card.is-inactive .mrb-tix-card__simple-status-label {
    color: var(--tix-text-muted);
    font-weight: 500;
}
.mrb-tix-card__simple-status-meta {
    color: var(--tix-text-muted);
    font-size: 0.78rem;
    margin-left: 6px;
}