/* MiniJob V3 Citron: only the brand slots change. Existing UI tokens,
   typography, spacing and component states remain owned by their stylesheets. */
.mj-wordmark {
  display: block;
  width: 146px;
  height: auto;
  max-width: 100%;
  flex: none;
  direction: ltr;
  padding: 6px 10px;
  border-radius: 12px;
  background: #11493D;
}
.mj-monogram {
  display: block;
  width: 40px;
  height: 40px;
  flex: none;
}
.mj-avatar {
  overflow: hidden;
  background: transparent;
}
.mj-avatar .mj-monogram {
  width: 100%;
  height: 100%;
}
.back-home .mj-monogram {
  width: 32px;
  height: 32px;
}
/* The existing fixed 2.6rem title split “Administration” mid-word on phones. */
.admin-login h1 { font-size: clamp(1.6rem, 8vw, 2.6rem); }
/* The fixed minima of the existing connected grids exceed tablet widths. */
.app-search-field input { min-width: 0; }
.admin-main .workspace-grid > *, .admin-main fieldset { min-width: 0; }
.admin-main .table-wrap { max-width: 100%; }
/* Four employer destinations stay on one row, above the reserved page padding. */
.employer-mobile-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-body .admin-reply-dialog { width: min(620px, calc(100vw - 28px)); }
.admin-body .admin-reply-dialog form { display: grid; gap: 14px; }
.admin-body .admin-reply-dialog h2, .admin-body .admin-reply-dialog p { margin: 0; }
.admin-body .admin-reply-dialog textarea { width: 100%; min-height: 140px; font-size: 1rem; }
.admin-body .admin-reply-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.admin-body .admin-reply-actions .button { flex: 1 1 210px; }
@media (min-width: 761px) and (max-width: 1099px) {
  .candidate-home-grid, .employer-home-tools { grid-template-columns: minmax(0, 1fr); }
  .candidate-search-field, .availability-card, .candidate-family-shortcuts {
    grid-column: 1;
    grid-row: auto;
  }
}
@media (max-width: 600px) {
  .public-header .mj-wordmark { width: 128px; }
  .site-header .mj-wordmark { width: 128px; }
}
@media (max-width: 360px) {
  .public-header .mj-wordmark { width: 112px; }
}