/* AppBraga v1.58.245 — Escala global sem puxar para o lado */

:root{
  --app-ui-scale: 1;
  --app-ui-scale-percent: 100%;
}

/* Scroll invisível, mas funcional quando é mesmo necessário */
html,
body,
*{
  scrollbar-width:none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

html,
body{
  min-height:100%;
  overflow-x:hidden;
}

/*
  Escala global corrigida:
  - NÃO usa transform: scale()
  - NÃO usa width: calc(100% / scale)
  - usa zoom no contentor visual, que encolhe/aumenta a interface sem a puxar para o lado
*/
body.appbraga-ui-scale-on .appbraga-scale-root{
  zoom:var(--app-ui-scale);
  transform:none !important;
  transform-origin:top center !important;
  width:100% !important;
  max-width:100% !important;
  min-height:100vh;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
}

/* Para Firefox/fallback sem zoom: fica sem partir layout */
@supports not (zoom: 1){
  body.appbraga-ui-scale-on .appbraga-scale-root{
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
  }
}

/* Evitar escala duplicada em painéis próprios/fixed */
.appbraga-ui-scale-settings,
.appbraga-ui-scale-settings *,
.app-window-controls,
.window-controls,
.toast-container,
.modal,
dialog{
  transform:none !important;
}

/* Painel nas Configurações > Ecrã */
.appbraga-ui-scale-settings{
  width:100%;
  margin-top:14px;
  border:1px solid rgba(96,165,250,.24);
  border-radius:22px;
  background:rgba(8,24,52,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  padding:18px;
  box-sizing:border-box;
}

.appbraga-ui-scale-settings h3{
  margin:0 0 6px;
  color:#e5f0ff;
  font-size:20px;
  letter-spacing:-.03em;
}

.appbraga-ui-scale-settings p{
  margin:0 0 14px;
  color:#aebdd5;
  line-height:1.35;
}

.appbraga-ui-scale-row{
  display:grid;
  grid-template-columns:180px 1fr auto;
  align-items:center;
  gap:12px;
}

.appbraga-ui-scale-row label{
  color:#dbeafe;
  font-weight:900;
}

#appbragaUiScaleRange{
  width:100%;
  accent-color:#22d3ee;
}

.appbraga-ui-scale-value{
  min-width:58px;
  text-align:center;
  border:1px solid rgba(96,165,250,.25);
  border-radius:999px;
  padding:8px 11px;
  color:#a5f3fc;
  background:rgba(8,145,178,.16);
  font-weight:950;
}

.appbraga-ui-scale-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.appbraga-ui-scale-btn{
  border:1px solid rgba(96,165,250,.24);
  border-radius:999px;
  padding:10px 14px;
  color:#e5f0ff;
  background:rgba(15,23,42,.70);
  font-weight:900;
  cursor:pointer;
}

.appbraga-ui-scale-btn.primary{
  color:#a5f3fc;
  background:rgba(8,145,178,.20);
}

.appbraga-ui-scale-btn.is-active{
  color:#fff;
  border-color:rgba(34,211,238,.45);
  background:linear-gradient(135deg,rgba(6,182,212,.42),rgba(37,99,235,.42));
}

.appbraga-ui-scale-note{
  margin-top:10px;
  color:#94a3b8;
  font-size:.86rem;
  line-height:1.35;
}

@media(max-width:900px){
  .appbraga-ui-scale-row{
    grid-template-columns:1fr;
    align-items:stretch;
  }

  .appbraga-ui-scale-value{
    width:max-content;
  }
}