/* Hosted-only additions on top of the prototype's stylesheet (panelpro.css), for pages the prototype does not
   have: People and "no organization yet". Anything the prototype also shows belongs in panelpro.css. */
.home .table-wrap td { white-space: normal; }
.home .table-wrap td .field { min-width: 11em; }
.home .table-wrap td.actions { text-align: right; white-space: nowrap; }
.host-form { display: grid; gap: 12px; }
.host-form label, .invite-form label { display: grid; gap: 6px; font-size: 14px; font-weight: 500; }
.invite-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; align-items: end; margin-top: 12px; }
@media (max-width: 640px) {
  .invite-form { grid-template-columns: 1fr; }
  .home .table-wrap table, .home .table-wrap tbody, .home .table-wrap tr, .home .table-wrap td { display: block; }
  .home .table-wrap thead { display: none; }
  .home .table-wrap tr { border-bottom: 1px solid var(--line); padding: 8px 4px; }
  .home .table-wrap td { border: 0; padding: 4px 8px; }
  .home .table-wrap td.actions { text-align: left; }
}