/* public/hub/style.css — Hub public-surface overrides
   Builds on global /assets/ui.css design system.
*/

.section-card textarea {
  resize: vertical;
}

.previewWrap img {
  border-radius: var(--radius);
  display: block;
}

.previewWrap {
  border: 1px solid var(--ring);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--card);
}

form > * + * {
  margin-top: 8px;
}

main > .page-header {
  padding-bottom: 4px !important;
  margin-bottom: 4px !important;
}

main > .section-card {
  margin-top: 8px !important;
  padding-top: 12px !important;
}

.section-card > h2:first-child {
  margin-top: 2px !important;
}

@media (max-width: 768px) {
  main > .page-header {
    padding-bottom: 2px !important;
    margin-bottom: 2px !important;
  }

  main > .section-card {
    margin-top: 4px !important;
    padding-top: 8px !important;
  }

  .section-card > h2:first-child {
    margin-top: 0 !important;
  }
}

.section-card label > small.muted {
  display: block;
  margin-top: 6px;
}

/* Hub activity child card system */
.hubChildCard{border-radius:var(--radius);border:1px solid var(--ring);box-shadow:var(--shadow-xs)}
.hubChildCardHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hubChildCardTitle{font-weight:600}
.hubChildCardMenuBtn{width:40px;min-width:40px;max-width:40px;min-height:40px;padding:0;flex:0 0 40px}
.hubChildCardMeta{font-size:.88rem;color:var(--muted)}
.hubChildCardOgWrap{display:block;inline-size:100%;max-inline-size:100%;margin-inline:auto;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;background:color-mix(in oklab,var(--card,#fff) 86%,var(--ring));}
.hubChildCardOgWrap img{display:block;width:100%;height:100%;max-inline-size:100%;border-radius:var(--radius);object-fit:cover}