/* RAYOK_PORTAL_AUTO_SETUP_V1_3_UI */
.pas-master-form {
  max-width: 1180px;
}

.pas-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid var(--line, #20324b);
  border-radius: 8px;
  background: #101b2b;
}

.pas-section b {
  color: #fff;
}

.pas-section span {
  color: var(--muted, #9db0c8);
  text-align: right;
}

.pas-status {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pas-status span {
  border: 1px solid var(--line, #20324b);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--muted, #9db0c8);
}

.pas-status b {
  color: #e8f1ff;
}

.password-field {
  position: relative;
}

.password-field input {
  padding-right: 44px !important;
}

.password-eye {
  position: absolute;
  right: 9px;
  bottom: 10px;
  width: 28px;
  height: 24px;
  border: 0;
  background: transparent;
  color: #91a4bf;
  cursor: pointer;
  border-radius: 6px;
  padding: 0;
}

.password-eye:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 17px;
  height: 10px;
  border: 1.7px solid currentColor;
  border-radius: 50%;
}

.password-eye:after {
  content: "";
  position: absolute;
  left: 12px;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
}

.password-eye:hover,
.password-eye.is-visible {
  color: #fff;
  background: #142238;
}

.copy-btn {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 0 !important;
  padding: 0 !important;
  position: relative !important;
  flex: 0 0 auto;
}

.copy-btn:before,
.copy-btn:after {
  content: "";
  position: absolute;
  border: 1.6px solid #b9c8dd;
  border-radius: 2px;
  width: 9px;
  height: 12px;
}

.copy-btn:before {
  left: 6px;
  top: 8px;
  background: #0b1321;
}

.copy-btn:after {
  left: 10px;
  top: 4px;
  background: #101a2b;
}

.copy-btn:hover {
  background: #13233a !important;
}

.copy-btn:hover:before,
.copy-btn:hover:after {
  border-color: #fff;
}

.pas-mfa-box,
.mfa-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.pas-mfa-box svg,
.mfa-box svg {
  display: block;
  max-width: 260px;
  width: 100%;
  height: auto;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
}

.pas-mfa-box .copy-line,
.mfa-box .copy-line {
  width: 100%;
}

.pas-saved-broker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line, #20324b);
  border-radius: 8px;
  background: #0b1524;
  padding: 14px;
}

.pas-saved-broker b,
.pas-saved-broker span {
  display: block;
}

.pas-saved-broker span {
  color: var(--muted, #9db0c8);
  margin-top: 4px;
}

@media (max-width: 760px) {
  .pas-section,
  .pas-saved-broker {
    align-items: flex-start;
    flex-direction: column;
  }

  .pas-section span {
    text-align: left;
  }
}

/* RAYOK_PA1_OPERATIONAL_UX_MANAGER_V1 */
.rayok-btn-busy{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;cursor:wait!important;opacity:.88}
.rayok-btn-spinner{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:rayokSpin .72s linear infinite;flex:0 0 auto}
@keyframes rayokSpin{to{transform:rotate(360deg)}}
.rayok-op-chip{position:fixed;right:22px;top:76px;z-index:8990;display:flex;align-items:center;gap:9px;max-width:min(360px,calc(100vw - 28px));border:1px solid rgba(80,150,255,.35);background:rgba(8,20,36,.96);color:#eaf4ff;border-radius:12px;padding:10px 13px;box-shadow:0 12px 34px rgba(0,0,0,.34);font:inherit;cursor:pointer}
.rayok-op-chip.hidden{display:none}.rayok-op-chip b{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rayok-op-chip>span:last-child{font-size:11px;color:#91a7c1}
.rayok-op-pulse{width:9px;height:9px;border-radius:50%;background:#4d9cff;box-shadow:0 0 0 0 rgba(77,156,255,.55);animation:rayokPulse 1.6s infinite}
@keyframes rayokPulse{70%{box-shadow:0 0 0 8px rgba(77,156,255,0)}100%{box-shadow:0 0 0 0 rgba(77,156,255,0)}}
.rayok-op-backdrop{position:fixed;inset:0;z-index:9000;background:transparent;display:flex;align-items:flex-start;justify-content:flex-end;padding:76px 22px 22px;pointer-events:none}
.rayok-op-backdrop.hidden{display:none}.rayok-op-dialog{width:min(560px,calc(100vw - 44px));max-height:min(760px,calc(100vh - 98px));overflow:auto;background:#081421;border:1px solid rgba(100,160,220,.24);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.55);color:#e8f1fb;pointer-events:auto}
.rayok-op-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 20px;border-bottom:1px solid rgba(120,160,200,.14)}.rayok-op-dialog h2{margin:3px 0 0;font-size:20px}.rayok-op-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6faef5;font-weight:700}.rayok-op-close{border:0;background:transparent;color:#9fb2c8;font-size:26px;line-height:1;cursor:pointer;padding:0 3px}.rayok-op-dialog>main{padding:20px}.rayok-op-dialog>footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid rgba(120,160,200,.14);padding:13px 20px;color:#8196ae;font-size:12px}
.rayok-op-status{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:13px;border-radius:12px;background:rgba(74,147,230,.08);border:1px solid rgba(74,147,230,.15)}.rayok-op-status.bad{background:rgba(220,80,80,.08);border-color:rgba(220,80,80,.2)}.rayok-op-status.good{background:rgba(50,175,115,.08);border-color:rgba(50,175,115,.2)}.rayok-op-status-dot{width:10px;height:10px;border-radius:50%;background:#4d9cff;margin-top:5px}.rayok-op-status.bad .rayok-op-status-dot{background:#e25f67}.rayok-op-status.good .rayok-op-status-dot{background:#36b878}.rayok-op-status b{display:block}.rayok-op-status p{margin:4px 0 0;color:#9db0c4;line-height:1.45}.rayok-op-status strong{font-size:13px;color:#a8c9ef}
.rayok-op-progress,.rayok-op-indeterminate{height:7px;margin:14px 0;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}.rayok-op-progress i{height:100%;display:block;background:linear-gradient(90deg,#2c83e8,#66afff);border-radius:999px;transition:width .25s ease}.rayok-op-indeterminate i{display:block;width:35%;height:100%;background:linear-gradient(90deg,transparent,#5ca9ff,transparent);animation:rayokIndeterminate 1.25s linear infinite}@keyframes rayokIndeterminate{from{transform:translateX(-120%)}to{transform:translateX(360%)}}
.rayok-op-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rayok-op-meta span{padding:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:9px;color:#a9b9ca;font-size:12px;overflow:hidden;text-overflow:ellipsis}.rayok-op-meta b{display:block;color:#637f9d;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.rayok-op-activity{margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:11px}.rayok-op-activity summary{cursor:pointer;color:#aac9ed;font-size:12px}.rayok-op-activity div{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04)}.rayok-op-activity small{color:#8799ad}.rayok-op-background-note{display:grid;gap:3px;margin-top:14px;padding:11px 12px;border-radius:10px;background:rgba(49,143,227,.07);color:#9fb6cf}.rayok-op-background-note b{color:#cfe5ff;font-size:12px}.rayok-op-background-note span{font-size:11px;line-height:1.45}
@media(max-width:720px){.rayok-op-chip{top:auto;bottom:16px;right:14px}.rayok-op-backdrop{align-items:flex-end;justify-content:center;padding:8px}.rayok-op-dialog{width:100%;border-radius:16px 16px 10px 10px;max-height:84vh}.rayok-op-meta{grid-template-columns:1fr}.rayok-op-dialog>footer{align-items:flex-start;flex-direction:column}.rayok-op-activity div{grid-template-columns:1fr}}