.bolat-install-button{white-space:nowrap}
.bolat-install-dialog{
 box-sizing:border-box;width:min(94vw,520px);
 max-height:90dvh;overflow:auto;padding:28px;
 border:1px solid var(--pref-line,#293848);border-radius:20px;
 background:var(--pref-panel,#101c2a);color:var(--pref-text,#edf1f5);
 font:inherit
}
.bolat-install-dialog::backdrop{background:rgb(0 0 0 / 65%)}
.bolat-install-dialog h2{margin-top:0}
.bolat-install-dialog li{margin:14px 0;line-height:1.5}
.bolat-install-dialog button{margin-top:16px}
.bolat-connection{
 margin:0;padding:10px 18px;text-align:center;
 background:#4c3712;color:#fff1cd;font:inherit
}
.bolat-connection[hidden],.bolat-install-button[hidden]{display:none!important}
.bolat-offline{
 margin:0;min-height:100vh;display:grid;place-items:center;
 background:#080f17;color:#edf1f5;
 font:16px/1.6 Arial,sans-serif
}
.bolat-offline main{max-width:480px;padding:32px;text-align:center}
.bolat-offline img{border-radius:22px}
.bolat-offline a{
 display:inline-block;margin-top:18px;padding:12px 22px;
 border-radius:28px;background:#d3b36a;color:#080f17;
 text-decoration:none;font-weight:600
}
@media(max-width:680px){
 body>header:has(.bolat-install-button){flex-wrap:wrap;gap:16px}
 .bolat-install-dialog{padding:22px}
}

/* BOLAT: instalacao discreta abaixo dos cartoes */
.bolat-header-controls{
 display:flex;align-items:center;justify-content:flex-end;
 gap:20px;margin-left:auto;flex-wrap:wrap
}
.bolat-install-area{
 margin-top:28px;padding-top:18px;
 border-top:1px solid var(--pref-line,#293848)
}
.bolat-install-area:has(button[hidden]){display:none}
.bolat-install-area .bolat-install-button{
 display:inline-flex;align-items:center;gap:10px;
 padding:10px 0;border:0;border-radius:6px;
 background:transparent;color:var(--pref-muted,#aab8ca);
 font-size:.875rem
}
.bolat-install-area .bolat-install-button:hover{
 color:var(--pref-gold,#d3b36a)
}

@media(max-width:600px){
 .bolat-portal-layout>header{flex-wrap:wrap;gap:20px}
 .bolat-header-controls{width:100%;gap:12px}
 .bolat-portal-layout #operator{
  flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap
 }
 .bolat-header-controls button{padding:10px 16px}
}

/* Botao de instalacao BOLAT */
.bolat-install-area .bolat-install-button{
 gap:12px;padding:13px 22px;min-height:48px;
 border:1px solid var(--pref-gold,#d3b36a);
 border-radius:14px;
 background:var(--pref-gold,#d3b36a);
 color:var(--pref-bg,#080f17);
 font-size:.9375rem;font-weight:600;
 box-shadow:0 4px 14px rgb(0 0 0 / 12%);
 transition:transform .15s ease,box-shadow .15s ease
}
.bolat-install-area .bolat-install-button:hover{
 color:var(--pref-bg,#080f17);
 transform:translateY(-1px);
 box-shadow:0 6px 18px rgb(0 0 0 / 20%)
}
.bolat-install-area .bolat-install-button:active{
 transform:translateY(0)
}
@media(prefers-reduced-motion:reduce){
 .bolat-install-area .bolat-install-button{transition:none;transform:none}
}

/* Instalacao ao lado de PORTAL BOLAT */
.bolat-portal-heading{
 display:flex;align-items:center;gap:20px;flex-wrap:wrap;
 margin-bottom:20px
}
.bolat-portal-heading>.eyebrow{margin:0}
.bolat-portal-heading>.bolat-install-area{
 margin:0;padding:0;border:0
}
.bolat-install-area .bolat-install-button{
 min-height:36px;padding:7px 13px;gap:8px;
 border:1px solid var(--pref-gold,#d3b36a);
 border-radius:999px;background:transparent;
 color:var(--pref-gold,#d3b36a);
 font-size:.75rem;font-weight:400;
 box-shadow:none;transform:none
}
.bolat-install-area .bolat-install-button:hover{
 background:var(--pref-panel,#101c2a);
 color:var(--pref-gold,#d3b36a);
 box-shadow:none;transform:none
}

@media(max-width:420px){
 .bolat-portal-heading{gap:12px}
}