/* Mana Shop — scoped under .layout-award */
.layout-award .shop-layout{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start;margin-top:8px}
@media (max-width:992px){
  .layout-award .shop-layout{grid-template-columns:1fr}
  .layout-award .shop-preview{order:-1;position:static!important}
}

.layout-award .shop-toolbar.shop-filters{
  display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;margin-bottom:14px;
  padding:12px 14px;border-radius:1rem;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
}
.layout-award .shop-field{display:flex;flex-direction:column;gap:5px;min-width:160px;flex:0 1 auto}
.layout-award .shop-field-search{flex:1 1 220px;min-width:200px}
.layout-award .shop-field-label{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#9d9dbb}
.layout-award .shop-select{
  appearance:none;-webkit-appearance:none;
  width:100%;min-width:160px;max-width:280px;
  background:rgba(255,255,255,.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239d9dbb' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;
  border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fff;
  padding:.5rem 2rem .5rem .85rem;font-size:13px;outline:0;cursor:pointer;
}
.layout-award .shop-select option{background:#152033;color:#fff}
.layout-award .shop-search{position:relative;display:block;width:100%}
.layout-award .shop-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9d9dbb;font-size:12px}
.layout-award .shop-search input{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;color:#fff;padding:.5rem .9rem .5rem 2rem;font-size:13px;outline:0}
.layout-award .shop-filter-go{
  border:0;border-radius:.75rem;padding:.5rem 1.1rem;font-size:13px;font-weight:700;
  background:#26a3d6;color:#fff;cursor:pointer;align-self:flex-end;height:38px;
}
.layout-award .shop-filter-go:hover{filter:brightness(1.08)}

.layout-award .shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.layout-award .shop-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:14px 12px 12px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s;font-family:inherit;color:inherit;width:100%}
.layout-award .shop-card:hover,
.layout-award .shop-card.is-on{background:rgba(38,163,214,.1);border-color:rgba(38,163,214,.45)}
.layout-award .shop-card .sc-preview{display:flex;justify-content:center;align-items:center;height:96px;margin-bottom:8px;position:relative}
.layout-award .shop-card .sc-name{font-size:13px;font-weight:700;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.layout-award .shop-card .sc-cat{font-size:11px;color:#9d9dbb;margin:0 0 8px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:1.2em}
.layout-award .shop-card .sc-cat-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.layout-award .shop-card .sc-owned-badge{
  position:absolute;top:0;right:0;z-index:2;
  display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:999px;
  font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;
  color:#b8f5d0;background:rgba(46,180,110,.22);border:1px solid rgba(94,211,163,.55);
}
.layout-award .shop-card .sc-owned-meta{
  display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;
  font-size:10px;color:#8a9bb0;
}
.layout-award .shop-card .sc-owned-paid{
  display:inline-flex;align-items:center;gap:3px;color:#5ec4f0;font-weight:700;
}
.layout-award .shop-card .sc-owned-paid .mana-icon{width:12px;height:12px;line-height:12px;font-size:8px}
.layout-award .shop-card.is-owned{border-color:rgba(94,211,163,.28)}
.layout-award .shop-card .sc-price{font-size:13px;font-weight:700;color:#26a3d6;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.layout-award #pv-history.shop-owned-chip{
  display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 8px;
  margin:0 0 14px;padding:.4rem .65rem;border-radius:.75rem;
  background:rgba(46,180,110,.1);border:1px solid rgba(94,211,163,.35);color:#c5d0dc;font-size:12px;
}
.layout-award #pv-history.shop-owned-chip .pv-owned-badge{
  display:inline-flex;padding:.1rem .4rem;border-radius:999px;
  font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#b8f5d0;background:rgba(46,180,110,.22);border:1px solid rgba(94,211,163,.45);
}
.layout-award #pv-history.shop-owned-chip .pv-owned-paid{
  display:inline-flex;align-items:center;gap:4px;color:#5ec4f0;font-weight:700;
}
.layout-award .shop-av{position:relative;width:64px;height:64px;flex-shrink:0}
.layout-award .shop-av img.pfp{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#1a2740}
.layout-award .shop-av img.deco{position:absolute;top:-10%;left:-10%;width:120%;height:120%;max-width:none;pointer-events:none;object-fit:contain;background:transparent}
.layout-award .shop-preview{position:sticky;top:16px}
.layout-award .shop-preview .my-zone-card h3,
.layout-award .shop-main .my-zone-card h3{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.layout-award .shop-preview .my-zone-card h3 .sub,
.layout-award .shop-main .my-zone-card h3 .sub{font-size:11px;font-weight:500;color:#9d9dbb;text-transform:none}
.layout-award .shop-cm{position:relative;padding:.75rem 0 .75rem 52px;margin:0 0 1rem;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.layout-award .shop-cm .cm-av{position:absolute;left:0;top:.85rem;width:40px;height:40px}
.layout-award .shop-cm .cm-av img.pfp{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.layout-award .shop-cm .cm-av img.deco{position:absolute;top:-10%;left:-10%;width:120%;height:120%;pointer-events:none;object-fit:contain;max-width:none;background:transparent}
.layout-award .shop-cm .uname{font-size:13px;font-weight:600;color:#ffb526}
.layout-award .shop-cm .time{font-size:11px;color:rgba(255,255,255,.38);margin-top:2px}
.layout-award .shop-cm .body{margin:.35rem 0;font-size:14px;color:rgba(255,255,255,.92);line-height:1.5}
.layout-award .shop-cm .acts{display:flex;gap:.85rem;color:rgba(255,255,255,.55);font-size:12px}
.layout-award .shop-detail-name{font-size:1.15rem;font-weight:700;color:#fff;margin:0 0 4px}
.layout-award .shop-detail-cat{font-size:12px;color:#9d9dbb;margin:0 0 10px}
.layout-award .shop-detail-desc{font-size:13px;color:#a0b1c5;line-height:1.45;margin:0 0 14px}
.layout-award .shop-detail-price{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:10px 12px;border-radius:.85rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.layout-award .shop-detail-price .big{font-size:1.15rem;font-weight:700;color:#26a3d6;display:inline-flex;align-items:center;gap:6px}
.layout-award .shop-actions{display:flex;flex-direction:column;gap:8px}
.layout-award .shop-actions .mz-btn{width:100%;justify-content:center;text-align:center}
.layout-award .shop-color-pick{margin:0 0 12px}
.layout-award .shop-color-pick[hidden]{display:none!important}
.layout-award .shop-color-label{display:block;font-size:12px;font-weight:600;color:#c5d0dc;margin:0 0 8px}
.layout-award .shop-color-swatches{display:flex;flex-wrap:wrap;gap:6px}
.layout-award .shop-color-swatch{
  width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;
  background:var(--swatch,#888);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);
}
.layout-award .shop-color-swatch:hover{transform:scale(1.08)}
.layout-award .shop-color-swatch.is-on{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.layout-award .shop-color-swatch[data-color="crimson"]{--swatch:#ff6b7a}
.layout-award .shop-color-swatch[data-color="coral"]{--swatch:#ff8a65}
.layout-award .shop-color-swatch[data-color="amber"]{--swatch:#ffb74d}
.layout-award .shop-color-swatch[data-color="gold"]{--swatch:#ffd54f}
.layout-award .shop-color-swatch[data-color="lime"]{--swatch:#aed581}
.layout-award .shop-color-swatch[data-color="mint"]{--swatch:#69f0ae}
.layout-award .shop-color-swatch[data-color="teal"]{--swatch:#4dd0e1}
.layout-award .shop-color-swatch[data-color="sky"]{--swatch:#4fc3f7}
.layout-award .shop-color-swatch[data-color="azure"]{--swatch:#64b5f6}
.layout-award .shop-color-swatch[data-color="indigo"]{--swatch:#7986cb}
.layout-award .shop-color-swatch[data-color="violet"]{--swatch:#b39ddb}
.layout-award .shop-color-swatch[data-color="orchid"]{--swatch:#ce93d8}
.layout-award .shop-color-swatch[data-color="pink"]{--swatch:#f48fb1}
.layout-award .shop-color-swatch[data-color="rose"]{--swatch:#ef9a9a}
.layout-award .shop-color-swatch[data-color="salmon"]{--swatch:#ffab91}
.layout-award .shop-color-swatch[data-color="peach"]{--swatch:#ffcc80}
.layout-award .shop-color-swatch[data-color="sand"]{--swatch:#ffe082}
.layout-award .shop-color-swatch[data-color="slate"]{--swatch:#90a4ae}
.layout-award .shop-color-swatch[data-color="silver"]{--swatch:#cfd8dc}
.layout-award .shop-color-swatch[data-color="ice"]{--swatch:#b2ebf2}

.layout-award .shop-pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
.layout-award .shop-page-btn{
  display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;
  border-radius:.65rem;font-size:13px;font-weight:600;text-decoration:none;
  color:#c5d0dc;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
}
.layout-award a.shop-page-btn:hover{color:#fff;border-color:rgba(38,163,214,.45);background:rgba(38,163,214,.12)}
.layout-award .shop-page-btn.is-on{background:#26a3d6;border-color:#26a3d6;color:#fff}
.layout-award .shop-page-btn.is-disabled{opacity:.35;pointer-events:none}
.layout-award .shop-page-gap{color:#9d9dbb;padding:0 2px}

.layout-award .shop-page-wrap{position:relative}
.layout-award .shop-page-wrap.is-disabled .shop-layout,
.layout-award .shop-page-wrap.is-disabled .user-mana-card,
.layout-award .shop-page-wrap.is-disabled .ai_-welcome{filter:grayscale(.35);opacity:.45;pointer-events:none;user-select:none}
.layout-award .shop-disabled-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:rgba(8,14,24,.72);backdrop-filter:blur(2px);border-radius:1rem;min-height:280px}
.layout-award .shop-disabled-card{max-width:420px;text-align:center;padding:28px 24px;border-radius:1rem;background:rgba(18,28,44,.95);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.layout-award .shop-disabled-title{font-size:1.35rem;font-weight:700;color:#fff;margin:0 0 8px}
.layout-award .shop-disabled-desc{font-size:14px;color:#a0b1c5;line-height:1.45;margin:0 0 18px}
.layout-award .shop-disabled-card .mz-btn{display:inline-flex;justify-content:center}

.layout-award .shop-layout.is-busy{pointer-events:none}
.layout-award .shop-layout.is-busy .shop-actions .mz-btn{opacity:.65;cursor:wait}
.layout-award .shop-actions .mz-btn:disabled{opacity:.55;cursor:not-allowed}

.shop-confirm{position:fixed;inset:0;z-index:10055;display:flex;align-items:center;justify-content:center;padding:20px}
.shop-confirm[hidden]{display:none!important}
.shop-confirm-backdrop{position:absolute;inset:0;background:rgba(6,10,18,.72);backdrop-filter:blur(3px)}
.shop-confirm-card{position:relative;z-index:1;width:min(92vw,400px);padding:22px 20px 18px;border-radius:1rem;background:#142033;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.45);text-align:center}
.shop-confirm-preview{display:flex;justify-content:center;margin-bottom:12px}
.shop-confirm-preview img{width:72px;height:72px;object-fit:contain;background:transparent}
.shop-confirm-card h4{margin:0 0 8px;font-size:1.15rem;font-weight:700;color:#fff}
.shop-confirm-text{margin:0 0 18px;font-size:14px;line-height:1.5;color:#c5d0dc}
.shop-confirm-text strong{color:#fff}
.shop-confirm-text .muted{color:#9d9dbb;font-size:12px}
.shop-confirm-actions{display:flex;gap:10px}
.shop-confirm-btn{flex:1;border:0;border-radius:.75rem;padding:.65rem .9rem;font-size:13px;font-weight:700;cursor:pointer}
.shop-confirm-cancel{background:rgba(255,255,255,.08);color:#c5d0dc}
.shop-confirm-cancel:hover{background:rgba(255,255,255,.12);color:#fff}
.shop-confirm-ok{background:#26a3d6;color:#fff}
.shop-confirm-ok:hover{filter:brightness(1.08)}
body.shop-confirm-open{overflow:hidden}

.layout-award .shop-refund-btn{
  width:100%;justify-content:center;text-align:center;
  background:rgba(180,70,70,.18);border:1px solid rgba(255,120,120,.35);color:#ffb4b4
}
.layout-award .shop-refund-btn:hover:not(:disabled){background:rgba(180,70,70,.28);color:#ffd0d0}
.layout-award .shop-refund-btn:disabled{opacity:.55;cursor:not-allowed}
.layout-award .shop-refund-hint{line-height:1.4;margin:0}

/* Kind tabs + title cards */
.layout-award .shop-kind-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.layout-award .shop-kind-tab{
  display:inline-flex;align-items:center;gap:7px;padding:.45rem .9rem;border-radius:999px;
  font-size:13px;font-weight:700;color:#c8c8e0;text-decoration:none;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
}
.layout-award .shop-kind-tab:hover{color:#fff;border-color:rgba(38,163,214,.4)}
.layout-award .shop-kind-tab.is-on{color:#fff;background:rgba(38,163,214,.18);border-color:rgba(38,163,214,.5)}
.layout-award .shop-cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.layout-award .shop-cat-chip{
  display:inline-flex;align-items:center;gap:6px;padding:.35rem .75rem;border-radius:.75rem;
  font-size:12px;font-weight:600;color:#b8b8d0;text-decoration:none;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
}
.layout-award .shop-cat-chip i{font-size:11px;opacity:.9}
.layout-award .shop-cat-chip:hover{color:#fff}
.layout-award .shop-cat-chip.is-on{color:#e8d8ff;background:rgba(168,120,255,.16);border-color:rgba(168,120,255,.45)}
.layout-award .shop-card.is-title .sc-preview{height:88px}
.layout-award .shop-title-preview{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  width:100%;min-height:72px;padding:8px;border-radius:.85rem;
  background:linear-gradient(160deg,rgba(168,120,255,.16),rgba(38,163,214,.08));
  border:1px solid rgba(168,120,255,.28);color:#e8d8ff;font-weight:700;font-size:13px;text-align:center;
}
.layout-award .shop-title-preview i{font-size:1.1rem;opacity:.9}
.layout-award .shop-title-preview span{line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.layout-award .shop-cm .uname{display:flex;align-items:center;flex-wrap:wrap;gap:6px}