/*
 * Lusty Looters admin v487
 * Restore the Delivery Servers page's native visual language after the
 * shared v485 component stylesheet. This file is intentionally scoped to
 * admin-delivery-servers-page so no other admin screen is affected.
 */

html body.ll-admin-shell.admin-delivery-servers-page .delivery-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-stat {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 16px 16px 15px !important;
  text-align: left !important;
  overflow: hidden !important;
  border: 1px solid rgba(95, 161, 255, .24) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(7, 14, 26, .95), rgba(4, 10, 20, .95)) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-stat::before {
  content: none !important;
  display: none !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-stat::after {
  content: "" !important;
  position: absolute !important;
  right: -35px !important;
  bottom: -45px !important;
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(95, 161, 255, .10), transparent 65%) !important;
  pointer-events: none !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-stat small {
  display: block !important;
  margin: 0 !important;
  color: #8fb7ec !important;
  font: 900 10px/1 "JetBrains Mono", monospace !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-stat b {
  display: block !important;
  margin: 10px 0 0 !important;
  color: #fff !important;
  font: 900 32px/.9 "Cinzel", serif !important;
  letter-spacing: normal !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-toolbar {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) 170px 170px !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
}

html body.ll-admin-shell.admin-delivery-servers-page
  :is(.delivery-toolbar input, .delivery-toolbar select, .delivery-row input, .delivery-row select) {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(95, 161, 255, .22) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(6, 14, 26, .98), rgba(4, 9, 18, .99)) !important;
  color: #eff6ff !important;
  font: 800 13px/1.2 "JetBrains Mono", monospace !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02) !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}

html body.ll-admin-shell.admin-delivery-servers-page
  :is(.delivery-toolbar input, .delivery-toolbar select, .delivery-row input, .delivery-row select):hover {
  border-color: rgba(95, 161, 255, .38) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page
  :is(.delivery-toolbar input, .delivery-toolbar select, .delivery-row input, .delivery-row select):focus {
  outline: none !important;
  border-color: rgba(95, 161, 255, .62) !important;
  box-shadow: 0 0 0 3px rgba(15, 104, 234, .12) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page
  :is(.delivery-toolbar select, .delivery-row select) {
  appearance: auto !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-list {
  display: grid !important;
  gap: 12px !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 210px minmax(160px, 1.2fr) minmax(140px, 1fr) 78px 105px 105px 150px minmax(120px, 1fr) 120px !important;
  align-items: end !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(95, 161, 255, .16) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(7, 17, 32, .98), rgba(4, 10, 20, .98)) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .16) !important;
  transform: none !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 12px auto 12px 0 !important;
  width: 3px !important;
  height: auto !important;
  border-radius: 3px !important;
  background: #5fa1ff !important;
  box-shadow: 0 0 14px rgba(95, 161, 255, .28) !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row::after {
  content: none !important;
  display: none !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(95, 161, 255, .28) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .2) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row.hidden-row {
  border-color: rgba(247, 198, 107, .22) !important;
  background: linear-gradient(180deg, rgba(22, 18, 9, .35), rgba(4, 10, 20, .98)) !important;
  opacity: .82 !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row.hidden-row::before,
html body.ll-admin-shell.admin-delivery-servers-page .delivery-row.locked-row::before {
  background: #f7c66b !important;
  box-shadow: 0 0 14px rgba(247, 198, 107, .26) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row.locked-row {
  border-color: rgba(247, 198, 107, .30) !important;
  background: linear-gradient(180deg, rgba(31, 22, 8, .42), rgba(4, 10, 20, .98)) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row.blocked-row {
  border-color: rgba(255, 111, 138, .28) !important;
  background: linear-gradient(180deg, rgba(28, 11, 18, .38), rgba(4, 10, 20, .98)) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row.blocked-row::before {
  background: #ff6f8a !important;
  box-shadow: 0 0 14px rgba(255, 111, 138, .28) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row > .server-id {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(95, 161, 255, .14) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(9, 22, 42, .78), rgba(5, 12, 24, .88)) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row label {
  display: grid !important;
  min-width: 0 !important;
  gap: 7px !important;
  color: #8fb7ec !important;
  font: 900 9px/1 "JetBrains Mono", monospace !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row strong {
  color: #fff !important;
  font: 900 13px/1.2 "JetBrains Mono", monospace !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row .original {
  margin-top: 6px !important;
  color: #9bb4d3 !important;
  font: 800 11px/1.35 "JetBrains Mono", monospace !important;
  word-break: break-word !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-status-select[data-state="visible"] {
  border-color: rgba(85, 230, 140, .32) !important;
  color: #c8f8dc !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-status-select[data-state="hidden"],
html body.ll-admin-shell.admin-delivery-servers-page .delivery-status-select[data-state="locked"] {
  border-color: rgba(247, 198, 107, .48) !important;
  color: #ffe1a3 !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-status-select[data-state="blocked"] {
  border-color: rgba(255, 111, 138, .42) !important;
  color: #ffd4dc !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-btn {
  min-height: 46px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(95, 161, 255, .28) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(10, 24, 45, .96), rgba(4, 10, 20, .98)) !important;
  color: #eaf3ff !important;
  font: 900 10px/1 "JetBrains Mono", monospace !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 10px 26px rgba(0, 0, 0, .16) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-btn:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(95, 161, 255, .5) !important;
  background: linear-gradient(180deg, rgba(10, 24, 45, .96), rgba(4, 10, 20, .98)) !important;
  color: #eaf3ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 14px 32px rgba(15, 104, 234, .14) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-btn.primary {
  border-color: rgba(85, 230, 140, .38) !important;
  background: linear-gradient(180deg, rgba(17, 64, 48, .94), rgba(5, 18, 16, .98)) !important;
  color: #eafff2 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 28px rgba(85, 230, 140, .09) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-btn.warn {
  border-color: rgba(255, 111, 138, .30) !important;
  background: linear-gradient(180deg, rgba(41, 18, 29, .94), rgba(15, 8, 14, .98)) !important;
  color: #ffd4dc !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .row-save-btn {
  position: relative !important;
  width: 100% !important;
  min-height: 44px !important;
  overflow: hidden !important;
  border: 1px solid rgba(85, 230, 140, .34) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(15, 55, 39, .92), rgba(4, 18, 16, .98)) !important;
  color: #dfffea !important;
  font: 900 10px/1 "JetBrains Mono", monospace !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 24px rgba(85, 230, 140, .07) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .row-save-btn:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(85, 230, 140, .62) !important;
  background: linear-gradient(180deg, rgba(15, 55, 39, .92), rgba(4, 18, 16, .98)) !important;
  color: #dfffea !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 30px rgba(85, 230, 140, .14) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .row-save-btn.saving {
  pointer-events: none !important;
  border-color: rgba(95, 161, 255, .55) !important;
  background: linear-gradient(180deg, rgba(13, 35, 68, .95), rgba(5, 14, 28, .98)) !important;
  color: #dcecff !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .row-save-btn.saving::before {
  content: "" !important;
  position: absolute !important;
  left: 13px !important;
  top: 50% !important;
  width: 13px !important;
  height: 13px !important;
  margin-top: -6.5px !important;
  border: 2px solid rgba(220, 236, 255, .22) !important;
  border-top-color: #9fc6ff !important;
  border-radius: 50% !important;
  animation: deliverySpin .75s linear infinite !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .row-save-btn.saved {
  pointer-events: none !important;
  border-color: rgba(85, 230, 140, .62) !important;
  background: linear-gradient(180deg, rgba(17, 72, 50, .96), rgba(5, 22, 18, .98)) !important;
  color: #b7f7cf !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .row-save-btn.error {
  border-color: rgba(255, 111, 138, .55) !important;
  background: linear-gradient(180deg, rgba(60, 18, 32, .96), rgba(18, 6, 12, .98)) !important;
  color: #ffd4dc !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row.is-saving {
  border-color: rgba(95, 161, 255, .38) !important;
  box-shadow: 0 0 0 1px rgba(95, 161, 255, .08), 0 16px 34px rgba(15, 104, 234, .10) !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-row.saved-pulse {
  animation: deliverySavedPulse 1.25s ease-out 1 !important;
}

@keyframes deliverySpin {
  to { transform: rotate(360deg); }
}

@keyframes deliverySavedPulse {
  0% { box-shadow: 0 0 0 0 rgba(85, 230, 140, .28); }
  100% { box-shadow: 0 0 0 14px rgba(85, 230, 140, 0); }
}

/* Keep v484's open starfield layout: restore controls and effects, not a page-wide card. */
html body.ll-admin-shell.admin-delivery-servers-page .delivery-main > .delivery-panel {
  padding-inline: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.ll-admin-shell.admin-delivery-servers-page .delivery-main > .delivery-panel::before,
html body.ll-admin-shell.admin-delivery-servers-page .delivery-main > .delivery-panel::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1300px) {
  html body.ll-admin-shell.admin-delivery-servers-page .delivery-row {
    grid-template-columns: 210px 1fr 1fr 78px 105px 105px 150px 1fr 124px !important;
  }
}

@media (max-width: 1100px) {
  html body.ll-admin-shell.admin-delivery-servers-page .delivery-row {
    grid-template-columns: 1fr 1fr !important;
  }

  html body.ll-admin-shell.admin-delivery-servers-page .delivery-toolbar {
    grid-template-columns: 1fr 170px 170px !important;
  }

  html body.ll-admin-shell.admin-delivery-servers-page .delivery-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 700px) {
  html body.ll-admin-shell.admin-delivery-servers-page .delivery-head {
    display: grid !important;
  }

  html body.ll-admin-shell.admin-delivery-servers-page
    :is(.delivery-row, .delivery-toolbar, .delivery-grid) {
    grid-template-columns: 1fr !important;
  }
}