/* V4.2.41F-VPS-MIRROR-RO1 — dedicated VPS mirror safety UI */
:root{--oj-mirror-banner-height:42px}
body.pos-mirror-read-only{padding-top:var(--oj-mirror-banner-height)!important}
.mirror-read-only-banner{
  position:fixed;
  inset:0 0 auto 0;
  z-index:10000;
  min-height:var(--oj-mirror-banner-height);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:8px 16px;
  background:linear-gradient(90deg,#7f1d1d,#b91c1c 52%,#7f1d1d);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.28);
  box-shadow:0 5px 18px rgba(127,29,29,.28);
  text-align:center;
  font-size:12px;
  line-height:1.25;
  letter-spacing:0;
}
.mirror-read-only-banner strong{
  flex:0 0 auto;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
}
.mirror-read-only-banner span{font-weight:700}
body.pos-mirror-read-only .auth-screen,
body.pos-mirror-read-only .app-shell{min-height:calc(100dvh - var(--oj-mirror-banner-height))!important}
body.pos-mirror-read-only .sidebar{top:var(--oj-mirror-banner-height)!important}
body.pos-mirror-read-only .overlay{top:var(--oj-mirror-banner-height)!important}
body.pos-mirror-read-only .topbar{top:var(--oj-mirror-banner-height)!important}
body.pos-mirror-read-only .auth-card{
  border:2px solid rgba(248,113,113,.5)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 0 5px rgba(248,113,113,.1)!important;
}
body.pos-mirror-read-only .auth-sub{color:#b42318!important;font-weight:900!important}
body.pos-mirror-read-only .small-note{
  padding:10px 12px;
  border-radius:12px;
  background:#fff1f1;
  color:#991b1b!important;
  font-weight:850;
}
@media (max-width:640px){
  :root{--oj-mirror-banner-height:56px}
  .mirror-read-only-banner{
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
    padding:8px 12px;
    text-align:left;
    font-size:11px;
  }
  .mirror-read-only-banner strong{font-size:11px}
}