/*
Document Title: NexoProof Customer Area Mobile Corrections
Document ID: BLD-028-WEB-CSS-008
Artifact Type: Public responsive-layout correction
Classification: PUBLIC
Disclosure Status: Founder-approved live website publication
Owner: NexoProof Intelligence
Related Work Item: BLD-028 / GitHub Issue #33
Version: 1.0
*/

@media (max-width: 700px) {
  .workspace-header {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 14px;
  }

  .workspace-header > div:first-child {
    min-width: 0;
  }

  .header-tools {
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .user-card {
    min-width: 0;
    flex: 1 1 160px;
  }

  .user-card > div:last-child {
    min-width: 0;
  }

  .user-card strong,
  .user-card small {
    overflow-wrap: anywhere;
  }
}