/* ============================================================
   SimRace Hub — Global UI Refresh v2.7.0
   Applied everywhere except Home + public League pages.
   Decorative accent = orange. Semantic race warnings keep their colors.
   ============================================================ */

body.srh-refresh{
  --srh-bg:#07090f;
  --srh-bg-2:#0b0e16;
  --srh-surface:#11151f;
  --srh-surface-2:#161b27;
  --srh-surface-3:#1c2230;
  --srh-line:rgba(255,255,255,.075);
  --srh-line-2:rgba(255,255,255,.13);
  --srh-text:#f5f7fb;
  --srh-soft:#c6ccda;
  --srh-muted:#818ba1;
  --srh-orange:#ff5a00;
  --srh-orange-2:#ff7b22;
  --srh-orange-3:#ff9b61;
  --srh-orange-bg:rgba(255,90,0,.10);
  --srh-orange-line:rgba(255,90,0,.30);
  --srh-green:#31d17c;
  --srh-blue:#4ba2ff;
  --srh-red:#ff5368;
  --srh-radius:16px;
  --srh-radius-sm:10px;
  --srh-shadow:0 18px 45px rgba(0,0,0,.30);
  --srh-shadow-hover:0 24px 60px rgba(0,0,0,.40);
  color:var(--srh-text);
  background:
    radial-gradient(circle at 4% 0%,rgba(255,90,0,.12),transparent 26%),
    radial-gradient(circle at 94% 18%,rgba(255,90,0,.055),transparent 22%),
    linear-gradient(180deg,var(--srh-bg),var(--srh-bg-2) 48%,#07090f) !important;
}
body.srh-refresh::before{
  background:
    radial-gradient(ellipse at top left,rgba(255,90,0,.09),transparent 27%),
    radial-gradient(ellipse at top right,rgba(255,90,0,.045),transparent 21%),
    linear-gradient(180deg,#080a10 0%,#0d1119 100%) !important;
}
body.srh-refresh::after{
  opacity:.72;
  background:
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.009) 1px,transparent 1px),
    repeating-linear-gradient(108deg,transparent 0 84%,rgba(255,90,0,.020) 84% 84.7%,transparent 84.7% 91%) !important;
  background-size:46px 46px,46px 46px,auto !important;
}

/* ===== page rhythm ===== */
body.srh-refresh main.content{padding-bottom:34px;}
body.srh-refresh :is(.events-page-v2,.teams-page,.replays-page,.streams-page,.div-page,.hl-dash,.hl-page,.rl-lobby-shell,.lmu-page,.recruitment-page,.about-srh-page,.contact-page,.premium-page,.profile-page,.edit-profile-container,.tp-page,.pm-page,.mp-page,.wiki-page,.bridge-download-page,.recruitment-detail-page){
  width:min(1780px,calc(100% - 32px)) !important;
  max-width:1780px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.srh-refresh :is(.fullwidth-wrapper,.admin-page,.admin-v1-shell){width:100%;}

/* ===== headings ===== */
body.srh-refresh :is(h1,h2,h3,.page-title,.title,.events-showcase-title,.teams-hero h1,.replays-hero h1,.recruitment-title,.tp-title,.pm-title,.wiki-title,.bridge-title,.admin-title,.admin-v1-hero h1){
  font-family:"Saira Condensed","Saira",sans-serif !important;
}
body.srh-refresh :is(h1,.page-title,.events-showcase-title,.teams-hero h1,.replays-hero h1,.recruitment-title,.tp-title,.pm-title,.wiki-title,.bridge-title,.admin-title){
  letter-spacing:-.025em;
  font-weight:900 !important;
}
body.srh-refresh :is(.section-title,.recruitment-section-title,.tp-section-title,.wiki-section-title,.admin-section-title,.section-label){
  color:#fff !important;
  font-weight:900 !important;
}

/* ===== universal premium surfaces ===== */
body.srh-refresh :is(
  .event-card-v2,.event-card,.team-card,.tp-team-card,.replay-card,.replay-detail,
  .recruitment-card,.recruitment-detail-card,.support-card,.profile-card,.profile-section,
  .entity-card,.pm-card,.mp-side-card,.mp-main-card,.mp-section-card,.wiki-card,.wiki-article-card,
  .contact-card,.about-card,.about-side-panel,.premium-cta,.subscription-card,
  .bridge-feature-card,.bridge-panel,.bridge-download-box,.form-card,.form-section,.edit-section,
  .panel-card,.stat-card,.insight-card,.quick-card,.admin-v1-card,.admin-v1-panel
){
  border:1px solid var(--srh-line) !important;
  border-radius:var(--srh-radius) !important;
  background:linear-gradient(180deg,rgba(23,28,40,.96),rgba(13,16,24,.98)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
}
body.srh-refresh :is(.event-card-v2,.team-card,.replay-card,.recruitment-card,.pm-card,.wiki-card,.wiki-article-card,.entity-card){
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}
body.srh-refresh :is(.event-card-v2,.team-card,.replay-card,.recruitment-card,.pm-card,.wiki-card,.wiki-article-card,.entity-card):hover{
  transform:translateY(-3px) !important;
  border-color:rgba(255,90,0,.42) !important;
  box-shadow:var(--srh-shadow-hover) !important;
}

/* ===== hero language ===== */
body.srh-refresh :is(
  .events-showcase,.teams-hero,.replays-hero,.streams-head,.div-hero,.hl-hero,.rl-lobby-head,
  .event-hero,.tp-hero,.recruitment-hero,.contact-hero,.page-hero,.about-hero,.wiki-hero,.bridge-hero,
  .admin-hero,.admin-v1-hero
){
  position:relative;
  overflow:hidden;
  border:1px solid var(--srh-line) !important;
  border-top:2px solid rgba(255,90,0,.72) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 88% 6%,rgba(255,90,0,.18),transparent 29%),
    linear-gradient(135deg,rgba(24,29,41,.98),rgba(10,13,20,.99)) !important;
  box-shadow:var(--srh-shadow) !important;
}
body.srh-refresh :is(.events-showcase,.teams-hero,.replays-hero,.recruitment-hero,.contact-hero,.about-hero,.wiki-hero,.bridge-hero,.admin-hero,.admin-v1-hero)::after{
  content:"";
  position:absolute;
  inset:auto -70px -95px auto;
  width:260px;height:260px;border-radius:50%;
  border:42px solid rgba(255,90,0,.035);
  pointer-events:none;
}

/* ===== orange identity badges (decorative, not race-state badges) ===== */
body.srh-refresh :is(.events-kicker,.teams-badge,.hero-badge,.recruitment-badge,.contact-kicker,.page-badge,.about-kicker,.wiki-badge,.bridge-badge,.admin-badge,.admin-v1-kicker,.tp-badge,.pm-badge){
  color:var(--srh-orange-3) !important;
  background:rgba(255,90,0,.10) !important;
  border:1px solid rgba(255,90,0,.25) !important;
  border-radius:7px !important;
}
body.srh-refresh :is(.gold,.popular-tag,.premium-card .plan-badge,.vip-card .plan-badge){
  color:var(--srh-orange-3) !important;
  border-color:var(--srh-orange-line) !important;
  background:var(--srh-orange-bg) !important;
}

/* ===== buttons ===== */
body.srh-refresh :is(
  .btn,.srh-btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-add-team,.about-btn,.contact-btn,
  .bridge-btn,.admin-link,.admin-button,.back-btn,.admin-v1-btn,.header-action-btn,.mod-btn,
  .btn-recruitment,.action-btn,.filter-chip,.lmu-btn
){
  border-radius:9px !important;
  font-family:"Saira Condensed","Saira",sans-serif !important;
  font-weight:900 !important;
  letter-spacing:.035em;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease !important;
}
body.srh-refresh :is(.btn-primary,.btn-add-team,.about-btn-primary,.contact-btn,.bridge-btn--primary,.admin-link.primary,.admin-button.success,.admin-v1-btn-primary,.btn-recruitment,.lmu-btn){
  color:#fff !important;
  border-color:rgba(255,90,0,.58) !important;
  background:linear-gradient(135deg,#ff6b0b,#d94000) !important;
  box-shadow:0 10px 28px rgba(255,90,0,.20) !important;
}
body.srh-refresh :is(.btn,.srh-btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-add-team,.about-btn,.contact-btn,.bridge-btn,.admin-link,.admin-button,.back-btn,.admin-v1-btn,.btn-recruitment):hover{
  transform:translateY(-1px);
}

/* ===== forms / toolbars ===== */
body.srh-refresh :is(.events-filterbar-v2,.toolbar-card,.pm-toolbar,.recruitment-section,.contact-form,.wiki-search-row,.admin-section,.billing-toggle-wrap){
  border:1px solid var(--srh-line) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(18,22,31,.98),rgba(10,13,19,.98)) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
}
body.srh-refresh input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.srh-refresh select,
body.srh-refresh textarea{
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:9px !important;
  background:#090c13 !important;
  color:#fff !important;
  outline:none !important;
}
body.srh-refresh input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
body.srh-refresh select:focus,
body.srh-refresh textarea:focus{
  border-color:rgba(255,90,0,.62) !important;
  box-shadow:0 0 0 3px rgba(255,90,0,.10) !important;
}
body.srh-refresh input::placeholder,body.srh-refresh textarea::placeholder{color:#667087 !important;}

/* ===== tables ===== */
body.srh-refresh table{border-collapse:separate !important;border-spacing:0 !important;}
body.srh-refresh table thead th{
  background:#0e121b !important;
  color:#aab3c6 !important;
  border-bottom:1px solid rgba(255,90,0,.20) !important;
  text-transform:uppercase;
  letter-spacing:.045em;
  font-family:"Saira Condensed","Saira",sans-serif !important;
}
body.srh-refresh table tbody tr{transition:background .16s ease;}
body.srh-refresh table tbody tr:hover{background:rgba(255,90,0,.035) !important;}
body.srh-refresh table td{border-bottom-color:rgba(255,255,255,.055) !important;}

/* ===== EVENTS ===== */
body.srh-refresh[data-page="events"] .events-showcase{padding:22px !important;}
body.srh-refresh[data-page="events"] .events-showcase-stats{gap:10px !important;}
body.srh-refresh[data-page="events"] .events-stat-card{
  border:1px solid var(--srh-line) !important;border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
}
body.srh-refresh[data-page="events"] .events-grid-v2{gap:14px !important;}
body.srh-refresh[data-page="events"] .event-visual{background:#080a10 !important;}
body.srh-refresh[data-page="events"] .event-main-title{color:#fff !important;}
body.srh-refresh[data-page="events"] .event-track-pill,
body.srh-refresh[data-page="events"] .event-organizer-badge-v2{border-radius:8px !important;}

/* ===== EVENT DETAIL ===== */
body.srh-refresh[data-page="event_detail"] .fullwidth-wrapper{padding:16px clamp(10px,2vw,28px) 34px !important;}
body.srh-refresh[data-page="event_detail"] .event-detail-grid{gap:16px !important;}
body.srh-refresh[data-page="event_detail"] .event-card{
  overflow:hidden;
}
body.srh-refresh[data-page="event_detail"] .event-cover{border-radius:12px !important;}
body.srh-refresh[data-page="event_detail"] .round-card,
body.srh-refresh[data-page="event_detail"] .side-section{
  border:1px solid var(--srh-line) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.025) !important;
}
body.srh-refresh[data-page="event_detail"] .round-card.open{border-color:rgba(255,90,0,.26) !important;}
body.srh-refresh[data-page="event_detail"] .points-value{color:var(--srh-orange-3) !important;}

/* ===== TEAMS ===== */
body.srh-refresh[data-page="teams_list"] .teams-grid{gap:14px !important;}
body.srh-refresh[data-page="teams_list"] .team-card-image-wrap{background:#080a10 !important;}
body.srh-refresh[data-page="teams_list"] .team-card-cta{color:var(--srh-orange-3) !important;}
body.srh-refresh[data-page="team_profile"] .tp-team-logo{border:1px solid rgba(255,90,0,.22) !important;box-shadow:0 12px 35px rgba(0,0,0,.35) !important;}
body.srh-refresh[data-page="team_profile"] .tp-stat{border-radius:10px !important;background:rgba(255,255,255,.035) !important;border:1px solid var(--srh-line) !important;}
body.srh-refresh[data-page="team_profile"] .tp-stat-value{color:var(--srh-orange-3) !important;}

/* ===== REPLAYS ===== */
body.srh-refresh[data-page="replays"] .replays-grid{gap:14px !important;}
body.srh-refresh[data-page="replays"] .thumb-wrap{background:#07090f !important;}
body.srh-refresh[data-page="replays"] .thumb-play{background:rgba(255,90,0,.92) !important;box-shadow:0 8px 24px rgba(255,90,0,.28) !important;}
body.srh-refresh[data-page="replays"] .filter-chip.active{background:var(--srh-orange-bg) !important;border-color:var(--srh-orange-line) !important;color:#fff !important;}
body.srh-refresh[data-page="replay_detail"] .video-wrapper{border-radius:14px !important;overflow:hidden;border:1px solid var(--srh-line) !important;background:#05070b !important;}
body.srh-refresh[data-page="replay_detail"] .info-box{border-radius:10px !important;background:rgba(255,255,255,.035) !important;border:1px solid var(--srh-line) !important;}

/* ===== RECRUITMENT ===== */
body.srh-refresh[data-page="recruitment_home"] .recruitment-grid{gap:14px !important;}
body.srh-refresh[data-page="recruitment_home"] .recruitment-avatar{border:1px solid rgba(255,90,0,.28) !important;}
body.srh-refresh[data-page="recruitment_home"] .featured-badge{color:var(--srh-orange-3) !important;background:var(--srh-orange-bg) !important;border-color:var(--srh-orange-line) !important;}
body.srh-refresh[data-page="recruitment_detail"] .content-block,
body.srh-refresh[data-page="recruitment_detail"] .sidebar-block,
body.srh-refresh[data-page="recruitment_detail"] .application-card,
body.srh-refresh[data-page="recruitment_detail"] .notice-box{border-radius:12px !important;border:1px solid var(--srh-line) !important;background:rgba(255,255,255,.03) !important;}

/* ===== MEMBER / ACCOUNT ===== */
body.srh-refresh :is(.profile-card,.mp-side-card){overflow:hidden;}
body.srh-refresh :is(.avatar,.pm-avatar,.mp-avatar){box-shadow:0 10px 30px rgba(0,0,0,.34) !important;border-color:rgba(255,90,0,.26) !important;}
body.srh-refresh :is(.stat-value,.pm-stat-value,.mp-stat-value){color:#fff !important;}
body.srh-refresh .rating-card .stat-value{color:var(--srh-orange-3) !important;}
body.srh-refresh :is(.country-pill,.pm-pill,.mp-pill){border-radius:7px !important;}
body.srh-refresh .entity-card-image{background:#080a10 !important;}

/* ===== MESSAGES / SUPPORT ===== */
body.srh-refresh[data-page="private_inbox"] .messages-layout,
body.srh-refresh[data-page="support_home"] .messages-layout{
  border:1px solid var(--srh-line) !important;
  border-radius:16px !important;
  overflow:hidden;
  box-shadow:var(--srh-shadow) !important;
  background:#0c1018 !important;
}
body.srh-refresh .messages-sidebar{background:linear-gradient(180deg,#10151f,#0b0f16) !important;border-right-color:var(--srh-line) !important;}
body.srh-refresh :is(.chat-channel.active,.support-block.active,.support-ticket-item.active,.private-conversation-link.active){
  background:rgba(255,90,0,.10) !important;border-color:rgba(255,90,0,.24) !important;
}
body.srh-refresh :is(.support-card,.support-ticket-item,.private-request-card){border-radius:10px !important;}

/* ===== PUBLIC CONTENT / WIKI / ABOUT / CONTACT ===== */
body.srh-refresh[data-page="about"] .about-grid{gap:14px !important;}
body.srh-refresh[data-page="about"] .timeline-year{color:var(--srh-orange-3) !important;}
body.srh-refresh[data-page="contact"] .contact-grid{gap:16px !important;}
body.srh-refresh[data-page="wiki"] .wiki-grid{gap:14px !important;}
body.srh-refresh[data-page="wiki"] .quick-nav-chip:hover{border-color:var(--srh-orange-line) !important;color:#fff !important;background:var(--srh-orange-bg) !important;}
body.srh-refresh[data-page="wiki"] .wiki-tag{border-radius:7px !important;}

/* ===== PREMIUM — orange instead of decorative yellow/gold ===== */
body.srh-refresh[data-page="premium"] .subscription-card{
  overflow:hidden;
}
body.srh-refresh[data-page="premium"] .subscription-card:is(.plus-card,.vip-card,.premium-card){
  border-color:rgba(255,90,0,.28) !important;
}
body.srh-refresh[data-page="premium"] :is(.popular-tag,.premium-card .plan-badge,.vip-card .plan-badge,.plus-card .plan-badge){
  color:#ffb07a !important;background:rgba(255,90,0,.10) !important;border-color:rgba(255,90,0,.28) !important;
}
body.srh-refresh[data-page="premium"] .billing-option.active{background:rgba(255,90,0,.13) !important;color:#fff !important;}

/* ===== BRIDGE DOWNLOAD ===== */
body.srh-refresh[data-page="download_bridge"] .bridge-appshot-card{border:1px solid var(--srh-line) !important;border-radius:16px !important;background:#090c13 !important;box-shadow:var(--srh-shadow) !important;}
body.srh-refresh[data-page="download_bridge"] .bridge-section__eyebrow{color:var(--srh-orange-3) !important;}
body.srh-refresh[data-page="download_bridge"] .bridge-feature-card__icon{background:var(--srh-orange-bg) !important;border-color:var(--srh-orange-line) !important;}

/* ===== ADMIN ===== */
body.srh-refresh[data-page="admin_v1"] .admin-v1-sidebar{
  background:linear-gradient(180deg,#0e121b,#080b11) !important;
  border-right:1px solid var(--srh-line) !important;
}
body.srh-refresh[data-page="admin_v1"] .admin-v1-nav-link.is-active{
  background:rgba(255,90,0,.11) !important;
  border-color:rgba(255,90,0,.24) !important;
}
body.srh-refresh[data-page="admin_v1"] .admin-v1-card-arrow{color:var(--srh-orange-3) !important;}
body.srh-refresh[data-page="admin_panel"] .overview-grid,
body.srh-refresh[data-page="admin_panel"] .insight-grid,
body.srh-refresh[data-page="admin_panel"] .quick-grid{gap:12px !important;}
body.srh-refresh[data-page="admin_panel"] .quick-card.gold{background:linear-gradient(180deg,rgba(255,90,0,.13),rgba(255,90,0,.045)) !important;}

/* ===== HOTLAPS / RACELIVE / TELEMETRY decorative orange ===== */
body.srh-refresh :is(.hl-hero,.rl-lobby-head){border-top-color:rgba(255,90,0,.70) !important;}
body.srh-refresh .hl-tab.active,
body.srh-refresh .hl-nav a.active{color:#fff !important;border-color:rgba(255,90,0,.35) !important;background:rgba(255,90,0,.10) !important;}
/* Keep actual yellow flag/warning classes untouched on purpose. */

/* ===== GENERIC EMPTY STATES ===== */
body.srh-refresh :is(.empty-box,.empty-state,.pm-empty,.wiki-empty,.empty-line,.support-empty-big,.support-empty-small){
  border:1px dashed rgba(255,255,255,.13) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.025) !important;
  color:var(--srh-muted) !important;
}

/* ===== AUTH / standalone pages ===== */
body.srh-refresh.srh-auth{
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 12%,rgba(255,90,0,.18),transparent 30%),
    radial-gradient(circle at 87% 75%,rgba(255,90,0,.06),transparent 25%),
    linear-gradient(135deg,#05070b,#0d111a 55%,#07090f) !important;
}
body.srh-refresh.srh-auth .panel,
body.srh-refresh.srh-auth .auth-card{
  border-color:rgba(255,255,255,.09) !important;
  background:linear-gradient(180deg,rgba(14,18,27,.98),rgba(7,10,16,.99)) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.45) !important;
}
body.srh-refresh.srh-auth .auth-card{border-radius:18px !important;}
body.srh-refresh.srh-auth .auth-card::before{height:3px !important;background:linear-gradient(90deg,#ff5a00,#ff7b22,transparent) !important;}
body.srh-refresh.srh-auth .race-number,
body.srh-refresh.srh-auth .eyebrow{color:var(--srh-orange-3) !important;}
body.srh-refresh.srh-auth :is(.submit-btn,.btn){
  border-radius:9px !important;
  background:linear-gradient(135deg,#ff6708,#d94300) !important;
  box-shadow:0 12px 32px rgba(255,90,0,.22) !important;
}
body.srh-refresh.srh-auth :is(.field-input-wrap,input[type="email"],input[type="password"],input[type="text"]){border-radius:9px !important;}
body.srh-refresh.srh-auth .visual-accent-bar{background:#ff5a00 !important;}
body.srh-refresh.srh-auth .visual-eyebrow{color:#ff9b61 !important;}

/* ===== standalone error pages ===== */
body.srh-refresh.srh-error .error-box{
  max-width:760px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-top:2px solid rgba(255,90,0,.72) !important;
  background:linear-gradient(180deg,rgba(19,24,35,.98),rgba(9,12,18,.99)) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.42) !important;
}
body.srh-refresh.srh-error .error-code{color:#ff7b22 !important;}
body.srh-refresh.srh-error .error-btn{color:#ff9b61 !important;border-color:rgba(255,90,0,.30) !important;background:rgba(255,90,0,.09) !important;}
body.srh-refresh.srh-error .error-btn:hover{background:rgba(255,90,0,.17) !important;color:#fff !important;}

/* ===== responsive ===== */
@media(max-width:1100px){
  body.srh-refresh :is(.events-page-v2,.teams-page,.replays-page,.streams-page,.div-page,.hl-dash,.hl-page,.rl-lobby-shell,.lmu-page,.recruitment-page,.about-srh-page,.contact-page,.premium-page,.profile-page,.tp-page,.pm-page,.mp-page,.wiki-page,.bridge-download-page,.recruitment-detail-page){width:min(100% - 20px,1780px) !important;}
}
@media(max-width:720px){
  body.srh-refresh main.content{padding-bottom:20px;}
  body.srh-refresh :is(.events-page-v2,.teams-page,.replays-page,.streams-page,.div-page,.hl-dash,.hl-page,.rl-lobby-shell,.lmu-page,.recruitment-page,.about-srh-page,.contact-page,.premium-page,.profile-page,.edit-profile-container,.tp-page,.pm-page,.mp-page,.wiki-page,.bridge-download-page,.recruitment-detail-page){width:calc(100% - 12px) !important;}
  body.srh-refresh :is(.events-showcase,.teams-hero,.replays-hero,.recruitment-hero,.contact-hero,.about-hero,.wiki-hero,.bridge-hero,.admin-hero,.admin-v1-hero){border-radius:12px !important;}
  body.srh-refresh :is(.event-card-v2,.team-card,.replay-card,.recruitment-card,.pm-card,.wiki-card,.wiki-article-card,.entity-card,.profile-card,.profile-section){border-radius:12px !important;}
}

/* Decorative legacy gold becomes SimRace Hub orange on refreshed pages. */
body.srh-refresh{--gold:#ff7b22;--hl-gold:#ff7b22;}
body.srh-refresh :is(.subscription.premium,.pm-pill.subscription.premium,.mp-pill.subscription.premium){
  color:#ff9b61 !important;background:rgba(255,90,0,.11) !important;border-color:rgba(255,90,0,.28) !important;
}