/* ibaplus UI: mobile first, tiles compactos, dark minimal */

:root{
  --ibaplus-bg: #0b1220;
  --ibaplus-panel: rgba(16, 24, 39, .72);
  --ibaplus-border: rgba(255,255,255,.08);
  --ibaplus-text: rgba(230,238,248,.92);
  --ibaplus-muted: rgba(230,238,248,.68);
  --ibaplus-shadow: 0 14px 34px rgba(0,0,0,.28);
  --ibaplus-radius: 16px;
}

body.ibaplus-dashboard,
body.ibaplus-escala,
body.ibaplus-escala-equipe,
body.ibaplus-library,
body.ibaplus-culto-online,
body.ibaplus-home-public,
body.ibaplus-login,
body.ibaplus-suporte{
  background: radial-gradient(1200px 520px at 50% -10%, rgba(59,130,246,.35), transparent 60%),
              radial-gradient(900px 520px at 15% 10%, rgba(168,85,247,.22), transparent 55%),
              radial-gradient(1000px 520px at 85% 30%, rgba(6,182,212,.18), transparent 60%),
              var(--ibaplus-bg);
  color: var(--ibaplus-text);
}

/* Esconde o título padrão do Floka nessas páginas, reduz ruído */
body.ibaplus-dashboard .pxl-page-title,
body.ibaplus-escala .pxl-page-title,
body.ibaplus-escala-equipe .pxl-page-title,
body.ibaplus-library .pxl-page-title,
body.ibaplus-home-public .pxl-page-title,
body.ibaplus-login .pxl-page-title,
body.ibaplus-suporte .pxl-page-title,
body.ibaplus-culto-online .pxl-page-title{
  display:none;
}

/* Menos menus nessas páginas */
body.ibaplus-dashboard .pxl-header,
body.ibaplus-escala .pxl-header,
body.ibaplus-escala-equipe .pxl-header,
body.ibaplus-library .pxl-header,
body.ibaplus-login .pxl-header{
  opacity: .98;
}
body.ibaplus-dashboard .pxl-header-nav,
body.ibaplus-escala .pxl-header-nav,
body.ibaplus-escala-equipe .pxl-header-nav,
body.ibaplus-library .pxl-header-nav,
body.ibaplus-login .pxl-header-nav{
  display:none !important;
}

/* Container */
.ibaplus-wrap{
  max-width: 1080px;
  margin: 0 auto;
  padding: 18px 16px 38px 16px;
}
@media (min-width: 900px){
  .ibaplus-wrap{ padding: 28px 18px 54px 18px; }
}

/* Topbar simples */
.ibaplus-topbar{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: var(--ibaplus-radius);
  background: rgba(10, 16, 28, .55);
  border: 1px solid var(--ibaplus-border);
  box-shadow: var(--ibaplus-shadow);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.ibaplus-brand{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 800;
  letter-spacing: .2px;
}
.ibaplus-actions{
  display:flex;
  gap: 10px;
  align-items:center;
}
.ibaplus-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid var(--ibaplus-border);
  background: rgba(255,255,255,.06);
  color: var(--ibaplus-text);
  text-decoration:none;
  font-weight: 700;
  font-size: .92rem;
  line-height: 1;
}
.ibaplus-btn.primary{
  background: rgba(59,130,246,.92);
  border-color: rgba(59,130,246,.55);
  color: #07101e;
}

/* Títulos */
.ibaplus-h1{
  font-size: 1.9rem;
  margin: 18px 0 6px 0;
}
.ibaplus-sub{
  color: var(--ibaplus-muted);
  margin: 0 0 16px 0;
}

/* Tiles compactos */
.ibaplus-tiles{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (min-width: 720px){
  .ibaplus-tiles{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1040px){
  .ibaplus-tiles{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.ibaplus-tile{
  border-radius: var(--ibaplus-radius);
  background: var(--ibaplus-panel);
  border: 1px solid var(--ibaplus-border);
  box-shadow: var(--ibaplus-shadow);
  overflow:hidden;
}
.ibaplus-tile a{
  display:flex;
  gap: 12px;
  align-items:center;
  padding: 14px 14px;
  width:100%;
  height:100%;
  text-decoration:none;
  color: var(--ibaplus-text);
}
.ibaplus-ico{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  flex: 0 0 auto;
}
.ibaplus-title{
  font-weight: 800;
  font-size: .98rem;
  line-height: 1.1;
}
.ibaplus-desc{
  color: var(--ibaplus-muted);
  font-size: .84rem;
  margin-top: 2px;
}

/* Listas resumidas */
.ibaplus-grid-2{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 12px;
}
@media (min-width: 920px){
  .ibaplus-grid-2{ grid-template-columns: 1fr 1fr; }
}
.ibaplus-card{
  border-radius: var(--ibaplus-radius);
  background: rgba(10, 16, 28, .52);
  border: 1px solid var(--ibaplus-border);
  box-shadow: var(--ibaplus-shadow);
  overflow:hidden;
}
.ibaplus-card-head{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
.ibaplus-pill{
  font-size:.72rem;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(59,130,246,.16);
  border: 1px solid rgba(59,130,246,.22);
  color: var(--ibaplus-text);
}
.ibaplus-card-body{
  padding: 10px 14px 12px 14px;
}
.ibaplus-item{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
  color: var(--ibaplus-text);
}
.ibaplus-item:last-child{ border-bottom:none; }
.ibaplus-item small{ color: var(--ibaplus-muted); }

/* Responsivo para embeds */
.ibaplus-embed{
  border-radius: var(--ibaplus-radius);
  overflow:hidden;
  border: 1px solid var(--ibaplus-border);
  box-shadow: var(--ibaplus-shadow);
}