/* ชวนเพื่อน รับรางวัล - tab inside #daily-window (js/referral.js). The window uses --u: 1cqw (1% of its width). */
#hud #daily-window .nvr-tabs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; }
#hud #daily-window .nvr-tabs button { position: relative; height: calc(var(--u) * 4.6); padding: 0; border: 0; border-bottom: calc(var(--u) * .45) solid transparent; border-radius: 0;
  background: none; box-shadow: none; color: #5b7396; font-size: calc(var(--u) * 1.75) !important; font-weight: 800; cursor: pointer; }
#hud #daily-window .nvr-tabs button[aria-pressed="true"] { color: #1d4f9a; border-bottom-color: #e2ab33; background: linear-gradient(transparent, #e3eefa); }
#hud #daily-window .nvr-tabs button:hover { color: #1d4f9a; }
#hud #daily-window .nvr-dot { display: inline-block; width: calc(var(--u) * 1.1); height: calc(var(--u) * 1.1); margin-left: calc(var(--u) * .4); border-radius: 50%; background: #e53935;
  box-shadow: 0 0 0 calc(var(--u) * .2) #fff; vertical-align: super; animation: nvr-pulse 1.2s ease-in-out infinite; }
#hud #daily-window .nvr-dot[hidden] { display: none; }
@keyframes nvr-pulse { 50% { transform: scale(1.3); } }
#hud #daily-window.nvr-invite-on .daily-info,
#hud #daily-window.nvr-invite-on #daily-grid,
#hud #daily-window.nvr-invite-on .daily-today { display: none !important; }
#hud #daily-window .nvr[hidden] { display: none; }
#hud #daily-window .nvr { color: #1c2a55; }
#hud #daily-window .nvr-inner { display: flex; flex-direction: column; gap: calc(var(--u) * 1.1); }
#hud #daily-window .nvr :is(b, small, em, span, u, i, a, label) { font-size: inherit !important; }
#hud #daily-window .nvr-empty { margin: 0; padding: calc(var(--u) * 2); text-align: center; color: #7d8ea8; font-size: calc(var(--u) * 1.5) !important; }

#hud #daily-window .nvr-hero { display: flex; align-items: center; gap: calc(var(--u) * 1.6); padding: calc(var(--u) * 1.4) calc(var(--u) * 2); border-radius: calc(var(--u) * .8);
  background: linear-gradient(100deg, #1f5fd0, #3d86e8 60%, #7fb4f5); box-shadow: inset 0 calc(var(--u) * -.35) 0 #164aa6; color: #fff; }
#hud #daily-window .nvr-hero-text { flex: 1; display: flex; flex-direction: column; gap: calc(var(--u) * .4); }
#hud #daily-window .nvr-hero-text b { font-size: calc(var(--u) * 2.6) !important; font-weight: 800; text-shadow: 0 calc(var(--u) * .2) #0b2050; }
#hud #daily-window .nvr-hero-text span { font-size: calc(var(--u) * 1.55) !important; line-height: 1.4; }
#hud #daily-window .nvr-hero-text em { font-style: normal; font-weight: 800; color: #ffe27a; }
#hud #daily-window .nvr-hero-text u { text-decoration-color: #ffe27a; }
#hud #daily-window .nvr-hero img { width: calc(var(--u) * 7); height: calc(var(--u) * 7); object-fit: contain; filter: drop-shadow(0 calc(var(--u) * .3) 0 #0b2050aa); }

#hud #daily-window .nvr-link-row { display: flex; flex-direction: column; gap: calc(var(--u) * .5); }
#hud #daily-window .nvr-link-row label { font-size: calc(var(--u) * 1.5) !important; font-weight: 800; color: #3a5486; }
#hud #daily-window .nvr-link { display: flex; gap: calc(var(--u) * .6); }
#hud #daily-window .nvr-link input { flex: 1; min-width: 0; height: calc(var(--u) * 4.2); padding: 0 calc(var(--u) * 1.2); border: calc(var(--u) * .2) solid #9ec2e6; border-radius: calc(var(--u) * .6);
  background: #fff; color: #10294f; font-size: calc(var(--u) * 1.6) !important; font-weight: 700; }
#hud #daily-window .nvr-code { font-size: calc(var(--u) * 1.4) !important; color: #5b7396; }
#hud #daily-window .nvr-code b { color: #1d4f9a; font-weight: 800; letter-spacing: .05em; }
#hud #daily-window .nvr-btn { height: calc(var(--u) * 4.2); padding: 0 calc(var(--u) * 1.6); border: calc(var(--u) * .2) solid #1d4f9a; border-radius: calc(var(--u) * .6);
  background: linear-gradient(#fff, #e6eef9); color: #1d4f9a; font-size: calc(var(--u) * 1.55) !important; font-weight: 800; white-space: nowrap; cursor: pointer; }
#hud #daily-window .nvr-btn.gold { border-color: #9c7a36; background: linear-gradient(180deg, #ffe39a, #e2ab33); color: #3d2806; }
#hud #daily-window .nvr-btn.blue { border-color: #10407f; background: linear-gradient(180deg, #3d86e8, #1f5fd0); color: #fff; }
#hud #daily-window .nvr-btn.big { height: calc(var(--u) * 5.2); font-size: calc(var(--u) * 1.9) !important; }
#hud #daily-window .nvr-btn:hover:enabled { filter: brightness(1.07); }
#hud #daily-window .nvr-btn:disabled { filter: grayscale(.6); opacity: .6; cursor: default; }

#hud #daily-window .nvr-card { padding: calc(var(--u) * 1.1) calc(var(--u) * 1.4); border: 1px solid #c3d2e2; border-radius: calc(var(--u) * .7); background: #fff;
  box-shadow: 0 calc(var(--u) * .2) calc(var(--u) * .5) rgba(20, 60, 120, .08); font-size: calc(var(--u) * 1.5) !important; }
#hud #daily-window .nvr-card h4 { margin: 0 0 calc(var(--u) * .8); font-size: calc(var(--u) * 1.7) !important; font-weight: 800; color: #1d3a78; }
#hud #daily-window .nvr-card h4 small { margin-left: calc(var(--u) * .6); font-size: calc(var(--u) * 1.3) !important; font-weight: 600; color: #6d7a8c; }
#hud #daily-window .nvr-rewards { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: calc(var(--u) * 1.1); }
#hud #daily-window .nvr-per { background: linear-gradient(#fffdf4, #fff3d1); border-color: #e7c877; }
#hud #daily-window .nvr-chips { display: flex; flex-wrap: wrap; gap: calc(var(--u) * .6); }
#hud #daily-window .nvr-chip { display: flex; flex-direction: column; align-items: center; width: calc(var(--u) * 7.4); padding: calc(var(--u) * .5) calc(var(--u) * .3); border-radius: calc(var(--u) * .6);
  background: #fff; border: 1px solid #e5d3a2; text-align: center; line-height: 1.15; }
#hud #daily-window .nvr-chip img { width: calc(var(--u) * 3.8); height: calc(var(--u) * 3.8); object-fit: contain; image-rendering: auto; }
#hud #daily-window .nvr-chip b { font-size: calc(var(--u) * 1.45) !important; font-weight: 800; color: #6b4a0e; }
#hud #daily-window .nvr-chip small { font-size: calc(var(--u) * 1.05) !important; color: #6d7a8c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
#hud #daily-window .nvr-chips.small { gap: calc(var(--u) * .4); }
#hud #daily-window .nvr-chips.small .nvr-chip { width: auto; flex-direction: row; gap: calc(var(--u) * .4); padding: calc(var(--u) * .25) calc(var(--u) * .6); }
#hud #daily-window .nvr-chips.small .nvr-chip img { width: calc(var(--u) * 2.4); height: calc(var(--u) * 2.4); }
#hud #daily-window .nvr-chips.small .nvr-chip small { display: none; }
#hud #daily-window .nvr-mile { display: grid; grid-template-columns: calc(var(--u) * 6) minmax(0, 1fr) calc(var(--u) * 5); grid-template-rows: auto calc(var(--u) * .9); gap: calc(var(--u) * .4) calc(var(--u) * .8);
  align-items: center; padding: calc(var(--u) * .6) 0; border-top: 1px dashed #d6e2ef; }
#hud #daily-window .nvr-mile:first-of-type { border-top: 0; }
#hud #daily-window .nvr-mile .n { grid-row: 1 / 3; font-weight: 800; color: #1d4f9a; font-size: calc(var(--u) * 1.6) !important; }
#hud #daily-window .nvr-mile .bar { grid-column: 2; height: calc(var(--u) * .8); border-radius: calc(var(--u) * 1); background: #e3ebf5; overflow: hidden; }
#hud #daily-window .nvr-mile .bar i { display: block; height: 100%; background: linear-gradient(90deg, #ffd24a, #e2ab33); }
#hud #daily-window .nvr-mile em { grid-row: 1 / 3; grid-column: 3; font-style: normal; font-weight: 800; color: #5b7396; text-align: right; font-size: calc(var(--u) * 1.4) !important; }
#hud #daily-window .nvr-mile.ok .n, #hud #daily-window .nvr-mile.ok em { color: #17894a; }

#hud #daily-window .nvr-pending { display: flex; align-items: center; gap: calc(var(--u) * 1.4); border: calc(var(--u) * .25) solid #e2ab33; background: linear-gradient(90deg, #fff8dd, #ffeaa6);
  animation: nvr-glow 1.6s ease-in-out infinite; }
@keyframes nvr-glow { 50% { box-shadow: 0 0 calc(var(--u) * 1.2) #ffd24a; } }
#hud #daily-window .nvr-pend-list { flex: 1; display: flex; flex-direction: column; gap: calc(var(--u) * .5); }
#hud #daily-window .nvr-pend b { display: block; color: #6b4a0e; font-size: calc(var(--u) * 1.6) !important; }
#hud #daily-window .nvr-pend span { color: #7a5a1c; font-size: calc(var(--u) * 1.3) !important; }

#hud #daily-window .nvr-friends ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 24), 1fr)); gap: calc(var(--u) * .5); max-height: calc(var(--u) * 16); overflow: auto; }
#hud #daily-window .nvr-friends li { display: flex; justify-content: space-between; gap: calc(var(--u) * .6); padding: calc(var(--u) * .5) calc(var(--u) * .9); border-radius: calc(var(--u) * .5); background: #f1f6fc; font-size: calc(var(--u) * 1.4) !important; }
#hud #daily-window .nvr-friends li span { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#hud #daily-window .nvr-friends li em { font-style: normal; color: #7d8ea8; white-space: nowrap; }
#hud #daily-window .nvr-friends li.ok { background: #e3f4e6; }
#hud #daily-window .nvr-friends li.ok em { color: #17894a; font-weight: 700; }
#hud #daily-window .nvr-invited { background: #e3f4e6; border-color: #9fd3ad; color: #17683a; }
#hud #daily-window .nvr-bind { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--u) * .8); background: #f1f6fc; }
#hud #daily-window .nvr-bind span { flex: 1 1 100%; }
#hud #daily-window .nvr-bind input { width: calc(var(--u) * 16); height: calc(var(--u) * 4.2); padding: 0 calc(var(--u) * 1); border: calc(var(--u) * .2) solid #9ec2e6; border-radius: calc(var(--u) * .6);
  font-size: calc(var(--u) * 1.6) !important; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; text-align: center; }
#hud #daily-window .nvr-guest { background: #fff4d6; border-color: #e2ab33; }
#hud #daily-window .nvr-rules { margin: 0; color: #6d7a8c; font-size: calc(var(--u) * 1.2) !important; line-height: 1.5; }
#hud #daily-window .nvr-note { min-height: calc(var(--u) * 2.2); margin: calc(var(--u) * .6) 0 0; text-align: center; font-weight: 800; color: #1c7a3e; font-size: calc(var(--u) * 1.5) !important; }
#hud #daily-window .nvr-note.bad { color: #a02626; }
@media (max-width: 640px) {
  #hud #daily-window .nvr-rewards { grid-template-columns: 1fr; }
  #hud #daily-window .nvr-tabs button { font-size: calc(var(--u) * 2.4) !important; height: calc(var(--u) * 6.5); }
  #hud #daily-window .nvr-friends ul { grid-template-columns: 1fr 1fr; }
}
/* layout: tabs sit between the title bar and .body, the invite page replaces .body (sky theme: .body is a fixed grid) */
html body #hud section#daily-window > .nvr-tabs { position: relative; z-index: 0; margin: -4.6cqw 2.2cqw 0; padding: 5cqw 1.8cqw 0;
  background: linear-gradient(#ffffff, #f0f7ff); border: 0.35cqw solid #dfb758; border-top: 0; border-bottom: 0.3cqw solid #cfe0f2;
  box-shadow: 0 0 0 0.25cqw #734f0d, inset 0 0 0 0.25cqw #fff4cb; }
html body #hud section#daily-window > .nvr-tabs ~ .body { margin-top: 0 !important; padding-top: 1.6cqw !important; border-top: 0 !important; }
html body #hud section#daily-window.nvr-invite-on > .body { display: none !important; }
html body #hud section#daily-window > .nvr { margin: 0 2.2cqw 0; padding: 1.6cqw 1.8cqw 1.8cqw; max-height: calc(100dvh - 24px - 22cqw); overflow-y: auto; overflow-x: hidden;
  background: radial-gradient(ellipse at 50% 0%, #ffffff 0%, #f0f7ff 40%, #e1eefb 75%, #cbe3f8 100%);
  border: 0.35cqw solid #dfb758; border-top: 0; border-radius: 0 0 2cqw 2cqw;
  box-shadow: 0 0 0 0.25cqw #734f0d, inset 0 0 0 0.25cqw #fff4cb, 0 1.6cqw 3.6cqw rgba(10, 30, 60, 0.4); }
html body #hud section#daily-window > .nvr[hidden] { display: none; }
/* keep sizes sane against global mobile text rules */
html body #hud section#daily-window > .nvr { font-size: calc(var(--u) * 1.5) !important; }
html body #hud section#daily-window .nvr-link-row { font-size: calc(var(--u) * 1.5) !important; }
html body #hud section#daily-window .nvr-link-row > label { display: block !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; height: auto !important; font-size: calc(var(--u) * 1.5) !important; }
html body #hud section#daily-window span.nvr-code { font-size: calc(var(--u) * 1.4) !important; }

/* 👑 Supreme daily bonus tab */
#hud #daily-window .nvr-sup-hero { background: linear-gradient(100deg, #8a5d0b, #c98a12 45%, #f0c14b); box-shadow: inset 0 calc(var(--u) * -.35) 0 #6b4a0e; }
#hud #daily-window .nvr-sup-hero .nvr-hero-text b { text-shadow: 0 calc(var(--u) * .2) #4a2c06; }
#hud #daily-window .nvr-sup-compare { grid-template-columns: 1fr 1fr; }
#hud #daily-window .nvr-sup-perks { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 18), 1fr)); gap: calc(var(--u) * .5); }
#hud #daily-window .nvr-sup-perks li { padding: calc(var(--u) * .5) calc(var(--u) * .8); border-radius: calc(var(--u) * .5); background: #fff8dd; border: 1px solid #f0d58c; font-weight: 700; font-size: calc(var(--u) * 1.4) !important; }
#hud #daily-window .nvr-sup-perks li i { font-style: normal; margin-right: calc(var(--u) * .4); }
#hud #daily-window #nvr-sup-buy { align-self: center; }