:root {
  --pda-ink-v557: #172039;
  --pda-muted-v557: #65708a;
  --pda-blue-v557: #2459d3;
  --pda-green-v557: #16865b;
  --pda-red-v557: #c83434;
  --pda-amber-v557: #a86100;
  --pda-soft-v557: #f2f5fb;
}

.pda-access-v557 {
  min-height: 100dvh;
  padding: max(18px, env(safe-area-inset-top)) 16px max(22px, env(safe-area-inset-bottom));
}

.pda-access-v557 .access-card {
  width: min(100%, 470px);
  gap: 14px;
}

.pda-mark-v557 {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  margin: 0 auto 2px;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(145deg, #1d65df, #173c97);
  box-shadow: 0 12px 30px rgb(36 89 211 / 25%);
  font-size: 38px;
  line-height: 1;
}

.pda-copy-v557,
.pda-security-note-v557 {
  text-align: center;
}

.pda-device-summary-v557 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 12px;
  padding: 12px 14px;
  border: 1px solid #dce3f0;
  border-radius: 14px;
  background: var(--pda-soft-v557);
}

.pda-device-summary-v557 strong {
  color: var(--pda-ink-v557);
}

.pda-device-summary-v557 span {
  color: var(--pda-muted-v557);
  font-size: 13px;
}

.pda-device-summary-v557 b {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 11px;
}

.pda-device-summary-v557 b.test {
  color: #18499e;
  background: #dceaff;
}

.pda-device-summary-v557 b.live {
  color: #fff;
  background: var(--pda-red-v557);
}

.pda-big-button-v557 {
  min-height: 54px;
  font-size: 16px;
  font-weight: 800;
}

.pda-scanner-test-v557 {
  border: 1px solid #d8dfec;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}

.pda-scanner-test-v557 summary {
  padding: 13px 14px;
  color: var(--pda-blue-v557);
  cursor: pointer;
  font-weight: 800;
}

.pda-scanner-test-v557[open] {
  padding: 0 12px 12px;
}

.pda-scanner-test-v557[open] summary {
  margin: 0 -12px 10px;
  border-bottom: 1px solid #e5eaf3;
}

.pda-scanner-test-v557 p {
  margin: 0 0 10px;
  color: var(--pda-muted-v557);
  font-size: 13px;
  line-height: 1.45;
}

.pda-scanner-test-result-v557 {
  margin-top: 8px;
  padding: 9px 10px;
  border-radius: 9px;
  color: var(--pda-muted-v557);
  background: var(--pda-soft-v557);
  font-size: 12px;
  font-weight: 700;
}

.pda-scanner-test-result-v557.ok {
  color: #075f3a;
  background: #dff6eb;
}

.pda-scanner-test-result-v557.err {
  color: #9e2222;
  background: #ffe4e4;
}

.pda-selector-v557 .module-card-1545 {
  max-width: 720px;
}

.pda-module-button-v557 {
  min-height: 190px;
  border-color: #a9c5ff !important;
  background: linear-gradient(160deg, #fff, #edf4ff) !important;
}

.pda-mode-banner-v557 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid;
  border-radius: 13px;
}

.pda-mode-banner-v557 strong {
  padding: 5px 8px;
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  letter-spacing: .04em;
}

.pda-mode-banner-v557 span {
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.pda-mode-banner-v557.test {
  border-color: #b9d2ff;
  color: #173d83;
  background: #eaf2ff;
}

.pda-mode-banner-v557.test strong {
  background: var(--pda-blue-v557);
}

.pda-mode-banner-v557.live {
  border-color: #f0a5a5;
  color: #851d1d;
  background: #fff0f0;
}

.pda-mode-banner-v557.live strong {
  background: var(--pda-red-v557);
}

.pda-shell-v557 {
  width: min(100%, 620px);
  min-height: 100dvh;
  margin: 0 auto;
  padding: max(14px, env(safe-area-inset-top)) 12px max(28px, env(safe-area-inset-bottom));
  color: var(--pda-ink-v557);
  background: #f6f8fc;
}

.pda-top-v557 {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.pda-top-v557 h1,
.pda-loading-v557 h1 {
  margin: 2px 0 0;
  font-size: clamp(23px, 7vw, 34px);
}

.pda-top-v557 .btn {
  min-height: 44px;
}

.pda-cart-summary-v557 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 10px 0;
  padding: 11px 13px;
  border: 1px solid #dde3ee;
  border-radius: 12px;
  background: #fff;
  font-size: 13px;
}

.pda-cart-summary-v557 span {
  color: var(--pda-muted-v557);
}

.pda-feedback-v557 {
  display: grid;
  gap: 3px;
  margin: 10px 0;
  padding: 12px 14px;
  border-radius: 12px;
}

.pda-feedback-v557 span {
  font-size: 13px;
  line-height: 1.4;
}

.pda-feedback-v557.ok {
  color: #075f3a;
  background: #dff6eb;
}

.pda-feedback-v557.warn {
  color: #7c4900;
  background: #fff0cb;
}

.pda-feedback-v557.err {
  color: #922525;
  background: #ffe3e3;
}

.pda-scan-v557 {
  margin: 10px 0;
  padding: 13px;
  border-radius: 14px;
  background: var(--pda-ink-v557);
  box-shadow: 0 10px 24px rgb(23 32 57 / 15%);
}

.pda-scan-v557 > label {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

.pda-scan-v557 > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.pda-scan-v557 .input {
  min-height: 56px;
  border: 3px solid #79a5ff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .04em;
}

.pda-scan-v557 .btn {
  min-height: 56px;
  padding-inline: 16px;
}

.pda-empty-v557,
.pda-loading-v557 {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 260px;
  padding: 28px 18px;
  text-align: center;
  color: var(--pda-muted-v557);
}

.pda-empty-v557 > span {
  font-size: 52px;
  color: #9eb6e8;
}

.pda-empty-v557 strong {
  color: var(--pda-ink-v557);
  font-size: 19px;
}

.pda-empty-v557 small {
  max-width: 330px;
  line-height: 1.45;
}

.pda-result-v557 {
  display: grid;
  gap: 13px;
  padding: 16px;
  border: 2px solid;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgb(23 32 57 / 9%);
}

.pda-result-v557.ready {
  border-color: #58ba8f;
}

.pda-result-v557.warn {
  border-color: #e8b24d;
}

.pda-result-v557.err {
  border-color: #e37b7b;
}

.pda-result-icon-v557 {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  color: #fff;
  background: var(--pda-green-v557);
  font-size: 28px;
  font-weight: 900;
}

.pda-result-v557.warn .pda-result-icon-v557 {
  background: var(--pda-amber-v557);
}

.pda-result-v557.err .pda-result-icon-v557 {
  background: var(--pda-red-v557);
}

.pda-product-v557 h2,
.pda-result-v557 h2 {
  margin: 3px 0;
  font-size: clamp(19px, 5.5vw, 25px);
  line-height: 1.18;
}

.pda-product-meta-v557,
.pda-stock-v557 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.pda-product-meta-v557 span,
.pda-stock-v557 span {
  padding: 9px 10px;
  border-radius: 10px;
  color: var(--pda-muted-v557);
  background: var(--pda-soft-v557);
  font-size: 12px;
}

.pda-stock-v557 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pda-stock-v557 span {
  display: grid;
  gap: 3px;
  text-align: center;
}

.pda-stock-v557 b {
  color: var(--pda-ink-v557);
  font-size: 20px;
}

.pda-destination-v557 {
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border-left: 4px solid var(--pda-blue-v557);
  border-radius: 8px;
  background: #edf3ff;
}

.pda-destination-v557 span,
.pda-destination-v557 small {
  color: #435273;
  line-height: 1.35;
}

.pda-qty-v557 {
  display: grid;
  grid-template-columns: 1fr 118px;
  gap: 12px;
  align-items: center;
  font-size: 18px;
  font-weight: 900;
}

.pda-qty-v557 input {
  min-height: 62px;
  text-align: center;
  font-size: 28px;
  font-weight: 900;
}

.pda-confirm-v557 {
  min-height: 66px;
  font-size: 18px;
  font-weight: 900;
}

.pda-candidates-v557 {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.pda-conflict-cis-v557 {
  margin-top: 10px;
  padding: 9px 10px;
  border-radius: 9px;
  color: #7c4900;
  background: #fff0cb;
  font-size: 12px;
}

.pda-candidate-v557 {
  display: grid;
  gap: 3px;
  width: 100%;
  border: 2px solid #cbd8e8;
  padding: 10px;
  border-radius: 9px;
  background: var(--pda-soft-v557);
  color: inherit;
  text-align: left;
  font-size: 12px;
  cursor: pointer;
}

.pda-candidate-v557:active,
.pda-candidate-v557:focus-visible {
  border-color: var(--pda-green-v557);
  background: #eaf8f1;
}

.pda-admin-v557 {
  margin-top: 18px;
}

.pda-admin-grid-v557 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pda-admin-block-v557 {
  margin-top: 14px;
  padding: 15px;
  border: 1px solid #dce2ed;
  border-radius: 14px;
  background: #fff;
}

.pda-admin-block-v557 h4 {
  margin: 0 0 8px;
}

.pda-admin-users-v557,
.pda-admin-devices-v557 {
  display: grid;
  gap: 8px;
}

.pda-admin-user-v557,
.pda-admin-device-v557 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid #e1e6ef;
  border-radius: 10px;
}

.pda-admin-user-v557 > div,
.pda-admin-device-v557 > div:first-child {
  display: grid;
  gap: 2px;
}

.pda-admin-user-v557 span,
.pda-admin-device-v557 small {
  color: var(--pda-muted-v557);
  font-size: 12px;
}

.pda-admin-user-v557 > b {
  padding: 5px 7px;
  border-radius: 999px;
  font-size: 10px;
}

.pda-admin-user-v557 > b.on {
  color: #075f3a;
  background: #dff6eb;
}

.pda-admin-user-v557 > b.off {
  color: #4d5870;
  background: #e9edf4;
}

.pda-device-form-v557,
.pda-copy-row-v557 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, .6fr) auto;
  gap: 8px;
}

.pda-copy-row-v557 {
  grid-template-columns: minmax(0, 1fr) auto;
}

.pda-activation-code-v557 {
  display: grid;
  gap: 3px;
  margin: 12px 0;
  padding: 14px;
  border: 2px dashed #6e98eb;
  border-radius: 12px;
  text-align: center;
  color: #173d83;
  background: #edf3ff;
}

.pda-activation-code-v557 strong {
  font-size: 30px;
  letter-spacing: .12em;
}

.pda-device-actions-v557 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}

.pda-log-details-v557 {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid #dce2ed;
  border-radius: 12px;
  background: #fff;
}

.pda-log-details-v557 summary {
  cursor: pointer;
  font-weight: 800;
}

@media (max-width: 760px) {
  .pda-admin-grid-v557 {
    grid-template-columns: 1fr;
  }

  .pda-admin-user-v557,
  .pda-admin-device-v557 {
    grid-template-columns: 1fr;
  }

  .pda-device-actions-v557 {
    justify-content: stretch;
  }

  .pda-device-actions-v557 .btn,
  .pda-admin-user-v557 .btn {
    width: 100%;
  }
}

@media (max-width: 430px) {
  .pda-shell-v557 {
    padding-inline: 9px;
  }

  .pda-mode-banner-v557 {
    grid-template-columns: 1fr;
  }

  .pda-stock-v557 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pda-stock-v557 span {
    padding-inline: 4px;
  }

  .pda-scan-v557 > div,
  .pda-device-form-v557 {
    grid-template-columns: 1fr;
  }
}