.ral-rate-page{padding:8px 10px 12px;max-width:none}
.ral-rate-command{margin-bottom:8px}
.ral-rate-card{margin-top:10px;padding:10px}
.ral-rate-note{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin:2px 4px 10px}
.ral-rate-note strong{font-size:14px}.ral-rate-note span{font-size:12px;opacity:.72;max-width:920px}
.ral-rate-workspace{padding:0}
.ral-rate-ms-note{margin:0 2px 8px}

.ral-rate-frame-shell{
  position:relative;
  height:calc(100vh - 154px);
  min-height:820px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,#0b1220,#0f172a);
  box-shadow:0 18px 45px rgba(2,6,23,.22);
}
.ral-rate-frame-shell iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  background:#0f172a;
}
.ral-rate-frame-shell.is-waiting iframe{visibility:hidden}

.ral-rate-loading{
  position:absolute;
  inset:0;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:32px;
  text-align:center;
  color:#f8fafc;
  background:
    radial-gradient(circle at top,rgba(124,58,237,.22),transparent 34%),
    linear-gradient(180deg,#0b1220,#111827);
}
.ral-rate-loading[hidden]{display:none!important}
.ral-rate-loading strong{font-size:22px}
.ral-rate-loading span{max-width:660px;font-size:13px;line-height:1.55;opacity:.74}
.ral-rate-loading.is-fallback strong{font-size:24px}
.ral-rate-loading-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.ral-rate-spinner{
  width:38px;height:38px;border-radius:999px;
  border:3px solid rgba(255,255,255,.18);
  border-top-color:#a78bfa;
  animation:ral-rate-spin .9s linear infinite;
}
@keyframes ral-rate-spin{to{transform:rotate(360deg)}}

.ral-rate-fallback-bar{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-top:7px;
  padding:7px 10px;
  border-radius:9px;
  background:rgba(15,23,42,.58);
  border:1px solid rgba(148,163,184,.12);
  font-size:11px;
  color:#cbd5e1;
}
.ral-rate-fallback-bar a{color:#c4b5fd;text-decoration:none;font-weight:700}

.ral-rate-frame{
  height:calc(100vh - 190px);
  min-height:760px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  background:#0f172a
}
.ral-rate-frame iframe{width:100%;height:100%;border:0;display:block;background:#0f172a}

body.ral-rate-focus .portal-root{grid-template-columns:1fr!important}
body.ral-rate-focus .portal-root>.sidebar{display:none!important}
body.ral-rate-focus .main-stage{width:100%!important;max-width:none!important}
body.ral-rate-focus .ral-rate-page{padding:6px 10px 10px!important;max-width:none!important}
body.ral-rate-focus .ral-rate-frame-shell{height:calc(100vh - 106px);min-height:900px}
body.ral-rate-focus .ral-rate-fallback-bar{margin-bottom:0}

@media(min-width:1600px){
  .ral-rate-frame-shell{height:calc(100vh - 146px);min-height:880px}
  .ral-rate-command h1{font-size:30px}
}
@media(max-width:760px){
  .ral-rate-page{padding:8px}
  .ral-rate-frame-shell{height:calc(100vh - 205px);min-height:660px}
  body.ral-rate-focus .ral-rate-frame-shell{height:calc(100vh - 155px);min-height:700px}
  .ral-rate-fallback-bar{align-items:flex-start;flex-direction:column}
}