/* TIGERTAIL_CLOCK_TASK_CAMERA_MOBILE_V22 */
.portal-camera-photo-field,
.portal-v22-photo-field {
  display: grid;
  gap: .4rem;
  margin: .9rem 0;
  padding: .85rem;
  border: 1px solid rgba(11, 105, 118, .35);
  border-radius: 10px;
  background: #f2fbfc;
}

.portal-camera-photo-field span,
.portal-v22-photo-field span {
  color: #38555a;
  font-size: .92rem;
}

.portal-camera-photo-field input,
.portal-v22-photo-field input {
  width: 100%;
  min-width: 0;
}

.protected-photo-links,
.message-attachments,
.appointment-supporting-files {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin-top: .75rem;
}

.protected-photo-links strong,
.message-attachments strong {
  flex-basis: 100%;
}

@media (max-width: 640px) {
  .site-header .brand-copy strong,
  .site-header .brand-copy small,
  .site-header .nav-link,
  .site-header .nav-panel .button,
  .site-header .portal-language-toggle,
  h1, h2, h3, button, .button, label, dt, dd {
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
  }

  .site-header .brand-copy strong {
    white-space: nowrap;
    font-size: clamp(.82rem, 4.1vw, 1rem);
  }

  .site-header .brand-copy small {
    display: none;
  }

  .portal-camera-photo-field input,
  .portal-v22-photo-field input {
    font-size: 16px;
  }

  .protected-photo-links .button,
  .message-attachments .button,
  .appointment-supporting-files .button {
    width: 100%;
    white-space: normal;
  }
}