.app-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.app-title{margin:0 0 6px}
.app-actions{display:flex; gap:10px; flex-wrap:wrap}
.app-grid{grid-template-columns: 1fr; gap:12px}
.app-card{padding:16px}
.app-card h2{margin:0 0 6px}
.app-row{display:flex; gap:10px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-top:10px}
.chip{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.12);
  color:rgba(255,255,255,.75);
  font-weight:700;
  max-width: 100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.chip--warn{
  border-color: rgba(251,191,36,.35);
  background: rgba(251,191,36,.10);
  color:#fde68a;
}
.app-card--empty{opacity:.9}
@media (min-width: 900px){
  .app-grid{grid-template-columns: repeat(3, 1fr)}
}