.member-shop-page {
  background:
    radial-gradient(circle at 82% 4%, rgba(212,36,24,.12), transparent 28rem),
    linear-gradient(rgba(6,5,5,.88), rgba(6,5,5,.96)),
    url("../../world-war-z-dashboard-bg.webp") center/cover fixed;
}
.shop-topbar {
  position: sticky; top: 0; z-index: 100;
  min-height: 76px; display: flex; align-items: center; gap: 24px;
  padding: 12px clamp(16px,4vw,58px); border-bottom: 1px solid var(--line);
  background: rgba(7,6,6,.94); backdrop-filter: blur(18px);
}
.shop-brand { display:flex; align-items:center; gap:12px; text-decoration:none; min-width:max-content; }
.shop-brand img { width:48px; height:48px; object-fit:contain; border:0; border-radius:50%; background:transparent; filter:drop-shadow(0 0 8px rgba(217,39,27,.28)); }
.shop-brand span { display:grid; line-height:1.05; }
.shop-brand strong { letter-spacing:.17em; font-size:13px; }
.shop-brand small { margin-top:6px; color:var(--muted); font-size:9px; letter-spacing:.22em; }
.shop-topnav { display:flex; align-items:center; gap:4px; flex:1; }
.shop-topnav a { padding:10px 12px; color:#bdb5af; text-decoration:none; font-size:12px; font-weight:750; }
.shop-topnav a:hover { color:var(--paper); background:rgba(255,255,255,.035); }
.shop-account-actions { display:flex; align-items:center; gap:10px; }
.shop-auth-avatar { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; overflow:hidden; background:rgba(0,0,0,.25); font-size:9px; }
.shop-auth-avatar img { width:100%; height:100%; object-fit:cover; }
.member-shop-shell { width:min(1500px, calc(100% - 32px)); margin:0 auto; padding:30px 0 70px; }
.shop-hero { min-height:340px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); overflow:hidden; border:1px solid var(--line); background:rgba(16,14,14,.92); }
.shop-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(32px,6vw,86px); border-left:4px solid var(--red); }
.shop-hero h1 { margin:4px 0 12px; font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:clamp(44px,6vw,84px); line-height:.92; letter-spacing:.02em; text-transform:uppercase; }
.shop-hero-copy>p:not(.panel-kicker) { max-width:720px; color:#aaa29c; font-size:16px; }
.shop-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.shop-hero-actions a { text-decoration:none; }
.shop-hero-image { position:relative; min-height:300px; overflow:hidden; }
.shop-hero-image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#121010 0%,transparent 35%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 60%); }
.shop-hero-image img { width:100%; height:100%; object-fit:cover; filter:saturate(.7) contrast(1.06); }
.shop-hero-image>div { position:absolute; z-index:2; right:28px; bottom:24px; display:grid; text-align:right; }
.shop-hero-image span,.shop-hero-image small { color:#bbb2ab; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.shop-hero-image strong { font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:34px; letter-spacing:.05em; }
.member-shop-page .shop-account-strip { margin-top:16px; grid-template-columns:repeat(5,minmax(0,1fr)); }
.member-shop-notice { margin:16px 0 34px; }
.member-shop-section { scroll-margin-top:96px; margin-top:34px; padding:24px; border:1px solid var(--line); background:rgba(15,13,13,.94); }
.shop-section-heading { margin-bottom:22px; }
.shop-section-heading h2 { font-size:clamp(28px,4vw,48px); }
.member-shop-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.member-shop-card { min-width:0; display:flex; flex-direction:column; gap:16px; padding:20px; border:1px solid var(--line); border-top:2px solid rgba(212,36,24,.72); background:linear-gradient(180deg,rgba(31,27,26,.95),rgba(17,15,15,.98)); }
.member-shop-card.unavailable { opacity:.62; }
.member-shop-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.member-shop-card h3 { margin:3px 0 0; font-size:22px; line-height:1.08; }
.member-shop-card p { margin:0; color:#a79f99; }
.member-shop-price { flex:0 0 auto; color:#fff; font-size:21px; }
.member-shop-price del { display:block; color:#77706b; font-size:12px; font-weight:500; }
.member-discount-badge { display:inline-flex; width:max-content; padding:5px 8px; border:1px solid rgba(78,178,106,.35); color:#78d28d; background:rgba(78,178,106,.08); font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.member-shop-meta { display:flex; flex-wrap:wrap; gap:7px; }
.member-shop-meta span { padding:6px 8px; border:1px solid var(--line); color:#aaa29c; background:rgba(0,0,0,.17); font-size:10px; }
.member-shop-card .primary-action { margin-top:auto; width:100%; }
.member-orders-section { min-height:340px; }
.member-order-list { display:grid; gap:10px; }
.member-order-card { padding:18px; border:1px solid var(--line); background:var(--panel-raised); }
.member-order-card>div:first-child { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.member-order-card p,.member-order-card small { color:#aaa29c; }
.member-order-card small { display:block; margin-top:6px; }
.member-shop-footer { display:flex; justify-content:space-between; gap:16px; padding:24px clamp(16px,4vw,58px); border-top:1px solid var(--line); color:#817a75; font-size:11px; }
.member-login-dialog,.member-purchase-dialog { max-width:min(920px,calc(100vw - 24px)); }
.member-purchase-dialog form { width:min(880px,calc(100vw - 48px)); max-height:min(88vh,900px); overflow:auto; }
.member-coordinate-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.member-coordinate-map { position:relative; overflow:hidden; margin:14px 0; border:1px solid var(--line-strong); background:#080808; cursor:crosshair; aspect-ratio:1; touch-action:none; user-select:none; }
.member-map-controls { position:absolute; z-index:4; left:10px; top:10px; display:grid; gap:5px; }
.member-map-controls button { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); background:rgba(8,7,7,.92); color:#fff; font-size:20px; font-weight:900; cursor:pointer; }
.member-map-controls button:hover { border-color:rgba(243,58,40,.7); background:rgba(45,17,15,.95); }
.member-coordinate-map:fullscreen { width:100vw; height:100vh; aspect-ratio:auto; background:#050505; }
.member-map-readout { position:absolute; left:10px; right:10px; bottom:10px; display:flex; justify-content:space-between; gap:12px; padding:9px 11px; background:rgba(7,6,6,.9); border:1px solid var(--line); font-size:10px; }
.member-map-readout span { color:#a79f99; }
.shop-purchase-total { display:flex; justify-content:space-between; gap:16px; padding:14px; margin-top:12px; border:1px solid var(--line); background:rgba(0,0,0,.2); }
.shop-purchase-total strong { color:#fff; }
@media (max-width:1100px) {
  .shop-topnav { display:none; }
  .shop-hero { grid-template-columns:1fr; }
  .shop-hero-image { min-height:240px; }
  .member-shop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .member-shop-page .shop-account-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .shop-topbar { align-items:flex-start; flex-wrap:wrap; gap:10px; }
  .shop-account-actions { width:100%; justify-content:space-between; }
  .shop-account-actions .connection-state { display:none; }
  .member-shop-shell { width:min(100% - 16px,1500px); padding-top:12px; }
  .shop-hero-copy { padding:28px 22px; }
  .shop-hero-image { display:none; }
  .member-shop-section { padding:14px; }
  .member-shop-grid { grid-template-columns:1fr; }
  .member-shop-page .shop-account-strip { grid-template-columns:1fr; }
  .member-coordinate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .member-shop-footer { flex-direction:column; }
}
@media (max-width:430px) {
  .shop-brand small { display:none; }
  .shop-account-actions .secondary-action { display:none; }
  .member-coordinate-grid { grid-template-columns:1fr 1fr; }
  .member-purchase-dialog form { width:calc(100vw - 24px); }
}


/* v1.22.21 — consistent professional UI labels */
.shop-topnav a,
.shop-account-actions button,
.shop-hero-actions a,
.shop-mode-tabs strong,
.shop-mode-tabs small,
.shop-account-strip span,
.shop-account-strip small,
.member-shop-section button,
.member-shop-section label > span,
.member-shop-section h1,
.member-shop-section h2,
.member-shop-section h3 {
  text-transform: capitalize;
}
.shop-auth-avatar .discord-avatar-fallback {
  width: 60%;
  height: 60%;
  margin: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: .95;
}

/* v1.22.44 catalogue previews */
.member-shop-preview { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:18px; aspect-ratio:16/7; background:#100e0e; }
.member-shop-preview-image { width:100%; height:100%; display:block; object-fit:cover; transition:transform .22s ease, filter .22s ease; }
.member-shop-card:hover .member-shop-preview-image { transform:scale(1.025); filter:brightness(1.05); }

/* v1.22.46 — DayZ Wiki preview attribution */
.member-shop-footer a {
  color: #aaa29c;
  text-decoration: underline;
  text-decoration-color: rgba(243, 58, 40, .45);
  text-underline-offset: 3px;
}
.member-shop-footer a:hover { color: #fff; }


/* v1.22.47 — large-catalogue browsing overhaul */
.member-catalogue-toolbar {
  grid-template-columns: minmax(280px, 1.45fr) minmax(160px, .55fr) minmax(170px, .55fr) minmax(110px, .35fr) auto auto;
  align-items: end;
  gap: 10px;
}
.member-catalogue-search { min-width: 0; }
.member-reset-filters { min-height: 42px; white-space: nowrap; }
.member-catalogue-browser { display:grid; grid-template-columns:220px minmax(0,1fr); gap:18px; align-items:start; margin-top:18px; }
.member-category-panel { position:sticky; top:94px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:rgba(10,9,9,.9); }
.member-category-panel-head { display:grid; gap:4px; padding:16px; border-bottom:1px solid var(--line); background:linear-gradient(180deg,rgba(39,24,23,.72),rgba(18,15,15,.72)); }
.member-category-panel-head span { color:var(--red-bright); font-size:9px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.member-category-panel-head strong { font-size:18px; }
.member-category-panel-head small { color:#8e8782; font-size:10px; }
.member-category-list { display:grid; max-height:min(64vh,620px); overflow:auto; padding:8px; scrollbar-width:thin; }
.member-category-button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 11px; border:0; border-radius:10px; background:transparent; color:#aaa29c; text-align:left; cursor:pointer; font:inherit; font-size:11px; }
.member-category-button:hover { background:rgba(255,255,255,.045); color:#fff; }
.member-category-button.active { background:linear-gradient(90deg,rgba(208,39,28,.2),rgba(208,39,28,.06)); color:#fff; box-shadow:inset 2px 0 0 var(--red-bright); }
.member-category-button b { min-width:32px; padding:3px 6px; border:1px solid rgba(255,255,255,.07); border-radius:999px; background:rgba(0,0,0,.18); color:#8f8984; font-size:9px; text-align:center; }
.member-category-button.active b { color:#f4c8c3; border-color:rgba(243,58,40,.24); }
.member-catalogue-results { min-width:0; }
.member-results-head { scroll-margin-top:100px; display:flex; justify-content:space-between; gap:16px; align-items:end; min-height:54px; margin-bottom:12px; padding:0 2px; }
.member-results-head > div { display:grid; gap:3px; }
.member-results-head strong { font-size:15px; }
.member-results-head small { color:#8f8882; font-size:10px; }
.member-shop-grid { grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); }
.member-shop-card { gap:11px; padding:14px; border-radius:18px; content-visibility:auto; contain-intrinsic-size:480px; }
.member-shop-card-head { gap:10px; }
.member-shop-card-title { min-width:0; }
.member-shop-card .panel-kicker { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:8px; }
.member-shop-title-button { width:100%; margin:3px 0 0; padding:0; border:0; background:transparent; color:#fff; text-align:left; cursor:pointer; font:inherit; font-size:19px; font-weight:850; line-height:1.08; }
.member-shop-title-button:hover { color:#ffb1aa; }
.member-shop-price { font-size:18px; white-space:nowrap; }
.member-shop-description { min-height:2.8em; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; font-size:12px; line-height:1.4; }
.member-shop-preview { border-radius:14px; aspect-ratio:16/9; }
.member-shop-preview-button { width:100%; padding:0; border:1px solid rgba(255,255,255,.08); cursor:pointer; text-align:inherit; }
.member-shop-preview-button:focus-visible { outline:2px solid var(--red-bright); outline-offset:2px; }
.member-shop-meta-compact { min-height:31px; }
.member-shop-meta-compact span { padding:5px 7px; font-size:9px; }
.member-shop-card-actions { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:8px; margin-top:auto; }
.member-shop-card-actions .primary-action,.member-shop-card-actions .secondary-action { width:100%; min-height:40px; margin:0; }
.member-shop-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.member-shop-pagination button { min-width:38px; height:38px; display:grid; place-items:center; padding:0 10px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); color:#aaa29c; cursor:pointer; font:750 11px/1 var(--body-font); }
.member-shop-pagination button:hover:not(:disabled),.member-shop-pagination button.active { border-color:rgba(243,58,40,.5); background:rgba(207,39,28,.14); color:#fff; }
.member-shop-pagination button:disabled { opacity:.35; cursor:not-allowed; }
.member-pagination-ellipsis { min-width:24px; color:#706a66; text-align:center; }
.member-item-detail-dialog { width:min(940px,calc(100vw - 24px)); max-width:940px; }
.member-item-detail-dialog form { width:100%; max-width:none; padding:0; overflow:hidden; }
.member-item-detail-layout { display:grid; grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr); min-height:470px; }
.member-item-detail-preview { position:relative; min-height:100%; overflow:hidden; background:#0c0b0b; }
.member-item-detail-preview .member-shop-preview-image { width:100%; height:100%; min-height:470px; object-fit:contain; padding:22px; background:radial-gradient(circle at 50% 40%,rgba(166,39,29,.15),transparent 58%),#0b0a0a; }
.member-item-detail-copy { display:flex; flex-direction:column; min-width:0; padding:clamp(24px,4vw,42px); }
.member-item-detail-copy h2 { margin:5px 0 12px; font-size:clamp(30px,4vw,48px); line-height:1; }
.member-item-detail-heading { display:flex; align-items:baseline; justify-content:space-between; gap:14px; padding:13px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.member-item-detail-heading strong { font-size:24px; }
.member-item-detail-heading span { overflow:hidden; color:#817a75; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.member-item-detail-description { margin:18px 0; color:#aaa29c; line-height:1.6; }
.member-item-detail-meta { display:flex; flex-wrap:wrap; gap:7px; }
.member-item-detail-meta span { padding:7px 9px; border:1px solid var(--line); border-radius:999px; background:rgba(0,0,0,.15); color:#aaa29c; font-size:9px; }
.member-item-detail-types { display:grid; gap:5px; margin-top:16px; padding:12px; border:1px solid var(--line); border-radius:12px; background:rgba(0,0,0,.16); }
.member-item-detail-types span { color:#817a75; font-size:8px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.member-item-detail-types code { overflow-wrap:anywhere; color:#d8d2cd; font-size:10px; }
.member-item-detail-actions { display:grid; grid-template-columns:1fr 1.15fr; gap:10px; margin-top:auto; padding-top:24px; }
@media (max-width:1280px) {
  .member-catalogue-toolbar { grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(130px,.55fr)) auto; }
  .member-catalogue-toolbar .toolbar-view-note { grid-column:1/-1; justify-self:stretch; }
}
@media (max-width:980px) {
  .member-catalogue-toolbar { grid-template-columns:1fr 1fr; }
  .member-catalogue-search { grid-column:1/-1; }
  .member-reset-filters { width:100%; }
  .member-catalogue-browser { grid-template-columns:1fr; }
  .member-category-panel { position:static; }
  .member-category-panel-head { display:flex; align-items:center; justify-content:space-between; }
  .member-category-list { display:flex; max-height:none; overflow-x:auto; overflow-y:hidden; gap:6px; padding:9px; }
  .member-category-button { flex:0 0 auto; width:auto; min-width:max-content; }
  .member-category-select { display:none; }
  .member-item-detail-layout { grid-template-columns:1fr; max-height:88vh; overflow:auto; }
  .member-item-detail-preview { min-height:260px; max-height:340px; }
  .member-item-detail-preview .member-shop-preview-image { min-height:260px; max-height:340px; padding:16px; }
}
@media (max-width:620px) {
  .member-catalogue-toolbar { grid-template-columns:1fr; }
  .member-catalogue-search { grid-column:auto; }
  .member-shop-grid { grid-template-columns:1fr; }
  .member-results-head { align-items:start; }
  .member-shop-card-actions,.member-item-detail-actions { grid-template-columns:1fr; }
  .member-shop-pagination button { min-width:34px; height:34px; border-radius:8px; }
  .member-item-detail-copy { padding:22px 18px; }
}


/* v1.22.48 — order and restart-delivery tracking */
.member-order-overview { display:grid; gap:12px; margin-bottom:16px; }
.member-order-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.member-order-summary-grid>div { display:grid; gap:4px; padding:14px 16px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(150deg,rgba(35,31,30,.92),rgba(17,15,15,.96)); }
.member-order-summary-grid span { color:#8d8580; font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.member-order-summary-grid strong { color:#fff; font-size:24px; }
.member-order-summary-grid small { color:#746e69; font-size:9px; }
.member-orders-toolbar { display:flex; align-items:end; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid var(--line); border-radius:14px; background:rgba(0,0,0,.16); }
.member-orders-toolbar .dialog-field { min-width:210px; margin:0; }
.member-order-list { gap:14px; }
.member-order-card { position:relative; overflow:hidden; display:grid; gap:14px; padding:20px; border-radius:18px; background:linear-gradient(145deg,rgba(31,27,26,.96),rgba(13,12,12,.98)); box-shadow:0 18px 48px rgba(0,0,0,.18); }
.member-order-card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:#c6281f; }
.member-order-card.rental-order::before { background:#5f92d9; }
.member-order-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.member-order-card-head>div { min-width:0; display:grid; gap:4px; }
.member-order-card h3 { margin:0; color:#fff; font-size:22px; line-height:1.08; }
.member-order-kicker { margin:0!important; color:#ef4b3e!important; font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.member-order-card-head small { margin:0!important; color:#8f8781; }
.member-order-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.member-order-facts>div { min-width:0; display:grid; gap:4px; padding:10px 11px; border:1px solid rgba(255,255,255,.06); border-radius:10px; background:rgba(0,0,0,.18); }
.member-order-facts span { color:#766f6a; font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.member-order-facts strong { overflow-wrap:anywhere; color:#d9d4d0; font-size:11px; }
.member-order-track { display:grid; grid-template-columns:repeat(var(--steps,5),minmax(0,1fr)); gap:0; padding:5px 0 0; }
.member-order-track>div { position:relative; display:grid; justify-items:center; gap:7px; color:#625d59; font-size:8px; font-weight:800; text-align:center; text-transform:uppercase; letter-spacing:.05em; }
.member-order-track>div::before { content:""; position:absolute; z-index:0; top:5px; right:50%; width:100%; height:2px; background:#2d2927; }
.member-order-track>div:first-child::before { display:none; }
.member-order-track i { position:relative; z-index:1; width:12px; height:12px; border:2px solid #45403d; border-radius:50%; background:#151313; }
.member-order-track>div.complete { color:#8acb98; }
.member-order-track>div.complete::before { background:rgba(84,184,108,.55); }
.member-order-track>div.complete i { border-color:#54b86c; background:#54b86c; }
.member-order-track>div.active { color:#f1c070; }
.member-order-track>div.active::before { background:linear-gradient(90deg,rgba(84,184,108,.55),#2d2927); }
.member-order-track>div.active i { border-color:#e4a13f; box-shadow:0 0 0 5px rgba(228,161,63,.08); }
.member-order-restart-banner { display:grid; grid-template-columns:44px minmax(0,1fr); gap:12px; align-items:center; padding:13px; border:1px solid rgba(230,155,52,.28); border-radius:13px; background:linear-gradient(90deg,rgba(230,155,52,.11),rgba(230,155,52,.025)); }
.member-order-restart-banner>span { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(230,155,52,.12); color:#f1b35d; font-size:22px; }
.member-order-restart-banner>div { display:grid; gap:2px; }
.member-order-restart-banner small { margin:0!important; color:#b98d50; font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.member-order-restart-banner strong { color:#fff; font-size:20px; }
.member-order-restart-banner em { color:#8f8781; font-size:9px; font-style:normal; }
.member-rental-progress { display:grid; gap:8px; padding:12px 13px; border:1px solid rgba(93,146,217,.2); border-radius:12px; background:rgba(56,95,151,.07); }
.member-rental-progress>div:first-child { display:flex; justify-content:space-between; gap:12px; align-items:baseline; }
.member-rental-progress strong { color:#d9e8ff; }
.member-rental-progress span { color:#7992b5; font-size:9px; }
.member-rental-meter { overflow:hidden; height:6px; border-radius:999px; background:#222933; }
.member-rental-meter i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#477fc6,#7eb5ff); }
.member-order-location { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid var(--line); border-radius:11px; background:rgba(0,0,0,.18); }
.member-order-location>div { min-width:0; display:grid; gap:3px; }
.member-order-location span { color:#77706b; font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.member-order-location strong { overflow-wrap:anywhere; color:#c7c0bb; font:750 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
.member-order-note { padding:9px 11px; border-left:2px solid #4c4743; background:rgba(0,0,0,.14); color:#9e9690; font-size:10px; line-height:1.45; }
.member-order-note.update { border-left-color:#4c9ad7; color:#a8c9e5; }
.member-order-note.discount { border-left-color:#59ad6e; color:#9fd1ab; }
.member-order-note.automation { border-left-color:#9367c7; color:#bba7d2; }
.member-order-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:4px; color:#69635f; font-size:8px; text-transform:uppercase; letter-spacing:.07em; }
.member-order-footer strong { color:#8c8580; font-size:9px; }
.shop-order-status.queued,.shop-order-status.awaiting_approval,.shop-order-status.ready,.shop-order-status.previewed { color:#7dcfff; border-color:rgba(125,207,255,.32); }
.shop-order-status.restart_pending { color:#ffd479; border-color:rgba(255,212,121,.32); }
.shop-order-status.verification { color:#cba8ff; border-color:rgba(203,168,255,.32); }
.shop-order-status.active { color:#8ae6a1; border-color:rgba(138,230,161,.32); }
.shop-order-status.cleanup_due { color:#dda0ff; border-color:rgba(221,160,255,.35); }
.shop-order-status.failed,.shop-order-status.rolled_back { color:#ff8b91; border-color:rgba(255,139,145,.32); }
@media (max-width:980px) { .member-order-summary-grid,.member-order-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .member-order-summary-grid,.member-order-facts { grid-template-columns:1fr 1fr; } .member-orders-toolbar,.member-order-location,.member-rental-progress>div:first-child { align-items:stretch; flex-direction:column; } .member-orders-toolbar { display:grid; } .member-orders-toolbar .dialog-field { min-width:0; } .member-order-card-head { display:grid; } .member-order-track { overflow-x:auto; padding-bottom:4px; } .member-order-track>div { min-width:72px; } .member-order-location .secondary-action { width:100%; } }

.shop-server-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px;padding:16px 18px}.shop-server-panel h2{margin:3px 0 4px;font-size:1.1rem}.shop-server-panel p{margin:0;color:#a8a9af;line-height:1.45}.shop-server-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.shop-server-button{min-width:142px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#151517;color:#ddd;cursor:pointer;text-align:left}.shop-server-button strong,.shop-server-button small{display:block}.shop-server-button small{margin-top:3px;color:#92949a;font-size:.68rem}.shop-server-button.active{border-color:rgba(213,43,30,.7);background:rgba(213,43,30,.15);color:#fff}.shop-server-button:disabled{opacity:.48;cursor:not-allowed}@media(max-width:760px){.shop-server-panel{align-items:flex-start;flex-direction:column}.shop-server-buttons{width:100%;justify-content:flex-start}.shop-server-button{flex:1;min-width:125px}}
/* v1.37.0 member order next-action clarity */
.member-order-next-step{display:grid;gap:3px;margin:0 16px 12px;padding:10px 12px;border-radius:10px;border:1px solid rgba(93,151,220,.18);background:rgba(52,91,142,.07)}.member-order-next-step strong{font-size:.82rem}.member-order-next-step small{color:var(--text-muted,#9ca0aa);line-height:1.4}.member-order-next-step.needs-attention{border-color:rgba(219,86,86,.3);background:rgba(150,50,50,.08)}

/* v1.50.0 — member rental cancellation workflow */
.member-order-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(218,73,63,.2);border-radius:11px;background:rgba(139,38,32,.06)}
.member-order-actions>span{color:#a78f8b;font-size:9px;line-height:1.45}
.member-order-actions .danger-action{margin:0;flex:0 0 auto}
.member-rental-cancel-dialog form{width:min(520px,calc(100vw - 32px))}
.member-rental-cancel-policy{margin:12px 0}
@media(max-width:620px){.member-order-actions{align-items:stretch;flex-direction:column}.member-order-actions .danger-action{width:100%}}

/* v1.61.0 — storefront cart and protected bank checkout */
.member-shop-page .shop-account-strip { grid-template-columns:repeat(7,minmax(0,1fr)); }
.member-cart-section { border-top:2px solid rgba(212,36,24,.72); }
.member-cart-heading-actions { display:flex; align-items:center; gap:8px; }
.member-cart-empty { display:flex; align-items:center; gap:14px; min-height:110px; padding:20px; border:1px dashed rgba(255,255,255,.12); border-radius:14px; background:rgba(0,0,0,.13); color:#8f8882; }
.member-cart-empty>span { font-size:28px; filter:grayscale(.35); }
.member-cart-empty>div { display:grid; gap:4px; }
.member-cart-empty strong { color:#d8d2cd; font-size:14px; }
.member-cart-empty small { color:#817a75; }
.member-cart-list { display:grid; gap:9px; }
.member-cart-line { display:grid; grid-template-columns:82px minmax(0,1fr) auto; gap:14px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(145deg,rgba(31,27,26,.9),rgba(13,12,12,.95)); }
.member-cart-line-preview { width:82px; height:62px; overflow:hidden; display:grid; place-items:center; border:1px solid rgba(255,255,255,.06); border-radius:10px; background:#0a0909; }
.member-cart-line-preview .member-shop-preview-image { width:100%; height:100%; object-fit:contain; padding:4px; }
.member-cart-line-copy { min-width:0; display:grid; gap:5px; }
.member-cart-line-copy strong { overflow:hidden; color:#fff; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.member-cart-line-copy small { color:#827b76; font-size:9px; }
.member-cart-line-controls { display:grid; grid-template-columns:82px minmax(95px,auto) auto; gap:8px; align-items:center; }
.member-cart-line-controls input { width:82px; min-height:38px; padding:8px 10px; border:1px solid var(--line); border-radius:9px; background:#0d0c0c; color:#fff; font:inherit; }
.member-cart-line-controls>strong { min-width:95px; color:#fff; font-size:13px; text-align:right; }
.member-cart-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:10px; align-items:stretch; margin-top:12px; padding:12px; border:1px solid var(--line); border-radius:14px; background:rgba(0,0,0,.17); }
.member-cart-summary>div { display:grid; gap:4px; padding:8px 10px; border-right:1px solid rgba(255,255,255,.06); }
.member-cart-summary span { color:#817a75; font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.member-cart-summary strong { color:#fff; font-size:18px; }
.member-cart-summary .primary-action { align-self:center; min-height:44px; margin:0; }
@media (max-width:1280px) { .member-shop-page .shop-account-strip { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:900px) { .member-cart-line { grid-template-columns:64px minmax(0,1fr); } .member-cart-line-preview { width:64px; height:54px; } .member-cart-line-controls { grid-column:1/-1; grid-template-columns:82px 1fr auto; } .member-cart-summary { grid-template-columns:repeat(3,minmax(0,1fr)); } .member-cart-summary .primary-action { grid-column:1/-1; width:100%; } }
@media (max-width:620px) { .member-shop-page .shop-account-strip { grid-template-columns:1fr 1fr; } .member-cart-heading-actions { width:100%; display:grid; grid-template-columns:1fr 1fr; } .member-cart-line-controls { grid-template-columns:72px 1fr; } .member-cart-line-controls .secondary-action { grid-column:1/-1; width:100%; } .member-cart-summary { grid-template-columns:1fr; } .member-cart-summary>div { border-right:0; border-bottom:1px solid rgba(255,255,255,.06); } }
.member-order-facts { grid-template-columns:repeat(auto-fit,minmax(135px,1fr)); }
