/* Spacewar-X mobile inventory: a compact, tactile equipment bay.
   Kept entirely inside the opt-in Labs skin; classic screens are untouched. */
#labs-screen.labs-mobile-ui .inventory-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: 0;
  overflow: visible;
  border: 1px solid rgba(140,224,197,.17);
  border-radius: 15px;
  background:
    linear-gradient(135deg,rgba(140,224,197,.045),transparent 36%),
    linear-gradient(160deg,rgba(19,34,42,.94),rgba(9,17,23,.96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.19);
}

/* Inventory is a destination in the new skin, not a panel under the shop. */
#labs-screen.labs-mobile-ui .inventory-wrap { display: none; }
#labs-screen.labs-mobile-ui[data-labs-page="inventory"] .inventory-wrap {
  display: block;
  margin-top: 0 !important;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
#labs-screen.labs-mobile-ui[data-labs-page="inventory"] .labs-wrap { max-width: none; }
#labs-screen.labs-mobile-ui .labs-inventory-intro { display: flex; margin-bottom: 18px; }
#labs-screen.labs-mobile-ui .labs-inventory-intro h2 { font-size: 28px; }
#labs-screen.labs-mobile-ui #labs-inventory-count {
  padding: 9px;
  border: 1px solid var(--lab-line);
  border-radius: 9px;
  color: var(--lab-muted);
  font: 700 8px Orbitron,sans-serif;
  white-space: nowrap;
}
#labs-screen.labs-mobile-ui .inventory-wrap .inventory-header {
  display: none;
  justify-content: flex-end;
  padding: 0 0 10px;
  border: 0;
}
#labs-screen.labs-mobile-ui .inventory-wrap .inventory-header > div:first-child,
#labs-screen.labs-mobile-ui .inventory-wrap #labs-inv-arrow { display: none !important; }
#labs-screen.labs-mobile-ui[data-labs-page="inventory"] #labs-inventory-grid { padding: 0; }

#labs-screen.labs-mobile-ui .inventory-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 10px 10px 9px;
  border-bottom: 1px solid rgba(167,207,193,.1);
}

#labs-screen.labs-mobile-ui .inventory-title {
  flex: 1 1 auto;
  min-width: 0;
  color: #e7f1ed;
  font: 800 11px/1.25 Orbitron,sans-serif;
  letter-spacing: .08em;
  overflow-wrap: anywhere;
}

#labs-screen.labs-mobile-ui .inventory-header > div:first-child { min-width:0; flex:1; }
#labs-screen.labs-mobile-ui .inventory-header > div:last-child { min-width:0; flex-wrap:nowrap; }

#labs-screen.labs-mobile-ui .inventory-filter-select {
  flex: 0 1 140px;
  width: auto;
  min-width: 0;
  min-height: 40px;
  padding: 7px 26px 7px 9px;
  border: 1px solid rgba(140,224,197,.19);
  border-radius: 9px;
  outline: none;
  background-color: #101c23;
  color: #bfd0cb;
  font: 600 12px/1.2 Rajdhani,sans-serif;
}

#labs-screen.labs-mobile-ui .inventory-filter-select:focus-visible {
  border-color: rgba(140,224,197,.55);
  box-shadow: 0 0 0 2px rgba(140,224,197,.11);
}

#labs-screen.labs-mobile-ui #labs-inv-arrow {
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(140,224,197,.2);
  border-radius: 10px;
  background: rgba(140,224,197,.055);
  color: var(--lab-mint,#8ce0c5);
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

#labs-screen.labs-mobile-ui #labs-inv-arrow:hover {
  border-color: rgba(140,224,197,.42);
  background: rgba(140,224,197,.12);
}

#labs-screen.labs-mobile-ui #labs-inv-arrow:active { transform: scale(.96); }

#labs-screen.labs-mobile-ui #labs-inventory-grid {
  display: block;
  width: 100%;
  min-width: 0;
  max-height: none;
  height: auto;
  overflow: visible;
  padding: 10px;
}

#labs-screen.labs-mobile-ui .labs-inv-toolbar {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px;
  margin: 0 0 13px;
  padding: 0;
  border: 0;
  background: none;
}

#labs-screen.labs-mobile-ui .labs-inv-summary {
  flex: 1 1 110px;
  min-width: 0;
  color: #91aaa9;
  font: 700 8px/1.45 Orbitron,sans-serif;
  letter-spacing: .08em;
  overflow-wrap: anywhere;
}

#labs-screen.labs-mobile-ui .labs-inv-control {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1 1 140px;
  min-width: 0;
  color: #bfd0cb;
  font: 600 12px/1.3 Rajdhani,sans-serif;
}

#labs-screen.labs-mobile-ui .labs-inv-control input,
#labs-screen.labs-mobile-ui .labs-inv-control select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 8px;
  border: 1px solid rgba(140,224,197,.25);
  border-radius: 8px;
  background: #101c23;
  color: #e7f1ed;
  font: 500 16px/1.2 Rajdhani,sans-serif;
}

#labs-screen.labs-mobile-ui .labs-inv-control input::placeholder { color: #91aaa9; }
#labs-screen.labs-mobile-ui .labs-inv-control input:focus-visible,
#labs-screen.labs-mobile-ui .labs-inv-control select:focus-visible {
  outline: 2px solid var(--lab-lime,#d5f06e);
  outline-offset: 2px;
}

#labs-screen.labs-mobile-ui .labs-inv-search-control {
  grid-column: 1;
  grid-row: 1;
  gap: 0;
  font-size: 0;
}
#labs-screen.labs-mobile-ui .labs-inv-expand-all {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  min-height: 44px;
  color: var(--lab-mint,#8ce0c5);
}
#labs-screen.labs-mobile-ui .labs-inv-summary { grid-column: 1/-1; grid-row: 2; }
#labs-screen.labs-mobile-ui .labs-inv-sort-control { grid-column: 1; grid-row: 3; }
#labs-screen.labs-mobile-ui .labs-inv-category-control { grid-column: 2; grid-row: 3; }
#labs-screen.labs-mobile-ui [data-view="slots"] { grid-column: 1; grid-row: 4; }
#labs-screen.labs-mobile-ui [data-view="details"] { grid-column: 2; grid-row: 4; }
#labs-screen.labs-mobile-ui .labs-inv-clear { grid-column: 1/-1; grid-row: 5; }
#labs-screen.labs-mobile-ui .labs-inv-view-button.labs-inv-clear { min-height: 44px; }
#labs-screen.labs-mobile-ui .labs-inv-clear[hidden] { display: none; }

#labs-screen.labs-mobile-ui .labs-inv-view-button {
  min-width: 72px;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid rgba(167,207,193,.13);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  color: #91aaa9;
  font: 700 8px/1.2 Orbitron,sans-serif;
  letter-spacing: .07em;
  cursor: pointer;
  transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease;
}

#labs-screen.labs-mobile-ui .labs-inv-view-button[aria-pressed="true"] {
  border-color: rgba(140,224,197,.34);
  background: linear-gradient(135deg,rgba(140,224,197,.17),rgba(140,224,197,.07));
  color: var(--lab-mint,#8ce0c5);
}

#labs-screen.labs-mobile-ui .labs-inv-view-button:active { transform: scale(.97); }

#labs-screen.labs-mobile-ui .labs-inv-section {
  --inv-accent: #8ce0c5;
  --inv-accent-rgb: 140,224,197;
  min-width: 0;
  margin: 0 0 13px;
  padding: 9px;
  border: 1px solid rgba(var(--inv-accent-rgb),.2);
  border-radius: 12px;
  background:
    linear-gradient(110deg,rgba(var(--inv-accent-rgb),.065),transparent 48%),
    rgba(2,9,14,.27);
}

#labs-screen.labs-mobile-ui .labs-inv-section[data-category="weapon"] {
  --inv-accent: #ffae79;
  --inv-accent-rgb: 255,174,121;
}

#labs-screen.labs-mobile-ui .labs-inv-section[data-category="consumable"] {
  --inv-accent: #d5f06e;
  --inv-accent-rgb: 213,240,110;
}

#labs-screen.labs-mobile-ui .labs-inv-section[data-category="skill"] {
  --inv-accent: #c9a5fa;
  --inv-accent-rgb: 201,165,250;
}

#labs-screen.labs-mobile-ui .labs-inv-section[data-category="export"] {
  --inv-accent: #eadb8e;
  --inv-accent-rgb: 234,219,142;
}

#labs-screen.labs-mobile-ui .labs-inv-section-header {
  width: 100%;
  background: transparent;
  border: 0;
  border-radius: 0;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  margin: 0 1px 8px;
  padding: 0 1px 7px;
  border-bottom: 1px solid rgba(var(--inv-accent-rgb),.16);
}

#labs-screen.labs-mobile-ui .labs-inv-section-header::after {
  content: '⌃';
  color: var(--inv-accent);
  flex: 0 0 auto;
}

#labs-screen.labs-mobile-ui .labs-inv-section-header[aria-expanded="false"]::after {
  content: '⌄';
}

#labs-screen.labs-mobile-ui .labs-inv-section-header:focus-visible {
  outline: 2px solid var(--inv-accent);
  outline-offset: 3px;
}

#labs-screen.labs-mobile-ui .labs-inv-slots[hidden] {
  display: none;
}

#labs-screen.labs-mobile-ui .labs-inv-section-header h3 {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: var(--inv-accent);
  font: 800 8px/1.35 Orbitron,sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

#labs-screen.labs-mobile-ui .labs-inv-section-header > span {
  flex: 0 0 auto;
  color: #809694;
  font: 700 8px/1.2 Orbitron,sans-serif;
  white-space: nowrap;
}

#labs-screen.labs-mobile-ui .labs-inv-slots {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: stretch;
  gap: 7px;
  min-width: 0;
}

#labs-screen.labs-mobile-ui .labs-inv-slot,
#labs-screen.labs-mobile-ui .labs-inv-empty-slot {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  min-height: 44px;
  padding: 6px;
  overflow: hidden;
  border: 1px solid rgba(var(--inv-accent-rgb),.19);
  border-radius: 9px;
  background:
    linear-gradient(145deg,rgba(var(--inv-accent-rgb),.075),transparent 54%),
    linear-gradient(160deg,#14222a,#0b141a);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), inset 0 -2px 0 rgba(0,0,0,.22);
}

#labs-screen.labs-mobile-ui .labs-inv-slot {
  color: #e7f1ed;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: border-color .16s ease, background-color .16s ease, transform .16s ease, opacity .16s ease;
}

#labs-screen.labs-mobile-ui .labs-inv-slot:hover {
  border-color: rgba(var(--inv-accent-rgb),.48);
  background-color: rgba(var(--inv-accent-rgb),.07);
}

#labs-screen.labs-mobile-ui .labs-inv-slot:active { transform: translateY(1px); }

#labs-screen.labs-mobile-ui .labs-inv-slot:focus-visible,
#labs-screen.labs-mobile-ui .labs-inv-view-button:focus-visible {
  outline: 2px solid var(--lab-lime,#d5f06e);
  outline-offset: 2px;
}

#labs-screen.labs-mobile-ui .labs-inv-slot[data-equipped="true"] {
  border-color: rgba(var(--inv-accent-rgb),.7);
  background:
    linear-gradient(145deg,rgba(var(--inv-accent-rgb),.17),rgba(var(--inv-accent-rgb),.045) 65%),
    #101d23;
  box-shadow: inset 0 0 0 1px rgba(var(--inv-accent-rgb),.11), inset 0 1px 0 rgba(255,255,255,.055);
}

#labs-screen.labs-mobile-ui .labs-inv-slot[data-pending="true"] {
  border-style: dashed;
  border-color: rgba(213,240,110,.66);
  box-shadow: inset 0 0 0 1px rgba(213,240,110,.08);
}

#labs-screen.labs-mobile-ui .labs-inv-art {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: clamp(48px,15vw,70px);
  min-height: 48px;
  margin-bottom: 5px;
  overflow: hidden;
  border: 1px solid rgba(var(--inv-accent-rgb),.13);
  border-radius: 6px;
  background:
    radial-gradient(ellipse at 50% 75%,rgba(var(--inv-accent-rgb),.14),transparent 68%),
    rgba(3,10,15,.65);
}

#labs-screen.labs-mobile-ui .labs-inv-art .labs-game-placeholder {
  width: min(70%,52px);
  height: min(70%,52px);
  color: var(--inv-accent);
}

#labs-screen.labs-mobile-ui .labs-inv-art img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #101c25;
}

#labs-screen.labs-mobile-ui .labs-inv-quantity {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  min-width: 20px;
  padding: 3px 4px;
  border: 1px solid rgba(140,224,197,.22);
  border-radius: 5px;
  background: rgba(3,10,14,.88);
  color: #e7f1ed;
  font: 800 8px/1 Orbitron,sans-serif;
  text-align: center;
}

#labs-screen.labs-mobile-ui .labs-inv-name {
  display: -webkit-box;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #e1ece7;
  font: 700 10px/1.25 Orbitron,sans-serif;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#labs-screen.labs-mobile-ui .labs-inv-state {
  display: block;
  min-width: 0;
  margin-top: 5px;
  color: #96aca7;
  font: 600 10px/1.25 Rajdhani,sans-serif;
  overflow-wrap: anywhere;
}

#labs-screen.labs-mobile-ui .labs-inv-slot[data-equipped="true"] .labs-inv-state {
  color: var(--inv-accent);
}

#labs-screen.labs-mobile-ui .labs-inv-slot[data-pending="true"] .labs-inv-state {
  color: var(--lab-lime,#d5f06e);
}

#labs-screen.labs-mobile-ui .labs-inv-description { display: none; }

#labs-screen.labs-mobile-ui #labs-inventory-grid[data-view="details"] .labs-inv-slots {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

#labs-screen.labs-mobile-ui #labs-inventory-grid[data-view="details"] .labs-inv-slot {
  min-height: 112px;
  padding: 8px;
}

#labs-screen.labs-mobile-ui #labs-inventory-grid[data-view="details"] .labs-inv-art {
  height: 64px;
  min-height: 64px;
}

#labs-screen.labs-mobile-ui #labs-inventory-grid[data-view="details"] .labs-inv-name {
  font-size: 11px;
  -webkit-line-clamp: initial;
}

#labs-screen.labs-mobile-ui #labs-inventory-grid[data-view="details"] .labs-inv-description {
  display: block;
  margin-top: 5px;
  color: #a1b5b0;
  font: 500 12px/1.3 Rajdhani,sans-serif;
  overflow-wrap: anywhere;
}

#labs-screen.labs-mobile-ui .labs-inv-empty-slot {
  min-height: 112px;
  border-style: dashed;
  border-color: rgba(167,207,193,.11);
  background:
    linear-gradient(135deg,rgba(255,255,255,.018),transparent 55%),
    rgba(4,10,14,.23);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

#labs-screen.labs-mobile-ui .labs-inv-empty-slot::before {
  content: "";
  width: 24px;
  height: 24px;
  margin: auto;
  border: 1px solid rgba(167,207,193,.09);
  border-radius: 6px;
  background: linear-gradient(135deg,rgba(167,207,193,.035),transparent);
}

#labs-screen.labs-mobile-ui .labs-inv-empty-message,
#labs-screen.labs-mobile-ui .labs-inv-hint {
  margin: 10px 2px 0;
  color: #91aaa9;
  font: 500 12px/1.4 Rajdhani,sans-serif;
  overflow-wrap: anywhere;
}

#labs-screen.labs-mobile-ui .labs-inv-empty-message {
  padding: 14px 12px;
  border: 1px dashed rgba(140,224,197,.19);
  border-radius: 9px;
  background: rgba(140,224,197,.035);
  text-align: center;
}

#labs-screen.labs-mobile-ui .labs-inv-hint {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  padding: 0 4px 2px;
  color: #7f9692;
}

#labs-screen.labs-mobile-ui .labs-inv-hint::before {
  content: "";
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--lab-mint,#8ce0c5);
  opacity: .7;
}

@media (max-width: 359px) {
  #labs-screen.labs-mobile-ui .inventory-header {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  #labs-screen.labs-mobile-ui .inventory-header > div:first-child { flex-basis:100%; }
  #labs-screen.labs-mobile-ui .inventory-header > div:last-child { width:100%; }

  #labs-screen.labs-mobile-ui .inventory-filter-select {
    width: 100%;
    max-width: none;
  }

  #labs-screen.labs-mobile-ui #labs-inventory-grid { padding: 8px; }
  #labs-screen.labs-mobile-ui .labs-inv-slots { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #labs-screen.labs-mobile-ui #labs-inventory-grid[data-view="details"] .labs-inv-slots { grid-template-columns: 1fr; }
  #labs-screen.labs-mobile-ui .labs-inv-toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  #labs-screen.labs-mobile-ui .labs-inv-slot,
  #labs-screen.labs-mobile-ui .labs-inv-view-button,
  #labs-screen.labs-mobile-ui #labs-inv-arrow {
    transition: none;
  }
}

/* Item actions are an opt-in Labs-only sheet. Keep the legacy modal untouched. */
#item-modal:not(.labs-mobile-item-modal) .labs-item-modal-head { display: none; }

#item-modal.labs-mobile-item-modal {
  --item-accent: #8ce0c5;
  --item-ink: #e7f1ed;
  --item-muted: #91aaa9;
  --item-line: rgba(167,207,193,.14);
  position: fixed;
  z-index: 60;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: max(10px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(0px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));
  overflow: hidden;
  background: rgba(3,7,11,.78);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  overscroll-behavior: contain;
}

#item-modal.labs-mobile-item-modal .labs-item-modal-head {
  position: sticky;
  z-index: 3;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 54px;
  margin: -1px -1px 12px;
  padding: 7px 12px 7px 15px;
  border-bottom: 1px solid rgba(140,224,197,.14);
  background: linear-gradient(180deg,rgba(19,34,42,.99),rgba(19,34,42,.94));
  color: var(--item-accent);
  font: 700 8px/1.35 Orbitron,sans-serif;
  letter-spacing: .13em;
}

#item-modal.labs-mobile-item-modal .labs-item-modal-close {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid var(--item-line);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: var(--item-accent);
  font: 500 21px/1 Rajdhani,sans-serif;
  cursor: pointer;
  touch-action: manipulation;
}

#item-modal.labs-mobile-item-modal .item-modal {
  display: flex;
  flex-direction: column;
  width: min(100%,528px);
  max-width: 528px;
  max-height: min(88dvh,760px);
  min-height: 0;
  margin: 0 auto;
  padding: 0 14px calc(14px + env(safe-area-inset-bottom,0px));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(140,224,197,.26);
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(140,224,197,.09),transparent 44%),
    linear-gradient(155deg,#14232d,#0b131b 68%);
  box-shadow: 0 -16px 60px rgba(0,0,0,.42),0 24px 80px rgba(0,0,0,.48);
  color: var(--item-ink);
  -webkit-overflow-scrolling: touch;
  animation: labs-item-sheet-in .22s ease-out both;
}

#item-modal.labs-mobile-item-modal .item-modal-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 132px;
  margin: 0 0 12px;
  overflow: hidden;
  border: 1px solid rgba(140,224,197,.15);
  border-radius: 13px;
  background:
    radial-gradient(ellipse at 50% 72%,rgba(140,224,197,.18),transparent 62%),
    linear-gradient(145deg,#101e26,#0b141b);
  color: var(--item-accent);
  font-size: 3.1rem;
  line-height: 1;
}

#item-modal.labs-mobile-item-modal .item-modal-icon img {
  width: min(72%,160px) !important;
  height: 116px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
}

#item-modal.labs-mobile-item-modal .item-modal-name {
  margin: 1px 3px 0;
  color: var(--item-ink);
  font: 900 17px/1.25 Orbitron,sans-serif;
  letter-spacing: .015em;
  text-align: left;
  overflow-wrap: anywhere;
}

#item-modal.labs-mobile-item-modal .item-modal-desc {
  margin: 8px 3px 15px;
  color: #a3b6b4;
  font: 500 14px/1.45 Rajdhani,sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
}

#item-modal.labs-mobile-item-modal .item-modal-desc > span {
  color: var(--item-accent) !important;
  line-height: 1.5;
}

#item-modal.labs-mobile-item-modal .item-modal-desc br + span[style*="f59e0b"] {
  display: inline-flex !important;
  align-items: center;
  min-height: 26px;
  margin-top: 8px !important;
  padding: 4px 8px !important;
  border-color: rgba(213,240,110,.26) !important;
  border-radius: 7px !important;
  background: rgba(213,240,110,.06);
  color: #d5f06e !important;
  font-size: 9px !important;
}

#item-modal.labs-mobile-item-modal .item-modal-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

#item-modal.labs-mobile-item-modal .item-modal-actions > button,
#item-modal.labs-mobile-item-modal .item-modal > button.btn {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 46px;
  padding: 10px 12px !important;
  overflow-wrap: anywhere;
  border: 1px solid rgba(140,224,197,.23) !important;
  border-radius: 10px !important;
  background: linear-gradient(110deg,rgba(140,224,197,.13),rgba(140,224,197,.055)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  color: #dff4e9 !important;
  font: 800 9px/1.35 Orbitron,sans-serif !important;
  letter-spacing: .045em;
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  transition: transform .15s ease,border-color .15s ease,background-color .15s ease,opacity .15s ease;
}

#item-modal.labs-mobile-item-modal .item-modal-actions > button.btn-primary {
  border-color: rgba(213,240,110,.42) !important;
  background: linear-gradient(100deg,rgba(213,240,110,.17),rgba(140,224,197,.13)) !important;
  color: #e6f4ce !important;
}

#item-modal.labs-mobile-item-modal .item-modal-actions > button.btn-secondary {
  border-color: rgba(140,224,197,.32) !important;
  background: rgba(140,224,197,.075) !important;
  color: #a9e9d3 !important;
}

#item-modal.labs-mobile-item-modal .item-modal-actions > button.btn-danger {
  border-color: rgba(255,126,119,.35) !important;
  background: linear-gradient(105deg,rgba(255,126,119,.13),rgba(255,126,119,.055)) !important;
  color: #ffaaa2 !important;
}

#item-modal.labs-mobile-item-modal .item-modal-actions > button:not(:disabled):active,
#item-modal.labs-mobile-item-modal .item-modal > button.btn:not(:disabled):active,
#item-modal.labs-mobile-item-modal .labs-item-modal-close:active {
  transform: scale(.985);
}

#item-modal.labs-mobile-item-modal .item-modal-actions button:disabled {
  opacity: .44 !important;
  cursor: not-allowed !important;
  filter: saturate(.55);
}

#item-modal.labs-mobile-item-modal .item-modal-actions > div:not([style*="grid-template-columns"]) {
  min-width: 0;
  overflow-wrap: anywhere;
}

#item-modal.labs-mobile-item-modal .item-modal-actions > div[style*="grid-template-columns"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(0,1fr)) !important;
  gap: 7px !important;
  margin: 0 0 2px !important;
}

#item-modal.labs-mobile-item-modal .item-modal-actions > div[style*="grid-template-columns"] > button {
  min-height: 46px;
  padding: 8px 5px !important;
  border: 1px solid rgba(140,224,197,.2) !important;
  border-radius: 9px !important;
  background: rgba(140,224,197,.07) !important;
  color: #a9e9d3 !important;
  font: 700 8px/1.25 Orbitron,sans-serif !important;
  letter-spacing: .025em;
}

#item-modal.labs-mobile-item-modal .item-modal-actions button[aria-pressed="true"] {
  border-color: rgba(140,224,197,.65) !important;
  background: rgba(140,224,197,.18) !important;
  color: #e7f1ed !important;
}

#item-modal.labs-mobile-item-modal .item-modal-actions button:focus-visible,
#item-modal.labs-mobile-item-modal .item-modal > button:focus-visible,
#item-modal.labs-mobile-item-modal .labs-item-modal-close:focus-visible,
#item-modal.labs-mobile-item-modal .item-modal-actions input:focus-visible {
  outline: 2px solid #d5f06e !important;
  outline-offset: 2px;
}

#item-modal.labs-mobile-item-modal .item-modal-actions input {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 11px 12px !important;
  border: 1px solid rgba(140,224,197,.24) !important;
  border-radius: 9px !important;
  background: #0d181f !important;
  color: var(--item-ink) !important;
  font: 600 16px/1.3 Rajdhani,sans-serif !important;
}

#item-modal.labs-mobile-item-modal .item-modal-actions input::placeholder { color: #718b89; }

#item-modal.labs-mobile-item-modal .labs-voucher-step > div:first-child {
  color: #d5f06e !important;
  font: 800 9px/1.4 Orbitron,sans-serif !important;
  letter-spacing: .08em !important;
}

#item-modal.labs-mobile-item-modal .labs-voucher-step > div:nth-child(2) {
  color: var(--item-muted) !important;
  font: 600 12px/1.4 Rajdhani,sans-serif !important;
}

#item-modal.labs-mobile-item-modal .labs-voucher-quantity-row {
  min-height: 62px;
  padding: 8px;
  border: 1px solid rgba(213,240,110,.18);
  border-radius: 10px;
  background: rgba(213,240,110,.045);
}

#item-modal.labs-mobile-item-modal .labs-voucher-quantity-row button {
  display: grid;
  place-items: center;
  width: 44px !important;
  height: 44px !important;
  min-height: 44px;
  padding: 0 !important;
  border: 1px solid rgba(213,240,110,.3) !important;
  border-radius: 9px !important;
  background: rgba(213,240,110,.09) !important;
  color: #d5f06e !important;
  font: 700 20px/1 Rajdhani,sans-serif !important;
}

#item-modal.labs-mobile-item-modal .labs-voucher-quantity-row span {
  color: #e8f0d2 !important;
  font: 900 17px/1 Orbitron,sans-serif !important;
}

#item-modal.labs-mobile-item-modal .labs-voucher-step > button {
  min-height: 46px;
  padding: 10px !important;
  border-radius: 10px !important;
  font: 800 9px/1.35 Orbitron,sans-serif !important;
  letter-spacing: .04em;
}

#item-modal.labs-mobile-item-modal .labs-voucher-step > button.btn-primary {
  border: 1px solid rgba(213,240,110,.4) !important;
  background: rgba(213,240,110,.11) !important;
  color: #e2edbe !important;
}

#item-modal.labs-mobile-item-modal .labs-voucher-step > button:not(.btn-primary) {
  border: 1px solid rgba(167,207,193,.15) !important;
  background: rgba(255,255,255,.025) !important;
  color: #91aaa9 !important;
}

#item-modal.labs-mobile-item-modal .item-modal > button.btn {
  margin-top: 10px !important;
  border-color: rgba(167,207,193,.15) !important;
  background: rgba(255,255,255,.025) !important;
  color: #91aaa9 !important;
}

@keyframes labs-item-sheet-in {
  from { opacity: .7; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 560px) {
  #item-modal.labs-mobile-item-modal {
    align-items: center;
    padding: max(18px,env(safe-area-inset-top,0px)) 18px max(18px,env(safe-area-inset-bottom,0px));
  }

  #item-modal.labs-mobile-item-modal .item-modal {
    max-height: min(86dvh,760px);
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(140,224,197,.26);
    border-radius: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #item-modal.labs-mobile-item-modal .item-modal,
  #item-modal.labs-mobile-item-modal .item-modal-actions button,
  #item-modal.labs-mobile-item-modal .labs-item-modal-close {
    animation: none;
    transition: none;
  }
}