/* Tiên Giới Truyện 3D – V16.29.6 / Single Profile Luxury Fantasy.
   Presentation-only revision of V16.29.4. Scoped to authenticated account,
   no extra profile tree, no changed VIP/EXP permissions or Supabase writes. */
.tg293-shell{--tg296-gold:#f1ce8c;--tg296-border:rgba(215,171,100,.44);--tg296-dark:#0c1523;--tg296-surface:#151e2d}
.tg293-shell .member-wrap{max-width:1480px!important;margin:0 auto 28px!important}
.tg293-shell .member-panel{width:100%!important}
.tg293-shell #tg293-profile{width:100%;max-width:none!important;min-width:0}
.tg293-shell #tg293-profile .tg293-hero{
  position:relative;overflow:hidden;border-radius:20px;
  border:1px solid rgba(225,181,105,.55);
  background:linear-gradient(130deg,#132138,#09121e 65%,#111c2e);
  box-shadow:0 20px 45px rgba(1,4,10,.52)
}
.tg293-shell #tg293-profile .tg293-banner{
  height:290px!important;position:relative;
  background-image:linear-gradient(to bottom,rgba(7,14,24,.05) 0%,rgba(7,14,24,.04) 38%,rgba(7,14,24,.68) 82%,#0b1421 100%),url('/admin-banner-v1611.webp')!important;
  background-size:cover!important;background-position:center 44%!important;background-repeat:no-repeat!important;
}
.tg293-shell #tg293-profile .tg293-banner-caption{
  top:17px;left:27px;padding:5px 9px;border:1px solid #efce8242;border-radius:999px;
  background:#0d1623bd;letter-spacing:.14em;font-size:10px;color:#f6d59a
}
.tg293-shell #tg293-profile .tg293-person{
  display:grid!important;grid-template-columns:188px minmax(0,1fr) minmax(194px,220px)!important;
  align-items:center!important;column-gap:26px!important;row-gap:13px;
  margin-top:-168px!important;min-height:207px;
  padding:18px clamp(18px,2.6vw,34px) 24px!important;
  background:linear-gradient(90deg,rgba(7,13,23,.72),rgba(7,14,25,.62) 60%,rgba(8,16,26,.78));
  position:relative;z-index:2;
}
.tg293-shell #tg293-profile .tg293-avatar-zone{
  box-sizing:border-box!important;display:grid!important;place-items:center!important;
  width:186px!important;height:186px!important;min-width:0!important;min-height:0!important;
  margin:0!important;position:relative!important;align-self:center!important;justify-self:center!important;
  flex-shrink:0!important;z-index:3!important;transform:none!important;
}
.tg293-shell #tg293-profile .tg293-avatar-zone > .tgvip-avatar-wrap:not(.tgvip-avatar-compact){
  --vip-frame-size:176px!important;
  width:var(--vip-frame-size)!important;height:var(--vip-frame-size)!important;
  min-width:0!important;min-height:0!important;max-width:var(--vip-frame-size)!important;max-height:var(--vip-frame-size)!important;
  aspect-ratio:1/1!important;box-sizing:border-box!important;display:block!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  flex:0 0 auto!important;transform:none!important;background:transparent!important;
  position:relative!important;overflow:visible!important;
}
.tg293-shell #tg293-profile .tg293-avatar-zone > .tgvip-avatar-wrap:not(.tgvip-avatar-compact)::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;box-sizing:border-box!important;
  background:var(--vip-art) center/contain no-repeat!important;
  z-index:3!important;pointer-events:none!important;transform:none!important;
}
/* Keep one artwork only; the legacy halo pseudo-element must not duplicate the VIP frame. */
.tg293-shell #tg293-profile .tg293-avatar-zone > .tgvip-avatar-wrap:not(.tgvip-avatar-compact)::after{display:none!important;content:none!important}
.tg293-shell #tg293-profile .tg293-avatar-zone > .tgvip-avatar-wrap > .member-avatar{
  position:absolute!important;left:var(--vip-hole-x,50%)!important;top:var(--vip-hole-y,50%)!important;
  width:var(--vip-hole-size,50%)!important;height:var(--vip-hole-size,50%)!important;
  max-width:none!important;min-width:0!important;max-height:none!important;min-height:0!important;
  aspect-ratio:1/1!important;margin:0!important;padding:0!important;
  transform:translate(-50%,-50%)!important;border-radius:50%!important;
  border:1px solid var(--vip-art-strong,#e7bf77)!important;overflow:hidden!important;
  background:#253044!important;z-index:2!important;box-sizing:border-box!important;
}
.tg293-shell #tg293-profile .tg293-avatar-zone > .tgvip-avatar-wrap .member-avatar img,
.tg293-shell #tg293-profile .tg293-avatar-zone > .member-avatar img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center!important;aspect-ratio:1/1!important;border-radius:50%!important;
}
.tg293-shell #tg293-profile .tg293-avatar-zone > .member-avatar{
  width:120px!important;height:120px!important;aspect-ratio:1/1!important;margin:0!important;
  border-radius:50%!important;box-sizing:border-box!important;
}
/* A single level label next to the member name; frame artwork remains untouched. */
.tg293-shell #tg293-profile .tg293-avatar-zone .tgvip-avatar-medallion{display:none!important}
.tg293-shell #tg293-profile .tg293-identity{
  position:relative;z-index:3;min-width:0!important;width:100%;padding:0!important;
  text-align:left;align-self:center;
}
.tg293-shell #tg293-profile .tg293-kicker{color:#dfc086;font-size:10px;letter-spacing:.16em}
.tg293-shell #tg293-profile .tg296-name-row{
  display:flex;align-items:center;flex-wrap:wrap;column-gap:16px;row-gap:7px;margin:7px 0 4px;min-width:0;
}
.tg293-shell #tg293-profile .tg296-name-row h2{
  font-family:Georgia,'Times New Roman',serif!important;color:#ffdfaa!important;
  font-size:clamp(25px,2.4vw,39px)!important;letter-spacing:.005em;
  line-height:1.15!important;margin:0!important;max-width:100%;overflow-wrap:anywhere;
  text-shadow:0 4px 12px #000b;
}
.tg293-shell #tg293-profile .tg293-vip-chip{
  display:inline-flex;align-items:center;flex:0 0 auto;max-width:100%;margin:0!important;
  padding:6px 13px;border-radius:999px;white-space:normal;
  background:linear-gradient(110deg,#3b2816,#1f1b1d);
  color:#ffe09c;border:1px solid #e5bb69;box-shadow:0 2px 12px #e7af4630;
  font:700 12px/1.3 Georgia,serif;
}
.tg293-shell #tg293-profile .tg293-identity .member-subtitle{
  color:#e3d7bb!important;font-size:13px!important;margin:9px 0 15px!important;
  text-shadow:0 2px 8px #000c;
}
.tg293-shell #tg293-profile .tg293-exp{max-width:600px!important;width:100%!important;margin:0!important}
.tg293-shell #tg293-profile .tg293-exp-line{font-size:12px;align-items:center}
.tg293-shell #tg293-profile .tg293-exp-track{height:9px;margin-top:7px;box-shadow:inset 0 1px 4px #0008}
.tg293-shell #tg293-profile .tg293-exp small{color:#c8c4bb;text-shadow:0 1px 3px #0009}
.tg293-shell #tg293-profile .tg293-hero-actions{
  align-self:center!important;position:relative;z-index:3;display:grid!important;
  grid-template-columns:1fr!important;gap:9px!important;padding:0!important;margin:0!important;min-width:0!important;
}
.tg293-shell #tg293-profile .tg293-hero-actions .simple-btn,
.tg293-shell #tg293-profile .tg293-hero-actions .gold-btn{
  width:100%!important;min-height:41px!important;margin:0!important;max-width:none!important;
  border-radius:11px!important;font-size:12px!important;line-height:1.25!important;
}
.tg293-shell #tg293-profile .tg293-tabs{
  margin:14px 0 19px!important;padding:6px!important;gap:4px!important;
  background:linear-gradient(90deg,#121a28,#1b2334)!important;
  border-color:#d2a96266!important;border-radius:14px!important;
  scroll-padding-inline:8px;
}
.tg293-shell #tg293-profile .tg293-tabs button{
  min-width:108px!important;min-height:45px!important;font:700 13px Georgia,'Times New Roman',serif!important;
  padding:9px 11px!important;
}
.tg293-shell #tg293-profile .tg296-overview-grid{
  display:grid!important;grid-template-columns:minmax(245px,.90fr) repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto auto;grid-auto-flow:row;
  gap:14px!important;align-items:stretch;
}
.tg293-shell #tg293-profile .tg296-summary-card{grid-column:1;grid-row:1 / span 2;overflow:hidden;position:relative;min-height:400px}
.tg293-shell #tg293-profile .tg296-books-card{grid-column:2;grid-row:1}
.tg293-shell #tg293-profile .tg296-history-card{grid-column:3;grid-row:1}
.tg293-shell #tg293-profile .tg296-achievements-card{grid-column:2;grid-row:2}
.tg293-shell #tg293-profile .tg296-security-card{grid-column:3;grid-row:2}
.tg293-shell #tg293-profile .tg293-card{
  border:1px solid var(--tg296-border)!important;border-radius:15px!important;
  padding:18px 19px!important;background:linear-gradient(138deg,#1a2230,#111a27 72%)!important;
  box-shadow:0 8px 25px #01061166;overflow:hidden;min-width:0;
}
.tg293-shell #tg293-profile .tg293-card h3{font-size:clamp(16px,1.35vw,20px)!important;margin:0!important;line-height:1.35}
.tg293-shell #tg293-profile .tg293-card header{min-height:34px;margin:0 0 13px;padding:0 0 12px}
.tg293-shell #tg293-profile .tg296-summary-card{
  background:linear-gradient(180deg,rgba(21,31,47,.95) 10%,rgba(11,21,36,.78) 70%,rgba(10,20,36,.55)),url('/admin-banner-v1611.webp') center bottom/auto 75% no-repeat!important;
}
.tg293-shell #tg293-profile .tg296-summary-stats{margin:0;display:grid;gap:0;font-size:13px}
.tg293-shell #tg293-profile .tg296-summary-stats div{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:13px 1px;border-bottom:1px solid rgba(220,181,115,.18);
}
.tg293-shell #tg293-profile .tg296-summary-stats div:last-child{border-bottom:0}
.tg293-shell #tg293-profile .tg296-summary-stats dt{color:#cbd1d8;min-width:0}
.tg293-shell #tg293-profile .tg296-summary-stats dd{
  color:#ffdf9d;font-weight:700;font-variant-numeric:tabular-nums;margin:0;min-width:0;
  text-align:right;overflow-wrap:anywhere;
}
.tg293-shell #tg293-profile .tg296-summary-footer{
  position:absolute;bottom:18px;left:18px;right:18px;color:#e2ba71;
  border-top:1px solid #ae8a4d50;padding-top:12px;font:italic 12px/1.4 Georgia,serif;
}
.tg293-shell #tg293-profile .tg296-summary-footer span{font-size:17px}
.tg293-shell #tg293-profile .tg293-achievements{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.tg293-shell #tg293-profile .tg293-achievement{min-height:100px}
.tg293-shell #tg293-profile .tg293-sub-actions{margin:16px 0!important}
/* Tablet: one coherent identity card; actions underneath, summary card as two-column area. */
@media(max-width:1100px){
  .tg293-shell #tg293-profile .tg293-person{grid-template-columns:174px minmax(0,1fr)!important;column-gap:16px!important;row-gap:7px!important}
  .tg293-shell #tg293-profile .tg293-avatar-zone{width:172px!important;height:172px!important}
  .tg293-shell #tg293-profile .tg293-avatar-zone > .tgvip-avatar-wrap:not(.tgvip-avatar-compact){--vip-frame-size:164px!important}
  .tg293-shell #tg293-profile .tg293-hero-actions{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .tg293-shell #tg293-profile .tg296-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tg293-shell #tg293-profile .tg296-summary-card{grid-column:1/-1;grid-row:auto;min-height:250px}
  .tg293-shell #tg293-profile .tg296-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .tg293-shell #tg293-profile .tg296-books-card,.tg293-shell #tg293-profile .tg296-history-card,.tg293-shell #tg293-profile .tg296-achievements-card,.tg293-shell #tg293-profile .tg296-security-card{grid-column:auto;grid-row:auto}
  .tg293-shell #tg293-profile .tg296-summary-footer{position:relative;bottom:auto;left:auto;right:auto;margin-top:14px}
}
@media(max-width:700px){
  .tg293-shell #tg293-profile .tg293-hero{border-radius:14px}
  .tg293-shell #tg293-profile .tg293-banner{height:224px!important;background-position:55% center!important}
  .tg293-shell #tg293-profile .tg293-banner-caption{top:10px;left:11px;font-size:9px}
  .tg293-shell #tg293-profile .tg293-person{
    display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;
    column-gap:13px!important;row-gap:12px!important;align-items:center!important;
    margin-top:-132px!important;padding:10px 12px 16px!important;
    background:linear-gradient(180deg,#06101f47,#0a1422c9 67%,#0a1422f5)!important;
    text-align:left!important;
  }
  .tg293-shell #tg293-profile .tg293-avatar-zone{width:132px!important;height:138px!important;margin:0!important;align-self:center!important;justify-self:center!important}
  .tg293-shell #tg293-profile .tg293-avatar-zone > .tgvip-avatar-wrap:not(.tgvip-avatar-compact){--vip-frame-size:132px!important}
  .tg293-shell #tg293-profile .tg293-avatar-zone > .member-avatar{width:104px!important;height:104px!important}
  .tg293-shell #tg293-profile .tg293-identity{width:100%;padding:0!important;text-align:left!important}
  .tg293-shell #tg293-profile .tg293-kicker{font-size:9px;letter-spacing:.04em}
  .tg293-shell #tg293-profile .tg296-name-row{display:block;margin:5px 0}
  .tg293-shell #tg293-profile .tg296-name-row h2{font-size:clamp(21px,5.1vw,29px)!important;margin:0 0 6px!important}
  .tg293-shell #tg293-profile .tg293-vip-chip{font-size:11px;padding:4px 10px}
  .tg293-shell #tg293-profile .tg293-identity .member-subtitle{font-size:11px!important;margin:6px 0!important}
  .tg293-shell #tg293-profile .tg293-exp{width:100%!important;max-width:none!important}
  .tg293-shell #tg293-profile .tg293-exp-line{font-size:10px;display:flex;flex-wrap:wrap}
  .tg293-shell #tg293-profile .tg293-exp small{font-size:9px}
  .tg293-shell #tg293-profile .tg293-hero-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:3px!important}
  .tg293-shell #tg293-profile .tg293-hero-actions .simple-btn,.tg293-shell #tg293-profile .tg293-hero-actions .gold-btn{font-size:11px!important;min-height:44px!important;padding:7px 5px!important}
  .tg293-shell #tg293-profile .tg293-tabs{margin:10px 0 15px!important;overflow-x:auto!important;white-space:nowrap;scrollbar-width:thin}
  .tg293-shell #tg293-profile .tg293-tabs button{min-width:105px!important;min-height:42px!important;font-size:12px!important;padding:7px 8px!important}
  .tg293-shell #tg293-profile .tg296-overview-grid{grid-template-columns:1fr!important;gap:12px!important}
  .tg293-shell #tg293-profile .tg296-summary-card{grid-column:1!important;grid-row:auto!important;min-height:0!important}
  .tg293-shell #tg293-profile .tg296-summary-stats{grid-template-columns:1fr!important}
  .tg293-shell #tg293-profile .tg296-books-card,.tg293-shell #tg293-profile .tg296-history-card,.tg293-shell #tg293-profile .tg296-achievements-card,.tg293-shell #tg293-profile .tg296-security-card{grid-column:1!important;grid-row:auto!important}
  .tg293-shell #tg293-profile .tg293-card{padding:15px 13px!important}
  .tg293-shell #tg293-profile .tg293-achievements{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:390px){
  .tg293-shell #tg293-profile .tg293-person{grid-template-columns:116px minmax(0,1fr)!important;gap:8px!important;padding:9px!important}
  .tg293-shell #tg293-profile .tg293-avatar-zone{width:116px!important;height:122px!important}
  .tg293-shell #tg293-profile .tg293-avatar-zone > .tgvip-avatar-wrap:not(.tgvip-avatar-compact){--vip-frame-size:116px!important}
  .tg293-shell #tg293-profile .tg293-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tg293-shell #tg293-profile .tg293-hero-actions a:last-child{grid-column:1/-1!important}
}
@media(prefers-reduced-motion:reduce){.tg293-shell #tg293-profile *{transition:none!important;animation:none!important}}