/* RMT Market (2026-11-09) - shop, My RMT, GM page. Same palette as the Top-up page. */
.rm{ --rm-line:#1F3350; --rm-card:#0E1A2C; --rm-card2:#0A1322; --rm-gold:#D9A93A; --rm-gold-hi:#F3D27A; --rm-ice:#39C2F2; --rm-green:#5FD69B; --rm-red:#FF8A80; --rm-dim:#93A7BB; --rm-mute:#62778D; }
.rm *{ box-sizing:border-box; }
.rm-hero{ position:relative; overflow:hidden; display:grid; grid-template-columns:1fr auto; gap:1.5rem; align-items:center; padding:1.6rem 1.8rem; border:1px solid var(--rm-line); border-radius:16px;
  background:radial-gradient(520px 260px at 90% -10%, rgba(95,214,155,.16), transparent 70%), radial-gradient(420px 240px at 0% 110%, rgba(217,169,58,.14), transparent 70%), var(--rm-card); }
.rm-hero::before{ content:""; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,transparent,var(--rm-gold),transparent); }
.rm-kicker{ font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--rm-green); font-weight:700; }
.rm-hero h1{ margin:.25rem 0 .35rem; }
.rm-hero p{ margin:0; color:var(--rm-dim); max-width:620px; }
.rm-realm{ display:inline-block; vertical-align:middle; margin-left:.4rem; padding:.12rem .6rem; border-radius:999px; font-size:.8rem; letter-spacing:.06em; color:#1A1206; background:linear-gradient(180deg,var(--rm-gold-hi),var(--rm-gold)); font-family:inherit; }
.rm-stats{ display:grid; grid-template-columns:repeat(2, minmax(120px,1fr)); gap:.6rem; }
.rm-stat{ padding:.6rem .8rem; border:1px solid var(--rm-line); border-radius:12px; background:rgba(5,9,17,.45); min-width:130px; }
.rm-stat small{ display:block; color:var(--rm-mute); font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; }
.rm-stat b{ font-size:1.15rem; }
.rm-coin{ display:inline-grid; place-items:center; width:1.1em; height:1.1em; border-radius:50%; background:radial-gradient(circle at 35% 30%,#d9fff0,#3fcf8e 55%,#1b7a50); color:#06321f; font-size:.62em; font-weight:800; vertical-align:.08em; margin-right:.2em; }
.rm-green{ color:var(--rm-green); } .rm-gold{ color:var(--rm-gold-hi); } .rm-red{ color:var(--rm-red); } .rm-dim{ color:var(--rm-dim); } .rm-mute{ color:var(--rm-mute); }

.rm-how{ display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; margin:1rem 0; }
.rm-how div{ display:flex; gap:.7rem; align-items:flex-start; padding:.8rem 1rem; border:1px solid var(--rm-line); border-radius:12px; background:var(--rm-card2); font-size:.9rem; color:var(--rm-dim); }
.rm-how i{ flex:none; width:1.8rem; height:1.8rem; border-radius:50%; display:grid; place-items:center; font-style:normal; font-weight:800; color:#1A1206; background:linear-gradient(180deg,var(--rm-gold-hi),var(--rm-gold)); }
.rm-how b{ color:#E8F1F8; }
.rm-how span > b:first-child{ display:block; }

.rm-bar{ display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; margin:1rem 0; }
.rm-bar input[type=text], .rm-bar select, .rm-in{ background:#060c16; border:1px solid var(--rm-line); color:#E8F1F8; border-radius:9px; padding:.55rem .75rem; font:inherit; }
.rm-bar input[type=text]{ flex:1; min-width:180px; }
.rm-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.35rem; border:1px solid var(--rm-line); background:#132238; color:#E8F1F8; border-radius:9px; padding:.55rem 1rem; font:inherit; font-weight:700; cursor:pointer; text-decoration:none; }
.rm-btn:hover{ border-color:var(--rm-gold); color:var(--rm-gold-hi); }
.rm-btn--gold{ background:linear-gradient(180deg,var(--rm-gold-hi),var(--rm-gold)); color:#1A1206; border-color:#c9a24a; }
.rm-btn--gold:hover{ color:#1A1206; filter:brightness(1.06); }
.rm-btn--sm{ padding:.35rem .7rem; font-size:.85rem; }
.rm-btn--red{ background:#3a1d22; border-color:#6b2d35; color:#ffb3b3; }
.rm-btn[disabled]{ opacity:.45; cursor:not-allowed; }

.rm-msg{ padding:.8rem 1rem; border-radius:10px; margin:.8rem 0; }
.rm-msg--ok{ background:#12301f; border:1px solid #2e6b46; color:#a8ecc2; }
.rm-msg--err{ background:#3a1d22; border:1px solid #6b2d35; color:#ffc4c4; }
.rm-notice{ background:#2b1d10; border:1px solid #6b5520; color:#ffe28a; border-radius:10px; padding:.7rem 1rem; margin:.8rem 0; }

.rm-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(250px,1fr)); gap:.9rem; }
.rm-item{ position:relative; display:flex; flex-direction:column; gap:.55rem; padding:1rem; border:1px solid var(--rm-line); border-radius:14px; background:linear-gradient(180deg,#112038,#0B1526); transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.rm-item:hover{ transform:translateY(-2px); border-color:rgba(217,169,58,.55); box-shadow:0 10px 26px rgba(0,0,0,.35); }
.rm-item__top{ display:flex; gap:.8rem; align-items:center; }
.rm-ic{ flex:none; position:relative; width:56px; height:56px; border-radius:12px; display:grid; place-items:center; background:#060c16; border:1px solid #2b3f5c; }
.rm-ic img{ max-width:40px; max-height:40px; image-rendering:pixelated; }
.rm-ic em{ position:absolute; top:-7px; right:-7px; font-style:normal; font-size:.72rem; font-weight:800; color:#1A1206; background:var(--rm-gold-hi); border-radius:7px; padding:0 .35rem; }
.rm-item__name{ font-weight:700; line-height:1.25; }
.rm-item__name small{ display:block; font-weight:500; color:var(--rm-mute); font-size:.78rem; }
.rm-cards{ display:grid; grid-template-columns:repeat(2,1fr); gap:.3rem; }
.rm-cards span{ font-size:.76rem; padding:.25rem .4rem; border-radius:7px; background:#0a1424; border:1px solid #22324a; color:#cfe0f0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rm-cards span.e{ opacity:.4; border-style:dashed; }
.rm-opts{ font-size:.78rem; color:#9fe7ff; }
.rm-item__meta{ font-size:.78rem; color:var(--rm-mute); }
.rm-item__buy{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:.6rem; padding-top:.6rem; border-top:1px dashed #22324a; }
.rm-price{ font-size:1.35rem; font-weight:800; }
.rm-item form{ display:none; flex-direction:column; gap:.45rem; }
.rm-item.is-open form{ display:flex; }
.rm-item.is-open .rm-item__buy{ display:none; }
.rm-empty{ padding:2rem; text-align:center; color:var(--rm-dim); border:1px dashed var(--rm-line); border-radius:14px; }

.rm-sec{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin:1.6rem 0 .7rem; }
.rm-sec h2{ margin:0; font-size:1.15rem; }
.rm-panel{ border:1px solid var(--rm-line); border-radius:14px; background:var(--rm-card2); padding:1rem 1.1rem; }
.rm-two{ display:grid; grid-template-columns:1.3fr 1fr; gap:1rem; }
.rm-table{ width:100%; border-collapse:collapse; font-size:.9rem; }
.rm-table th{ text-align:left; color:var(--rm-mute); font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; padding:.4rem .5rem; border-bottom:1px solid var(--rm-line); }
.rm-table td{ padding:.55rem .5rem; border-bottom:1px solid #16263c; vertical-align:middle; }
.rm-table tr:last-child td{ border-bottom:0; }
.rm-row{ display:flex; align-items:center; gap:.6rem; }
.rm-row .rm-ic{ width:40px; height:40px; border-radius:9px; }
.rm-row .rm-ic img{ max-width:30px; max-height:30px; }
.rm-chip{ display:inline-block; font-size:.72rem; font-weight:800; letter-spacing:.04em; border-radius:999px; padding:.15rem .55rem; }
.rm-chip--l{ background:#12301f; color:#a8ecc2; border:1px solid #2e6b46; }
.rm-chip--s{ background:#1b2a4a; color:#bcd6ff; border:1px solid #3a5a8f; }
.rm-chip--b{ background:#222b38; color:#c9d2de; border:1px solid #3a4c68; }
.rm-chip--w{ background:#2b2410; color:#ffe28a; border:1px solid #6b5520; }
.rm-chip--r{ background:#3a1d22; color:#ffb3b3; border:1px solid #6b2d35; }
.rm-field{ display:flex; flex-direction:column; gap:.3rem; margin-bottom:.7rem; }
.rm-field small{ color:var(--rm-mute); }
.rm-field input, .rm-field select, .rm-field textarea{ width:100%; }
.rm-tabs{ display:flex; flex-wrap:wrap; gap:.4rem; margin:1rem 0; }
.rm-tabs a{ padding:.45rem .9rem; border-radius:999px; border:1px solid var(--rm-line); color:var(--rm-dim); text-decoration:none; font-weight:700; font-size:.9rem; }
.rm-tabs a.on{ color:#1A1206; background:linear-gradient(180deg,var(--rm-gold-hi),var(--rm-gold)); border-color:#c9a24a; }
.rm-income{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.rm-income > div{ padding:.8rem 1rem; border:1px solid var(--rm-line); border-radius:12px; background:var(--rm-card2); opacity:.8; }
.rm-income > div.is-on{ opacity:1; border-color:rgba(217,169,58,.55); }
.rm-income__nums{ display:grid; grid-template-columns:repeat(4,1fr); gap:.5rem; margin-top:.5rem; }
.rm-income__nums small{ display:block; color:var(--rm-mute); font-size:.72rem; }
.rm-inline{ display:flex; gap:.4rem; align-items:center; flex-wrap:wrap; }
.rm-inline input{ width:150px; }
@media (max-width:860px){
  .rm-hero{ grid-template-columns:1fr; } .rm-how{ grid-template-columns:1fr; } .rm-two{ grid-template-columns:1fr; }
  .rm-income{ grid-template-columns:1fr; } .rm-income__nums{ grid-template-columns:repeat(2,1fr); }
  .rm-table{ display:block; overflow-x:auto; }
}
@media (max-width:560px){ .rm-hero{ padding:1.2rem; } .rm-stats{ grid-template-columns:1fr 1fr; } .rm-grid{ grid-template-columns:1fr; } }

/* item details page (2026-11-09) */
.rm-back{ display:inline-block; margin-bottom:.8rem; color:var(--rm-dim); text-decoration:none; font-weight:600; }
.rm-back:hover{ color:var(--rm-gold-hi); }
.rm-detail{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:1.2rem; align-items:start; }
.rm-dhead{ display:flex; gap:1.2rem; align-items:center; padding:1.3rem 1.4rem; border:1px solid var(--rm-line); border-radius:16px; background:radial-gradient(420px 200px at 100% 0, rgba(217,169,58,.12), transparent 70%), var(--rm-card); }
.rm-dhead h1{ margin:.2rem 0 .6rem; font-size:1.6rem; }
.rm-ic--xl{ width:96px; height:96px; border-radius:18px; }
.rm-ic--xl img{ max-width:72px; max-height:72px; }
.rm-ic--xl em{ font-size:.85rem; top:-9px; right:-9px; }
.rm-facts{ display:flex; flex-wrap:wrap; gap:.4rem; }
.rm-facts span{ padding:.3rem .65rem; border-radius:9px; background:#0a1424; border:1px solid #22324a; font-size:.85rem; }
.rm-facts small{ color:var(--rm-mute); margin-right:.35rem; }
.rm-dcards{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:.7rem; }
.rm-dcard{ padding:.8rem .9rem; border:1px solid var(--rm-line); border-radius:12px; background:var(--rm-card2); }
.rm-dcard.is-empty{ border-style:dashed; display:grid; place-items:center; min-height:64px; }
.rm-dcard .rm-desc{ margin-top:.5rem; font-size:.84rem; }
.rm-desc{ color:#cfdbe8; line-height:1.55; word-wrap:break-word; }
.rm-desc--main{ font-size:.95rem; }
/* the client's dark text colours, made readable on the navy page */
.rm-desc span[style*="#0000cc"], .rm-desc span[style*="#0000ff"], .rm-desc span[style*="#000099"]{ color:#7fb2ff !important; }
.rm-desc span[style*="#990099"], .rm-desc span[style*="#800080"]{ color:#e39cf0 !important; }
.rm-desc span[style*="#009900"], .rm-desc span[style*="#008000"], .rm-desc span[style*="#006400"]{ color:#7fe0a0 !important; }
.rm-desc span[style*="#777777"], .rm-desc span[style*="#666666"]{ color:#a9b8c8 !important; }
.rm-desc span[style*="#cc0000"], .rm-desc span[style*="#990000"]{ color:#ff8a80 !important; }
.rm-opts div{ padding:.2rem 0; }
.rm-buybox{ position:sticky; top:1rem; display:flex; flex-direction:column; gap:.5rem; }
.rm-buybox .rm-chip{ align-self:flex-start; }
.rm-price--xl{ font-size:2.1rem; line-height:1.1; }
.rm-dl{ display:grid; grid-template-columns:auto 1fr; gap:.35rem .8rem; margin:.6rem 0; font-size:.88rem; }
.rm-dl dt{ color:var(--rm-mute); } .rm-dl dd{ margin:0; text-align:right; }
.rm-btn--wide{ width:100%; }
.rm-item__name a, .rm-ic-link{ color:inherit; text-decoration:none; }
.rm-item__name a:hover{ color:var(--rm-gold-hi); }
.rm-item__more{ font-size:.8rem; font-weight:700; color:var(--rm-ice); text-decoration:none; }
.rm-item__more:hover{ color:var(--rm-gold-hi); }
@media (max-width:860px){ .rm-detail{ grid-template-columns:1fr; } .rm-buybox{ position:static; } .rm-dcards{ grid-template-columns:1fr; } .rm-dhead{ flex-direction:column; align-items:flex-start; } }