/* App Info Box front-end styles */
.aib-box{
  margin: 18px 0 0;
  padding: 14px;
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  background: #fff;
}

.aib-box h2{
  margin: 0 0 10px;
  font-size: 18px;
}

.aib-grid-front{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

@media (max-width: 780px){
  .aib-grid-front{ grid-template-columns: repeat(2, 1fr); }
}

.aib-item{
  padding: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
}

.aib-item b{
  display:block;
  margin-bottom: 6px;
}

.aib-note{
  margin-top: 12px;
  padding: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
}

.aib-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 12px;
}

.aib-btn{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid #e8e8e8;
  background: #fff;
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
}

.aib-primary{
  background:#111;
  color:#fff;
  border-color:#111;
}

/* Auto fonts */
body.aib-font-en{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
body.aib-font-ur{
  font-family: "Noto Nastaliq Urdu", "Noto Sans Arabic", serif;
}
body.aib-rtl{
  direction: rtl;
}