/* DINA V2 layout refinements. Keep user identity readable and admin forms concise. */

.topbar .company-select {
  width: min(720px, calc(100% - 220px));
  max-width: 720px;
  min-width: 280px;
  flex: 0 1 720px;
}

.topbar .user-info {
  flex: 0 0 auto;
  min-width: 180px;
  white-space: nowrap;
}

.topbar .user-info strong,
.topbar .user-info small {
  display: block;
  white-space: nowrap;
}

/* Copy yang tidak diperlukan pada Administration. */
.admin-grid > .panel.full:nth-of-type(1) .panel-title p,
.admin-grid > .panel.full:nth-of-type(2) .panel-title p {
  display: none;
}

/* Editor dibuat lebih nyaman dibaca, termasuk akun Administrator System. */
#company-editor .modal-summary,
#user-editor .modal-summary {
  padding: 18px;
  overflow: visible;
}

#user-editor .access-row > span:first-child:last-child {
  grid-column: 1 / -1;
}

@media (max-width: 650px) {
  .topbar .company-select {
    width: 100%;
    max-width: none;
    min-width: 0;
    flex: 1 1 auto;
  }

  .topbar .user-info {
    min-width: 0;
    white-space: normal;
  }

  .topbar .user-info strong,
  .topbar .user-info small {
    white-space: normal;
  }
}