.inventory-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin:18px 0 32px}.inventory-main{min-width:0}.inventory-hero,.inventory-tabs,.inventory-content,.inventory-side-card{background:var(--card)!important;border:1px solid var(--transparent-5-w)!important;border-radius:14px!important;box-shadow:none!important}.inventory-hero{min-height:92px;padding:18px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center}.inventory-hero-icon{width:54px;height:54px;border-radius:12px;background:rgba(255,48,69,.1);border:1px solid rgba(255,48,69,.18);color:var(--span);display:flex;align-items:center;justify-content:center}.inventory-hero-icon svg{width:28px;height:28px}.inventory-hero-text h1{margin:0 0 8px;color:#fff;font-size:1.75rem;line-height:1;font-weight:700;letter-spacing:-.03em}.inventory-hero-text p{margin:0;color:rgba(255,255,255,.54);font-size:.88rem;line-height:1.35}.inventory-hero-status{height:32px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.58);font-size:.78rem;font-weight:600;white-space:nowrap}.inventory-hero-status span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.28)}.inventory-hero-status.is-connected span{background:var(--green);box-shadow:0 0 14px color-mix(in srgb,var(--green) 45%,transparent)}.inventory-tabs{margin-top:14px;padding:12px 18px;display:flex;align-items:center;gap:12px;overflow:auto}.inventory-tab{height:38px;min-width:88px;padding:0 18px;border-radius:9px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.035);color:rgba(255,255,255,.74);font-size:.84rem;font-weight:600;cursor:pointer;transition:.18s ease}.inventory-tab:hover{background:rgba(255,255,255,.055);color:#fff}.inventory-tab.is-active{background:rgba(255,48,69,.10);border-color:rgba(255,48,69,.34);color:#fff;box-shadow:inset 0 -2px 0 var(--span)}.inventory-content{margin-top:14px;padding:18px}.inventory-section{margin-bottom:22px}.inventory-section.is-hidden{display:none}.inventory-section-title{display:flex;align-items:center;gap:9px;margin:0 0 12px}.inventory-section-title h2{margin:0;color:#fff;font-size:1.04rem;line-height:1;font-weight:700}.inventory-section-icon{width:18px;height:18px;background:var(--span);display:inline-flex;flex:0 0 auto;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}.inventory-section-icon.crown{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 16-2-9 5 4 4-7 4 7 5-4-2 9H5Zm0 2h14v2H5v-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 16-2-9 5 4 4-7 4 7 5-4-2 9H5Zm0 2h14v2H5v-2Z'/%3E%3C/svg%3E")}.inventory-section-icon.coins{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7.03 2 3 3.57 3 5.5v13C3 20.43 7.03 22 12 22s9-1.57 9-3.5v-13C21 3.57 16.97 2 12 2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7.03 2 3 3.57 3 5.5v13C3 20.43 7.03 22 12 22s9-1.57 9-3.5v-13C21 3.57 16.97 2 12 2Z'/%3E%3C/svg%3E")}.inventory-section-icon.gift{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 7h-2.18A3 3 0 0 0 12 5.76 3 3 0 0 0 6.18 7H4a2 2 0 0 0-2 2v2h20V9a2 2 0 0 0-2-2ZM3 13v7a2 2 0 0 0 2 2h6v-9H3Zm10 0v9h6a2 2 0 0 0 2-2v-7h-8Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 7h-2.18A3 3 0 0 0 12 5.76 3 3 0 0 0 6.18 7H4a2 2 0 0 0-2 2v2h20V9a2 2 0 0 0-2-2ZM3 13v7a2 2 0 0 0 2 2h6v-9H3Zm10 0v9h6a2 2 0 0 0 2-2v-7h-8Z'/%3E%3C/svg%3E")}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.inventory-item{position:relative;min-width:0;border-radius:12px;background:rgba(255,255,255,.024);border:1px solid rgba(255,255,255,.055);overflow:hidden;transition:.18s ease}.inventory-item:hover{transform:translateY(-2px);border-color:rgba(255,48,69,.22);background:rgba(255,255,255,.032)}.inventory-item.is-hidden{display:none}.inventory-item-info{position:absolute;top:12px;right:12px;z-index:3;width:22px;height:22px;border:0;background:transparent;color:rgba(255,255,255,.42);padding:0;cursor:pointer}.inventory-item-info svg{width:18px;height:18px}.inventory-item-preview{position:relative;height:132px;margin:12px 12px 0;border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.045);display:flex;align-items:center;justify-content:center;overflow:hidden}.inventory-item-preview:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.04) 42%,transparent 43%)}.inventory-item-glow{position:absolute;width:110px;height:110px;border-radius:50%;filter:blur(18px);opacity:.55}.rarity-gold .inventory-item-glow,.inventory-mini-badge.rarity-gold{background:radial-gradient(circle,rgba(255,193,7,.38),transparent 62%)}.rarity-purple .inventory-item-glow{background:radial-gradient(circle,rgba(168,70,255,.34),transparent 62%)}.rarity-blue .inventory-item-glow{background:radial-gradient(circle,rgba(59,147,255,.34),transparent 62%)}.rarity-teal .inventory-item-glow{background:radial-gradient(circle,rgba(46,210,190,.34),transparent 62%)}.rarity-red .inventory-item-glow{background:radial-gradient(circle,color-mix(in srgb,var(--span) 42%,transparent),transparent 62%)}.rarity-dark .inventory-item-glow{background:radial-gradient(circle,rgba(255,255,255,.12),transparent 62%)}.inventory-item-emblem{position:relative;z-index:2;width:92px;height:76px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.inventory-item-emblem svg{width:54px;height:54px;fill:currentColor;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}.inventory-item-emblem strong{margin-top:-8px;font-size:.82rem;font-weight:800;letter-spacing:.04em}.rarity-gold .inventory-item-emblem{color:#ffd05a}.rarity-purple .inventory-item-emblem{color:#c265ff}.rarity-blue .inventory-item-emblem{color:#57b8ff}.rarity-teal .inventory-item-emblem{color:#3ee0d0}.rarity-red .inventory-item-emblem{color:var(--span)}.inventory-item-body{padding:14px 12px 12px}.inventory-item-title-row{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.inventory-item-title-row h3{margin:0;color:#fff;font-size:.94rem;line-height:1.15;font-weight:700}.inventory-item-title-row span{color:rgba(255,255,255,.56);font-size:.78rem}.inventory-item-body p{margin:5px 0 0;color:rgba(255,255,255,.54);font-size:.78rem;line-height:1.25}.inventory-item-body small{display:flex;align-items:center;gap:5px;margin-top:6px;color:rgba(255,255,255,.38);font-size:.72rem}.inventory-item-body small span{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.22)}.inventory-action{width:100%;height:36px;margin-top:13px;border-radius:8px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.035);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:.18s ease}.inventory-section:first-child .inventory-action{background:linear-gradient(180deg,var(--span),color-mix(in srgb,var(--span) 82%,#000));border-color:rgba(255,48,69,.22)}.inventory-action:hover{filter:brightness(1.05);transform:translateY(-1px)}.inventory-bottom-note{text-align:center;margin:18px 0 2px;color:rgba(255,255,255,.48);font-size:.95rem;line-height:1.35}.inventory-sidebar{display:flex;flex-direction:column;gap:14px}.inventory-side-card{padding:16px}.inventory-side-card h3{margin:0 0 14px;color:#fff;font-size:.95rem;font-weight:700}.inventory-current-privilege{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center}.inventory-mini-badge{width:70px;height:62px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffd05a;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}.inventory-mini-badge svg{width:34px;height:34px;fill:currentColor}.inventory-mini-badge span{margin-top:-5px;font-size:.72rem;font-weight:800}.inventory-current-privilege strong{display:block;color:#fff;font-size:1.2rem;font-weight:700}.inventory-current-privilege p{margin:4px 0 0;color:#fff;font-size:1rem}.inventory-expire{margin-top:14px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.028);color:rgba(255,255,255,.48);font-size:.78rem}.inventory-side-card ol{margin:0 0 16px;padding-left:20px;color:rgba(255,255,255,.52);font-size:.82rem;line-height:1.55}.inventory-side-card a{display:flex;align-items:center;justify-content:space-between;color:var(--span);font-size:.84rem}.inventory-side-card.important{border-color:rgba(168,70,255,.22)!important}.inventory-side-card.important h3{color:#c265ff}.inventory-side-card.important p{margin:0;color:rgba(255,255,255,.58);font-size:.84rem;line-height:1.45}.inventory-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(18px);z-index:10000;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:10px;background:var(--card);border:1px solid var(--transparent-5-w);color:#fff;font-size:.86rem;font-weight:600;opacity:0;pointer-events:none;transition:.2s ease}.inventory-toast.is-show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:1180px){.inventory-page{grid-template-columns:1fr}.inventory-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.inventory-hero{grid-template-columns:44px minmax(0,1fr);align-items:flex-start}.inventory-hero-status{grid-column:1/-1;width:max-content}.inventory-sidebar{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.inventory-page{margin-top:12px}.inventory-hero{padding:14px}.inventory-hero-text h1{font-size:1.35rem}.inventory-tabs{padding:10px}.inventory-tab{min-width:80px}.inventory-content{padding:14px}.inventory-grid{grid-template-columns:1fr}.inventory-item-preview{height:120px}}

/* Inventory tabs must be horizontal */
.inventory-tabs.card,
.inventory-tabs{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  min-height:62px !important;
}
.inventory-tabs .inventory-tab{
  flex:0 0 auto !important;
}
.inventory-empty-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 18px}.inventory-empty-icon{width:70px;height:70px;border-radius:16px;background:rgba(255,48,69,.08);border:1px solid rgba(255,48,69,.18);color:var(--span);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.inventory-empty-icon svg{width:34px;height:34px}.inventory-empty-state h2{margin:0 0 8px;color:#fff;font-size:1.25rem;font-weight:700}.inventory-empty-state p{max-width:460px;margin:0;color:rgba(255,255,255,.52);font-size:.9rem;line-height:1.45}

/* NIPOS inventory: real prize image support */
.inventory-item-emblem.has-image{
  width:100% !important;
  height:100% !important;
  border-radius:0 !important;
}
.inventory-item-emblem.has-image img{
  position:relative !important;
  z-index:2 !important;
  max-width:86% !important;
  max-height:86% !important;
  object-fit:contain !important;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.45)) !important;
}
.inventory-message{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.82);font-size:.86rem;font-weight:600}.inventory-message.success{background:rgba(38,184,93,.06);border-color:rgba(38,184,93,.18);color:var(--green)}.inventory-message.error{background:rgba(255,48,69,.06);border-color:rgba(255,48,69,.20);color:var(--span)}.inventory-action-form{margin:0}.inventory-action-form .inventory-action{margin-top:13px}

/* Inventory trade link and VIP activation */
.inventory-trade-card{margin-top:14px;padding:16px;display:grid;grid-template-columns:54px minmax(0,1fr) minmax(360px,1.3fr);gap:14px;align-items:center;background:var(--card)!important;border:1px solid rgba(255,48,69,.28)!important;border-radius:14px!important;box-shadow:0 0 28px rgba(255,48,69,.06)!important}.inventory-trade-icon{width:54px;height:54px;border-radius:12px;background:rgba(255,48,69,.1);border:1px solid rgba(255,48,69,.18);color:var(--span);display:flex;align-items:center;justify-content:center}.inventory-trade-icon svg{width:28px;height:28px}.inventory-trade-text h2{margin:0 0 6px;color:#fff;font-size:.95rem;font-weight:700}.inventory-trade-text p{margin:0;color:rgba(255,255,255,.54);font-size:.78rem;line-height:1.3}.inventory-trade-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.inventory-trade-form input{height:42px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:#fff;padding:0 12px;font-size:.84rem;outline:none}.inventory-trade-form input:focus{border-color:color-mix(in srgb,var(--span) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--span) 10%,transparent)}.inventory-trade-form button{height:42px;padding:0 14px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer}.inventory-trade-status{grid-column:1/-1;color:rgba(255,255,255,.48);font-size:.78rem;font-weight:500}.inventory-trade-status.is-ok{color:var(--green)}.inventory-vip-warning{margin-top:10px;padding:8px 10px;border-radius:8px;background:rgba(255,48,69,.055);border:1px solid rgba(255,48,69,.14);color:rgba(255,255,255,.62);font-size:.72rem;line-height:1.25}.inventory-vip-server{width:100%;height:36px;margin-top:8px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:#fff;padding:0 9px;font-size:.78rem;outline:none}.inventory-vip-server option{background:#141414;color:#fff}@media(max-width:900px){.inventory-trade-card{grid-template-columns:44px minmax(0,1fr)}.inventory-trade-form{grid-column:1/-1;grid-template-columns:1fr}.inventory-trade-form button{width:100%}}

/* Inventory VIP activation modal */
.inventory-vip-modal{position:fixed;inset:0;z-index:10090;display:none;align-items:center;justify-content:center;padding:18px}.inventory-vip-modal.is-show{display:flex}.inventory-vip-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.inventory-vip-modal-card{position:relative;z-index:2;width:min(470px,calc(100vw - 28px));padding:22px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 94%,transparent),rgba(9,10,12,.96));border:1px solid var(--transparent-5-w);box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 38px rgba(255,48,69,.08);color:#fff}.inventory-vip-modal-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border:0;background:transparent;color:rgba(255,255,255,.6);font-size:30px;line-height:1;cursor:pointer}.inventory-vip-modal-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.inventory-vip-modal-head-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,48,69,.1);border:1px solid rgba(255,48,69,.18);color:var(--span);display:flex;align-items:center;justify-content:center}.inventory-vip-modal-head-icon svg{width:22px;height:22px}.inventory-vip-modal-head h3{margin:0;font-size:1.05rem;line-height:1.1;font-weight:700}.inventory-vip-modal-prize{min-height:86px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:18px}.inventory-vip-modal-badge{width:64px;height:64px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffd05a;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.inventory-vip-modal-badge svg{width:34px;height:34px;fill:currentColor}.inventory-vip-modal-badge span{margin-top:-5px;font-size:.72rem;font-weight:800}.inventory-vip-modal-prize strong{display:block;margin-bottom:7px;color:#fff;font-size:1rem;font-weight:700}.inventory-vip-modal-prize p{margin:0;color:rgba(255,255,255,.5);font-size:.82rem}.inventory-vip-modal-form label{display:block;margin:0 0 8px;color:rgba(255,255,255,.74);font-size:.86rem;font-weight:600}.inventory-vip-modal-form select{width:100%;height:46px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10);color:#fff;padding:0 12px;font-size:.88rem;outline:none}.inventory-vip-modal-form select option{background:#141414;color:#fff}.inventory-vip-modal-info{margin-top:18px;padding:16px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);color:rgba(255,255,255,.62)}.inventory-vip-modal-info-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.inventory-vip-modal-info-title svg{width:20px;height:20px;fill:rgba(255,255,255,.58)}.inventory-vip-modal-info-title strong{font-size:.9rem;font-weight:700;color:rgba(255,255,255,.86)}.inventory-vip-modal-info ul{margin:0;padding-left:28px}.inventory-vip-modal-info li{font-size:.82rem;line-height:1.45;margin:6px 0}.inventory-vip-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.inventory-vip-modal-cancel,.inventory-vip-modal-submit{height:44px;border-radius:9px;font-size:.88rem;font-weight:600;cursor:pointer}.inventory-vip-modal-cancel{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:#fff}.inventory-vip-modal-submit{background:linear-gradient(180deg,var(--span),color-mix(in srgb,var(--span) 82%,#000));border:1px solid rgba(255,48,69,.25);color:#fff}

/* Inventory VIP modal layout fix like reference */
.inventory-vip-modal.is-show{
  display:flex !important;
}
.inventory-vip-modal-card{
  width:430px !important;
  max-width:calc(100vw - 28px) !important;
  padding:22px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.inventory-vip-modal-head{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 38px 20px 0 !important;
  padding:0 !important;
}
.inventory-vip-modal-head h3{
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  color:#fff !important;
}
.inventory-vip-modal-prize{
  width:100% !important;
  min-height:78px !important;
  padding:14px 16px !important;
  margin:0 0 18px !important;
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) !important;
  align-items:center !important;
  gap:14px !important;
  box-sizing:border-box !important;
}
.inventory-vip-modal-badge{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  min-height:64px !important;
  box-sizing:border-box !important;
}
.inventory-vip-modal-form{
  width:100% !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}
.inventory-vip-modal-form label{
  display:block !important;
  margin:0 0 8px !important;
  padding:0 !important;
  width:100% !important;
  color:rgba(255,255,255,.74) !important;
  font-size:.84rem !important;
  line-height:1.2 !important;
  font-weight:600 !important;
}
.inventory-vip-modal-form select{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:46px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
.inventory-vip-modal-info{
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  margin:18px 0 0 !important;
  padding:14px 16px !important;
  box-sizing:border-box !important;
  display:block !important;
  overflow:hidden !important;
}
.inventory-vip-modal-info-title{
  position:static !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 10px !important;
  padding:0 !important;
  transform:none !important;
  float:none !important;
  clear:both !important;
}
.inventory-vip-modal-info-title svg{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  flex:0 0 18px !important;
}
.inventory-vip-modal-info-title strong{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:rgba(255,255,255,.86) !important;
  font-size:.86rem !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  white-space:normal !important;
  text-align:left !important;
}
.inventory-vip-modal-info ul{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 0 0 30px !important;
  box-sizing:border-box !important;
}
.inventory-vip-modal-info li{
  margin:6px 0 !important;
  padding:0 !important;
  color:rgba(255,255,255,.62) !important;
  font-size:.8rem !important;
  line-height:1.45 !important;
  text-align:left !important;
}
.inventory-vip-modal-actions{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  margin:20px 0 0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.inventory-vip-modal-cancel,
.inventory-vip-modal-submit{
  width:100% !important;
  min-width:0 !important;
  height:44px !important;
  margin:0 !important;
  padding:0 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
@media(max-width:520px){
  .inventory-vip-modal-card{
    width:calc(100vw - 24px) !important;
    padding:18px !important;
  }
  .inventory-vip-modal-actions{
    grid-template-columns:1fr !important;
  }
}

/* Inventory VIP modal: spacing between server select and activation notes */
.inventory-vip-modal-form select,
#inventoryVipModalServer{
  margin-bottom:14px !important;
}
.inventory-vip-modal-info{
  margin-top:14px !important;
}

/* Inventory VIP modal: use template adaptive dropdown */
.inventory-vip-adaptive-select{
  position:relative !important;
  width:100% !important;
  margin:0 0 14px !important;
}
.inventory-vip-adaptive-select .adaptive-select{
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 13px !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
  box-sizing:border-box !important;
}
.inventory-vip-adaptive-select .adaptive-select__span_text{
  color:#fff !important;
  font-size:.88rem !important;
  font-weight:500 !important;
}
.inventory-vip-adaptive-select .adaptive-select__arrow svg{
  width:14px !important;
  height:14px !important;
  fill:rgba(255,255,255,.72) !important;
}
.inventory-vip-adaptive-select .adaptive-select__dropdown-list{
  width:100% !important;
  max-height:210px !important;
  top:52px !important;
  left:0 !important;
  z-index:10200 !important;
  border-radius:10px !important;
  background:var(--card) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  overflow:auto !important;
  padding:6px !important;
}
.inventory-vip-adaptive-select .adaptive-select__label{
  min-height:40px !important;
  padding:0 12px !important;
  border-radius:8px !important;
  display:flex !important;
  align-items:center !important;
  background:transparent !important;
  color:rgba(255,255,255,.70) !important;
}
.inventory-vip-adaptive-select .adaptive-select__label:hover{
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
}
.inventory-vip-adaptive-select .adaptive-select__label-text{
  color:inherit !important;
  font-size:.84rem !important;
  font-weight:600 !important;
}
.inventory-vip-modal-form select,
#inventoryVipModalServer{
  display:none !important;
}


/* Missing trade link modal */
.inventory-trade-required-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.inventory-trade-required-modal.is-show {
  display: flex;
}
.inventory-trade-required-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.62);
  backdrop-filter: blur(6px);
}
.inventory-trade-required-card {
  position: relative;
  z-index: 1;
  width: min(430px, 100%);
  padding: 1.4rem;
  border-radius: 18px;
  background: rgba(12, 16, 24, .96);
  border: 1px solid rgba(255, 67, 87, .42);
  box-shadow: 0 18px 50px rgba(0,0,0,.45), 0 0 30px rgba(255,67,87,.14);
  text-align: center;
  color: #fff;
  animation: inventoryTradeModalIn .28s ease both;
}
@keyframes inventoryTradeModalIn {
  from { opacity: 0; transform: translateY(14px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.inventory-trade-required-close {
  position: absolute;
  right: .8rem;
  top: .7rem;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  color: #fff;
  cursor: pointer;
  font-size: 1.2rem;
}
.inventory-trade-required-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ff4357;
  background: rgba(255,67,87,.12);
}
.inventory-trade-required-icon svg { width: 32px; height: 32px; }
.inventory-trade-required-card h3 {
  margin: 0 0 .45rem;
  font-size: 1.25rem;
  font-weight: 700;
}
.inventory-trade-required-card p {
  margin: 0 0 1.1rem;
  color: rgba(255,255,255,.72);
  line-height: 1.45;
}
.inventory-trade-required-actions {
  display: flex;
  justify-content: center;
  gap: .65rem;
  flex-wrap: wrap;
}
.inventory-trade-required-primary,
.inventory-trade-required-secondary {
  border: 0;
  border-radius: 12px;
  padding: .75rem 1rem;
  cursor: pointer;
  color: #fff;
}
.inventory-trade-required-primary { background: linear-gradient(135deg, #ff4357, #ff7a45); }
.inventory-trade-required-secondary { background: rgba(255,255,255,.10); }
.inventory-trade-highlight {
  animation: inventoryTradeHighlight 2.4s ease both;
}
@keyframes inventoryTradeHighlight {
  0%, 100% { box-shadow: inherit; }
  18%, 70% { box-shadow: 0 0 0 2px rgba(255,67,87,.55), 0 0 32px rgba(255,67,87,.20); }
}


/* Full page focus for trade link */
.inventory-trade-focus-overlay {
  position: fixed;
  inset: 0;
  z-index: 9990;
  display: none;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(5px);
  pointer-events: none;
  opacity: 0;
  transition: opacity .24s ease;
}
.inventory-trade-focus-overlay.is-show {
  display: block;
  opacity: 1;
}
.inventory-trade-focus-target {
  position: relative;
  z-index: 9992;
  box-shadow: 0 0 0 2px rgba(255,67,87,.75), 0 0 44px rgba(255,67,87,.38) !important;
  animation: inventoryTradeFocusPulse 1.2s ease infinite alternate;
}
@keyframes inventoryTradeFocusPulse {
  from { transform: scale(1); }
  to { transform: scale(1.012); }
}


/* Smooth inventory modal and focus overlay overrides */
.inventory-trade-required-modal {
  display: flex !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease, visibility .28s ease;
}
.inventory-trade-required-modal.is-show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.inventory-trade-required-card {
  background: var(--card-bg, rgba(18, 22, 32, .96)) !important;
  border: 1px solid var(--span-color, rgba(255, 67, 87, .42)) !important;
  color: var(--default-text-color, #fff) !important;
}
.inventory-trade-required-modal:not(.is-show) .inventory-trade-required-card {
  transform: translateY(14px) scale(.97);
}
.inventory-trade-focus-overlay {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  transition: opacity .32s ease, visibility .32s ease;
}
.inventory-trade-focus-overlay.is-show {
  visibility: visible;
  opacity: 1;
}
.inventory-trade-focus-overlay:not(.is-show) {
  pointer-events: none;
}


/* Inventory modal palette, inherit site main modal/card colors */
.inventory-trade-required-card {
  background: var(--card) !important;
  border: 1px solid var(--transparent-5-w) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.45) !important;
  color: var(--default-text-color, #fff) !important;
}
.inventory-trade-required-backdrop {
  background: rgba(0,0,0,.62) !important;
}
.inventory-trade-required-icon {
  color: var(--span) !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid var(--transparent-5-w) !important;
}
.inventory-trade-required-card h3 {
  color: var(--default-text-color, #fff) !important;
}
.inventory-trade-required-card p {
  color: rgba(255,255,255,.64) !important;
}
.inventory-trade-required-primary {
  background: var(--span) !important;
  color: #fff !important;
}
.inventory-trade-required-secondary,
.inventory-trade-required-close {
  background: rgba(255,255,255,.055) !important;
  color: rgba(255,255,255,.86) !important;
}
.inventory-trade-focus-overlay {
  background: rgba(0,0,0,.72) !important;
}
.inventory-trade-focus-target {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--span) 70%, transparent), 0 0 38px color-mix(in srgb, var(--span) 30%, transparent) !important;
}


/* Inventory header + trade link, styled like main page reference */
.inventory-page {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
}
.inventory-hero.inventory-hero-trade {
  position: relative !important;
  min-height: 246px !important;
  padding: 26px 28px !important;
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) auto !important;
  grid-template-rows: auto 1fr !important;
  column-gap: 20px !important;
  row-gap: 20px !important;
  align-items: start !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--span) 9%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.012)),
    var(--card) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 0 20px 52px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.012) !important;
  overflow: hidden !important;
}
.inventory-hero.inventory-hero-trade::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.018), transparent 38%, rgba(255,255,255,.012));
  opacity: .7;
}
.inventory-hero.inventory-hero-trade .inventory-hero-icon {
  position: relative !important;
  z-index: 1 !important;
  width: 76px !important;
  height: 76px !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--span) 10%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--span) 24%, transparent) !important;
  box-shadow: inset 0 0 24px color-mix(in srgb, var(--span) 8%, transparent) !important;
  color: var(--span) !important;
}
.inventory-hero.inventory-hero-trade .inventory-hero-icon svg {
  width: 38px !important;
  height: 38px !important;
}
.inventory-hero.inventory-hero-trade .inventory-hero-text {
  position: relative !important;
  z-index: 1 !important;
  align-self: center !important;
}
.inventory-hero.inventory-hero-trade .inventory-hero-text h1 {
  margin: 0 0 12px !important;
  color: #fff !important;
  font-size: clamp(1.75rem, 2.6vw, 2.45rem) !important;
  line-height: .96 !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
  text-shadow: 0 6px 22px rgba(0,0,0,.35) !important;
}
.inventory-hero.inventory-hero-trade .inventory-hero-text p {
  margin: 0 !important;
  color: rgba(255,255,255,.60) !important;
  font-size: .95rem !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}
.inventory-hero.inventory-hero-trade .inventory-hero-status {
  position: relative !important;
  z-index: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  height: 43px !important;
  padding: 0 18px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.026) !important;
  border: 1px solid rgba(255,255,255,.052) !important;
  color: rgba(255,255,255,.82) !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
}
.inventory-hero.inventory-hero-trade .inventory-hero-status span {
  width: 10px !important;
  height: 10px !important;
  background: var(--green) !important;
  box-shadow: 0 0 16px color-mix(in srgb, var(--green) 48%, transparent) !important;
}
.inventory-hero-trade-form {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 2 / 4 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  margin-top: 0 !important;
}
.inventory-hero-trade-form label {
  display: block !important;
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}
.inventory-trade-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 148px !important;
  gap: 10px !important;
  align-items: center !important;
}
.inventory-hero-trade-form input[type="url"] {
  height: 54px !important;
  border-radius: 10px !important;
  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  color: rgba(255,255,255,.90) !important;
  padding: 0 18px !important;
  font-size: .98rem !important;
  font-weight: 500 !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.14) !important;
}
.inventory-hero-trade-form input[type="url"]::placeholder {
  color: rgba(255,255,255,.34) !important;
}
.inventory-hero-trade-form input[type="url"]:focus {
  border-color: color-mix(in srgb, var(--span) 45%, transparent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--span) 10%, transparent), inset 0 0 0 1px rgba(0,0,0,.14) !important;
}
.inventory-hero-trade-form button[type="submit"] {
  height: 54px !important;
  min-width: 0 !important;
  padding: 0 20px !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--span) 9%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--span) 58%, transparent) !important;
  color: #fff !important;
  font-size: .98rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: inset 0 0 18px color-mix(in srgb, var(--span) 8%, transparent) !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}
.inventory-hero-trade-form button[type="submit"]:hover {
  background: color-mix(in srgb, var(--span) 14%, transparent) !important;
  border-color: color-mix(in srgb, var(--span) 78%, transparent) !important;
  transform: translateY(-1px) !important;
}
.inventory-trade-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 24px !important;
}
.inventory-trade-footer .inventory-trade-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  grid-column: auto !important;
  color: rgba(255,255,255,.48) !important;
  font-size: .86rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}
.inventory-trade-footer .inventory-trade-status svg {
  color: currentColor !important;
  fill: currentColor !important;
}
.inventory-trade-footer .inventory-trade-status.is-ok {
  color: var(--green) !important;
}
.inventory-trade-help {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: rgba(255,255,255,.56) !important;
  font-size: .86rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.inventory-trade-help span,
.inventory-trade-help svg {
  color: var(--span) !important;
  fill: var(--span) !important;
}
.inventory-trade-help:hover {
  color: rgba(255,255,255,.78) !important;
}
.inventory-trade-card,
.inventory-trade-icon,
.inventory-trade-text {
  display: none !important;
}
@media (max-width: 860px) {
  .inventory-hero.inventory-hero-trade {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    padding: 22px !important;
  }
  .inventory-hero.inventory-hero-trade .inventory-hero-icon {
    width: 64px !important;
    height: 64px !important;
  }
  .inventory-hero.inventory-hero-trade .inventory-hero-status,
  .inventory-hero-trade-form {
    grid-column: 1 / -1 !important;
  }
  .inventory-hero.inventory-hero-trade .inventory-hero-status {
    justify-self: start !important;
  }
  .inventory-trade-row {
    grid-template-columns: 1fr !important;
  }
  .inventory-trade-footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}


/* Inventory typography and flat substrate colors */
.inventory-page,
.inventory-page * {
  font-weight: 400 !important;
}
.inventory-page h1,
.inventory-page h2,
.inventory-page h3,
.inventory-page strong,
.inventory-page button,
.inventory-page .inventory-tab.is-active,
.inventory-page .inventory-hero-status,
.inventory-page .inventory-trade-status,
.inventory-page .inventory-trade-help,
.inventory-page .inventory-section-title h2,
.inventory-page .inventory-item-title-row h3,
.inventory-page .inventory-vip-modal-head h3,
.inventory-page .inventory-trade-required-card h3 {
  font-weight: 600 !important;
}
.inventory-page small,
.inventory-page p,
.inventory-page label,
.inventory-page input,
.inventory-page .inventory-tab,
.inventory-page .inventory-item-body p,
.inventory-page .inventory-trade-help,
.inventory-page .inventory-trade-status,
.inventory-page .inventory-vip-modal-info li,
.inventory-page .inventory-trade-required-card p {
  font-weight: 400 !important;
}
.inventory-hero.inventory-hero-trade {
  background: var(--card) !important;
  border-color: rgba(255,255,255,.055) !important;
  box-shadow: none !important;
}
.inventory-hero.inventory-hero-trade::before {
  display: none !important;
}
.inventory-hero.inventory-hero-trade .inventory-hero-icon {
  background: rgba(255,48,69,.075) !important;
  border-color: rgba(255,48,69,.16) !important;
  box-shadow: none !important;
}
.inventory-hero.inventory-hero-trade .inventory-hero-text h1 {
  font-weight: 600 !important;
  text-shadow: none !important;
}
.inventory-hero.inventory-hero-trade .inventory-hero-text p {
  color: rgba(255,255,255,.52) !important;
  font-weight: 400 !important;
}
.inventory-hero.inventory-hero-trade .inventory-hero-status {
  background: rgba(255,255,255,.025) !important;
  border-color: rgba(255,255,255,.055) !important;
  font-weight: 600 !important;
}
.inventory-hero-trade-form label {
  font-weight: 600 !important;
}
.inventory-hero-trade-form input[type="url"] {
  background: rgba(0,0,0,.16) !important;
  border-color: rgba(255,255,255,.055) !important;
  font-weight: 400 !important;
}
.inventory-hero-trade-form button[type="submit"] {
  background: rgba(255,48,69,.055) !important;
  border-color: rgba(255,48,69,.45) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
.inventory-hero-trade-form button[type="submit"]:hover {
  background: rgba(255,48,69,.085) !important;
  border-color: rgba(255,48,69,.62) !important;
}
.inventory-trade-footer .inventory-trade-status,
.inventory-trade-help {
  font-weight: 400 !important;
}
.inventory-trade-help span {
  font-weight: 600 !important;
}
.inventory-item-emblem strong,
.inventory-vip-modal-badge span,
.inventory-mini-badge span {
  font-weight: 600 !important;
}


/* Inventory right dashboard widgets */
.inventory-page { grid-template-columns: minmax(0, 1fr) 300px !important; }
.inventory-dashboard-sidebar { display:flex; flex-direction:column; gap:16px; }
.inventory-widget { padding:18px !important; border-radius:14px !important; background:var(--card) !important; border:1px solid rgba(255,255,255,.055) !important; }
.inventory-widget-head h3 { margin:0 0 14px; display:flex; align-items:center; gap:9px; color:#fff; font-size:1.02rem; font-weight:600 !important; }
.inventory-widget-icon { width:18px; height:18px; color:var(--span); display:inline-flex; align-items:center; justify-content:center; }
.inventory-widget-icon.crown::before { content:'♛'; color:var(--span); }
.inventory-widget-icon.clock::before { content:'◷'; color:var(--span); }
.inventory-widget-icon.question::before { content:'?'; color:var(--span); border:1px solid var(--span); border-radius:50%; width:18px; height:18px; display:flex; align-items:center; justify-content:center; font-size:.75rem; }
.inventory-widget-list { display:flex; flex-direction:column; gap:10px; }
.inventory-widget-row { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:42px; }
.inventory-widget-badge { width:36px; height:36px; border-radius:9px; display:flex; align-items:center; justify-content:center; background:rgba(255,48,69,.08); color:var(--span); }
.inventory-widget-badge svg { width:20px; height:20px; }
.inventory-widget-badge.rarity-gold { color:#ffd23f; background:rgba(255,210,63,.08); }
.inventory-widget-badge.rarity-blue { color:#39a8ff; background:rgba(57,168,255,.08); }
.inventory-widget-row strong { display:block; color:#fff; font-size:.84rem; line-height:1.15; font-weight:600 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.inventory-widget-row small { display:block; margin-top:3px; color:rgba(255,255,255,.50); font-size:.72rem; line-height:1.1; font-weight:400 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.inventory-widget-row em { color:rgba(255,255,255,.72); font-size:.78rem; font-style:normal; font-weight:600 !important; white-space:nowrap; }
.inventory-privilege-row.is-extra { display:none; }
.inventory-widget-list.is-expanded .inventory-privilege-row.is-extra { display:grid; }
.inventory-widget-more { margin-top:14px; width:100%; min-height:38px; padding:0 13px; display:flex; align-items:center; justify-content:space-between; border-radius:9px; background:rgba(255,48,69,.055); border:1px solid rgba(255,48,69,.13); color:var(--span); text-decoration:none; font-size:.82rem; font-weight:600 !important; cursor:pointer; }
.inventory-widget-more span { font-size:1.1rem; transition:transform .2s ease; }
.inventory-widget-more.is-expanded span { transform:rotate(90deg); }
.inventory-widget-empty { padding:10px 0; color:rgba(255,255,255,.48); font-size:.82rem; font-weight:400 !important; }
.inventory-widget-faq-list { display:flex; flex-direction:column; gap:6px; }
.inventory-widget-faq-list details { border-bottom:1px solid rgba(255,255,255,.045); }
.inventory-widget-faq-list summary { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:8px; color:rgba(255,255,255,.66); cursor:pointer; font-size:.78rem; font-weight:400 !important; list-style:none; }
.inventory-widget-faq-list summary::-webkit-details-marker { display:none; }
.inventory-widget-faq-list summary span { color:rgba(255,255,255,.42); transition:transform .2s ease; }
.inventory-widget-faq-list details[open] summary { color:#fff; }
.inventory-widget-faq-list details[open] summary span { transform:rotate(90deg); color:var(--span); }
.inventory-widget-faq-list p { margin:0 0 10px; color:rgba(255,255,255,.52); font-size:.75rem; line-height:1.35; font-weight:400 !important; }
.inventory-sidebar-faq-form { display:flex; flex-direction:column; gap:10px; }
.inventory-sidebar-faq-row { display:grid; grid-template-columns:1fr 1.3fr; gap:10px; }
.inventory-sidebar-faq-row input,.inventory-sidebar-faq-row textarea { min-height:38px; border-radius:9px; background:rgba(0,0,0,.16); border:1px solid rgba(255,255,255,.06); color:#fff; padding:10px 12px; font-weight:400 !important; }
.inventory-sidebar-faq-row textarea { min-height:58px; resize:vertical; }
@media(max-width:1100px){ .inventory-page{grid-template-columns:1fr !important;} }


/* Inventory user actions modal */
.inventory-actions-modal {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .24s ease, visibility .24s ease;
}
.inventory-actions-modal.is-show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.inventory-actions-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.68);
  backdrop-filter: blur(8px);
}
.inventory-actions-modal-card {
  position: relative;
  z-index: 1;
  width: min(520px, calc(100vw - 28px));
  max-height: min(680px, calc(100vh - 40px));
  overflow: hidden;
  padding: 18px;
  border-radius: 16px;
  background: var(--card);
  border: 1px solid rgba(255,255,255,.065);
  box-shadow: 0 24px 70px rgba(0,0,0,.52);
  color: #fff;
}
.inventory-actions-modal-card h3 {
  margin: 0 38px 16px 0;
  font-size: 1.1rem;
  font-weight: 600 !important;
}
.inventory-actions-modal-close {
  position: absolute;
  right: 14px;
  top: 12px;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.78);
  cursor: pointer;
  font-size: 20px;
}
.inventory-actions-modal-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: calc(min(680px, calc(100vh - 40px)) - 70px);
  overflow: auto;
  padding-right: 4px;
}


/* Custom prize contact modal */
.inventory-custom-modal {
  position: fixed;
  inset: 0;
  z-index: 10010;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
}
.inventory-custom-modal.is-show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.inventory-custom-modal-text {
  margin: 0 0 14px;
  color: rgba(255,255,255,.62);
  line-height: 1.45;
  font-weight: 400 !important;
}
.inventory-custom-modal-form label {
  display: block;
  margin-bottom: 8px;
  color: rgba(255,255,255,.82);
  font-weight: 600 !important;
}
.inventory-custom-modal-form textarea {
  width: 100%;
  min-height: 92px;
  resize: vertical;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.065);
  background: rgba(0,0,0,.18);
  color: #fff;
  padding: 12px 14px;
  outline: none;
  font-weight: 400 !important;
}

.inventory-admin-sort-link{color:inherit;text-decoration:none;font-weight:600!important}.inventory-admin-sort-link:hover{color:var(--span)!important}


/* VIP fixed/all server display in activation modal */
.inventory-vip-fixed-server {
  min-height: 52px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.045);
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 28px;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  color: rgba(255,255,255,.88);
  margin-bottom: 14px;
}
.inventory-vip-fixed-server[hidden] { display: none !important; }
.inventory-vip-fixed-server-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.06);
  font-size: 1rem;
}
.inventory-vip-fixed-server strong {
  font-weight: 600 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inventory-vip-fixed-server-lock {
  opacity: .72;
  text-align: right;
}
