/* SIMSAR_PRODUCTION_WEB_V8
   Final branding, installability and launch polish. */

.brand .brand-mark.simsar-v8-brand-mark{
  overflow:hidden;
  padding:0;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
}
.brand .brand-mark.simsar-v8-brand-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.brand .simsar-v8-brand-copy b{letter-spacing:.01em}
.brand .simsar-v8-brand-copy span{white-space:nowrap}

.simsar-v8-install{
  display:none;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:0 10px;
  border:1px solid rgba(229,54,23,.25);
  border-radius:10px;
  background:#fff;
  color:#b92c14;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.simsar-v8-install.show{display:inline-flex}
.simsar-v8-install:hover{background:#fff6f3}

.simsar-v8-update{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:122;
  display:none;
  align-items:center;
  gap:9px;
  max-width:min(420px,calc(100vw - 24px));
  padding:9px 10px 9px 12px;
  border:1px solid #dbeafe;
  border-radius:14px;
  background:rgba(255,255,255,.98);
  box-shadow:0 16px 45px rgba(15,23,42,.16);
  color:#1e3a8a;
  font-size:11px;
  font-weight:800;
  backdrop-filter:blur(10px);
}
.simsar-v8-update.show{display:flex}
.simsar-v8-update button{
  min-height:30px;
  padding:0 10px;
  border:0;
  border-radius:9px;
  background:#e53617;
  color:#fff;
  font:inherit;
  cursor:pointer;
}

@media(max-width:760px){
  .top-actions .simsar-v8-install{display:none!important}
  .simsar-v8-update{right:12px;bottom:78px;left:12px;max-width:none}
}