/*
  UA Settings Pages
  Shared page-local layouts extracted from settings hub pages.
*/

.syshub-grid,
.mtkhub-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.syshub-card,
.mtkhub-card{
  border:1px solid var(--ua-border,rgba(255,255,255,.12));
  border-radius:18px;
  background:rgba(4,14,34,.78);
  box-shadow:0 16px 36px rgba(0,0,0,.22);
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.syshub-card{
  min-height:180px;
}

.mtkhub-card{
  min-height:170px;
}

.syshub-card h3,
.mtkhub-card h3{
  margin:0;
  font-size:1.06rem;
}

.syshub-card h3{
  font-size:1.08rem;
}

.syshub-card p,
.mtkhub-card p{
  margin:0;
  color:rgba(234,240,255,.78);
  line-height:1.8;
}

.syshub-actions,
.mtkhub-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:auto;
}

.ua-msg-page .form-check{
  padding-right:1.6rem;
}

.ua-msg-page .form-check-input{
  margin-right:-1.3rem;
  margin-left:.6rem;
}

.ua-msg-page .ua-hint{
  opacity:.8;
  font-size:.92rem;
}

.ua-msg-page .ua-grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.ua-msg-page textarea{
  min-height:110px;
}

.ua-msg-page code.ua-code{
  display:block;
  direction:ltr;
  text-align:left;
  background:rgba(0,0,0,.06);
  padding:10px;
  border-radius:10px;
}

@media (max-width:1100px){
  .syshub-grid,
  .mtkhub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .ua-msg-page .ua-grid2{
    grid-template-columns:1fr;
  }
}

@media (max-width:700px){
  .syshub-grid,
  .mtkhub-grid{
    grid-template-columns:1fr;
  }
}
