/* TouraCraft v3.19.1 — My Passport Laser Glass Pass
   Canonical replacement for v3.19 glass styling.
   Presentation only: no auth, data, routing, Passport, stamp, profile, or Partner behavior changes. */

:root{
  --tc-glass-fill:rgba(6,24,39,.34);
  --tc-glass-fill-strong:rgba(7,28,45,.43);
  --tc-glass-edge:rgba(174,221,248,.40);
  --tc-glass-edge-hot:rgba(220,245,255,.72);
  --tc-glass-blue:rgba(62,175,241,.30);
  --tc-glass-gold:rgba(244,201,91,.58);
  --tc-glass-shadow:rgba(0,0,0,.34);
}

body:has(#memberPage:not(.hidden)){
  background:#04111d;
  color:#f7fbff;
}

.member-dashboard:before{
  background:
    radial-gradient(circle at 14% 10%,rgba(34,151,224,.20),transparent 29%),
    radial-gradient(circle at 82% 16%,rgba(66,166,227,.12),transparent 25%),
    radial-gradient(circle at 71% 86%,rgba(241,192,71,.055),transparent 28%),
    linear-gradient(145deg,#03101b 0%,#061725 48%,#03111c 100%);
}

/* ---------- Canonical laser-glass plates ---------- */
.member-profile-hero,
.member-passport-hero,
.member-side-panel,
.member-main-panel,
.live-you-card,
.spotlight-card,
.passport-overview-card,
.update-card{
  position:relative;
  isolation:isolate;
  border:1px solid var(--tc-glass-edge);
  background:
    linear-gradient(150deg,rgba(255,255,255,.042),transparent 24%),
    linear-gradient(145deg,var(--tc-glass-fill-strong),var(--tc-glass-fill));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.17),
    inset 1px 0 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(17,81,119,.20),
    0 18px 48px var(--tc-glass-shadow),
    0 0 0 1px rgba(65,169,232,.035);
  backdrop-filter:blur(20px) saturate(145%) contrast(105%);
  -webkit-backdrop-filter:blur(20px) saturate(145%) contrast(105%);
}

/* Precision top refraction line. */
.member-profile-hero:before,
.member-passport-hero:before,
.member-side-panel:before,
.member-main-panel:before,
.live-you-card:before,
.spotlight-card:before,
.passport-overview-card:before,
.update-card:before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  top:-1px;
  left:3.5%;
  right:3.5%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(202,239,255,.56) 18%,rgba(255,255,255,.90) 49%,rgba(86,191,247,.52) 78%,transparent);
  filter:drop-shadow(0 0 5px rgba(89,190,246,.22));
}

/* Narrow diagonal reflection instead of broad glow. */
.member-profile-hero:after,
.member-passport-hero:after,
.member-side-panel:after,
.member-main-panel:after,
.live-you-card:after,
.spotlight-card:after,
.passport-overview-card:after,
.update-card:after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  inset:0;
  background:
    linear-gradient(116deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.018) 12%,transparent 24%,transparent 76%,rgba(61,179,239,.025) 100%);
  opacity:.82;
}

.member-profile-hero > *,
.member-passport-hero > *,
.member-side-panel > *,
.member-main-panel > *,
.live-you-card > *,
.spotlight-card > *,
.passport-overview-card > *,
.update-card > *{
  position:relative;
  z-index:1;
}

.member-profile-hero{
  background:
    linear-gradient(150deg,rgba(255,255,255,.035),transparent 23%),
    linear-gradient(145deg,rgba(7,30,48,.36),rgba(4,20,34,.27));
  border-color:rgba(171,220,248,.39);
}

.member-passport-hero{
  border-color:rgba(245,208,103,.56);
  background:
    linear-gradient(148deg,rgba(255,255,255,.055),transparent 25%),
    linear-gradient(135deg,rgba(11,44,68,.42),rgba(4,22,37,.29));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 1px 0 0 rgba(255,255,255,.055),
    0 18px 48px rgba(0,0,0,.33),
    0 0 22px rgba(240,193,70,.055);
}

/* ---------- Suspended metric plates ---------- */
.metric-strip .metric{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(171,220,248,.34);
  background:
    linear-gradient(150deg,rgba(255,255,255,.055),transparent 25%),
    linear-gradient(145deg,rgba(18,60,88,.30),rgba(5,28,45,.22));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(33,121,173,.18),
    0 9px 22px rgba(0,0,0,.19);
  backdrop-filter:blur(15px) saturate(150%);
  -webkit-backdrop-filter:blur(15px) saturate(150%);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.metric-strip .metric:before{
  content:"";
  position:absolute;
  pointer-events:none;
  top:0;left:10%;right:10%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(226,248,255,.78),transparent);
}
.metric-strip .metric:hover{
  transform:translateY(-2px);
  border-color:rgba(246,205,91,.68);
  background:
    linear-gradient(150deg,rgba(255,255,255,.075),transparent 25%),
    linear-gradient(145deg,rgba(22,72,104,.34),rgba(6,31,49,.25));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.21),
    0 12px 26px rgba(0,0,0,.22),
    0 0 17px rgba(72,178,236,.08);
}

/* ---------- Navigation glass rail ---------- */
.member-side-panel{
  background:
    linear-gradient(155deg,rgba(255,255,255,.028),transparent 24%),
    linear-gradient(160deg,rgba(4,24,39,.37),rgba(2,16,28,.28));
  border-color:rgba(165,215,244,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset -1px 0 0 rgba(76,169,220,.08),
    0 20px 48px rgba(0,0,0,.28);
}
.member-side-item{
  position:relative;
  z-index:1;
  transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.member-side-item:hover{
  background:rgba(67,164,222,.075);
  border-color:rgba(175,221,247,.20);
  transform:translateX(2px);
}
.member-side-item.active{
  border-color:rgba(244,204,93,.62);
  background:
    linear-gradient(150deg,rgba(255,255,255,.055),transparent 24%),
    linear-gradient(135deg,rgba(38,105,151,.54),rgba(12,53,82,.40));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 22px rgba(82,185,240,.05),
    0 9px 22px rgba(0,0,0,.16);
}

/* ---------- Main sheet of glass ---------- */
.member-main-panel{
  background:
    linear-gradient(148deg,rgba(255,255,255,.030),transparent 21%),
    linear-gradient(145deg,rgba(6,29,46,.30),rgba(3,19,32,.22));
  border-color:rgba(172,219,246,.35);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 1px 0 0 rgba(255,255,255,.035),
    0 22px 58px rgba(0,0,0,.29);
}
.member-main-panel:after{
  background:
    radial-gradient(circle at 84% 13%,rgba(71,181,239,.075),transparent 28%),
    linear-gradient(118deg,rgba(255,255,255,.048),transparent 17%,transparent 82%,rgba(66,177,236,.018));
}

.live-you-card,.spotlight-card,.passport-overview-card,.update-card{
  border-color:rgba(174,220,246,.31);
  background:
    linear-gradient(150deg,rgba(255,255,255,.042),transparent 23%),
    linear-gradient(145deg,rgba(9,42,64,.29),rgba(3,23,38,.21));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 13px 30px rgba(0,0,0,.17);
  backdrop-filter:blur(16px) saturate(145%);
  -webkit-backdrop-filter:blur(16px) saturate(145%);
}

/* ---------- Controls ---------- */
.member-card-inline,
.member-main-panel .button.ghost,
.passport-page-btn,
.member-section-close{
  border-color:rgba(173,220,246,.30);
  background:linear-gradient(145deg,rgba(13,48,70,.34),rgba(4,25,40,.25));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 7px 18px rgba(0,0,0,.14);
  backdrop-filter:blur(12px) saturate(140%);
  -webkit-backdrop-filter:blur(12px) saturate(140%);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.member-card-inline:hover,
.member-main-panel .button.ghost:hover,
.passport-page-btn:hover,
.member-section-close:hover{
  transform:translateY(-1px);
  border-color:rgba(245,205,94,.60);
  background:linear-gradient(145deg,rgba(20,65,91,.40),rgba(5,28,44,.28));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 9px 20px rgba(0,0,0,.20),0 0 14px rgba(66,178,238,.06);
}

/* Preserve the physical Passport book as paper/tactile media inside the glass workspace. */