/* FilmIndustry Jobs — UP1675 Auth/Register + Dashboard Mobile Cleanup
   Scope: final public auth and workspace/dashboard mobile cleanup.
   Guardrail: CSS-only visual polish, no business logic changes. */

.fij-design-v1675 {
  --fij-mobile-edge: 14px;
  --fij-mobile-card-pad: 14px;
  --fij-mobile-radius: 0;
}

@media (max-width: 767px) {
  body.fij-design-v1675,
  body.fij-design-v1675 * {
    -webkit-tap-highlight-color: rgba(0, 194, 215, .14);
  }

  body.fij-design-v1675 .container {
    width: 100%;
    max-width: 100%;
    padding-left: var(--fij-mobile-edge) !important;
    padding-right: var(--fij-mobile-edge) !important;
  }

  /* Auth screens: less billboard, more usable form. */
  body.fj-auth.fij-design-v1675 {
    background: #f3f4f1;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-shell,
  body.fj-auth.fij-design-v1675 .fij-public-auth-shell {
    display: block !important;
    min-height: 100svh;
    padding: 0;
    background: #f3f4f1;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-brand-panel {
    min-height: 0 !important;
    padding: 16px 14px 14px !important;
    border: 0 !important;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-brand-panel .fij-auth-brand {
    margin-bottom: 14px !important;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-brand-panel h1 {
    max-width: 92%;
    font-size: clamp(1.55rem, 8vw, 2.1rem) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    margin: 8px 0 8px !important;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-brand-panel p {
    max-width: 96%;
    font-size: .88rem !important;
    line-height: 1.55 !important;
    margin: 0 !important;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-trust-list {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 7px !important;
    margin-top: 12px !important;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-trust-list span {
    min-height: 0 !important;
    padding: 8px 10px !important;
    font-size: .72rem !important;
    line-height: 1.2 !important;
    letter-spacing: .04em !important;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-form-panel {
    align-items: stretch !important;
    padding: 14px !important;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-form-panel > *,
  body.fj-auth.fij-design-v1675 form,
  body.fj-auth.fij-design-v1675 .card,
  body.fj-auth.fij-design-v1675 .auth-card,
  body.fj-auth.fij-design-v1675 .panel {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-form-panel .card,
  body.fj-auth.fij-design-v1675 .auth-card,
  body.fj-auth.fij-design-v1675 .fij-auth-card,
  body.fj-auth.fij-design-v1675 .panel {
    padding: 16px !important;
    border-color: rgba(15, 23, 42, .12) !important;
    box-shadow: 5px 5px 0 rgba(15, 23, 42, .12) !important;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-form-panel h1,
  body.fj-auth.fij-design-v1675 .fij-auth-form-panel h2 {
    font-size: clamp(1.55rem, 7vw, 2rem) !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
    margin-bottom: 8px !important;
  }

  body.fj-auth.fij-design-v1675 .fij-auth-form-panel p,
  body.fj-auth.fij-design-v1675 .fij-auth-form-panel .muted {
    font-size: .86rem !important;
    line-height: 1.5 !important;
  }

  body.fj-auth.fij-design-v1675 label {
    gap: 6px !important;
    font-size: .78rem !important;
    line-height: 1.25 !important;
  }

  body.fj-auth.fij-design-v1675 input,
  body.fj-auth.fij-design-v1675 select,
  body.fj-auth.fij-design-v1675 textarea,
  body.fj-auth.fij-design-v1675 .input {
    min-height: 42px !important;
    padding: 10px 11px !important;
    font-size: .92rem !important;
    line-height: 1.35 !important;
  }

  body.fj-auth.fij-design-v1675 .btn,
  body.fj-auth.fij-design-v1675 button[type="submit"] {
    min-height: 42px !important;
    width: auto !important;
    max-width: 280px !important;
    padding: 11px 16px !important;
    font-size: .72rem !important;
    letter-spacing: .09em !important;
  }

  body.fj-auth.fij-design-v1675 form .btn,
  body.fj-auth.fij-design-v1675 form button[type="submit"] {
    width: 100% !important;
    max-width: none !important;
  }

  /* Dashboards and profile workspaces: reduce nested boxes, use screen width. */
  body.fij-design-v1675.fij-dashboard-context .dashboard-public-hero,
  body.fij-design-v1675 .fij-profile-workspace-v1661 .fij-profile-workspace-hero,
  body.fij-design-v1675 .fij-employer-workspace-v1661 .talent-growth-hero {
    padding: 24px 0 18px !important;
    margin: 0 !important;
  }

  body.fij-design-v1675.fij-dashboard-context .role-public-hero-inner,
  body.fij-design-v1675 .fij-profile-workspace-v1661 .fij-profile-hero-grid,
  body.fij-design-v1675 .fij-employer-workspace-v1661 .talent-growth-hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  body.fij-design-v1675.fij-dashboard-context .dashboard-public-hero h1,
  body.fij-design-v1675 .fij-profile-workspace-v1661 .hero h1,
  body.fij-design-v1675 .fij-employer-workspace-v1661 .hero h1 {
    max-width: 100% !important;
    font-size: clamp(1.7rem, 8vw, 2.45rem) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    margin: 8px 0 !important;
  }

  body.fij-design-v1675.fij-dashboard-context .dashboard-public-hero p,
  body.fij-design-v1675 .fij-profile-workspace-v1661 .hero p,
  body.fij-design-v1675 .fij-employer-workspace-v1661 .hero p {
    max-width: 100% !important;
    font-size: .9rem !important;
    line-height: 1.55 !important;
  }

  body.fij-design-v1675 .role-score,
  body.fij-design-v1675 .fij-profile-score-card,
  body.fij-design-v1675 .talent-growth-score-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 13px 14px !important;
    min-height: 0 !important;
    border: 1px solid rgba(15, 23, 42, .12) !important;
    box-shadow: none !important;
  }

  body.fij-design-v1675 .role-score span,
  body.fij-design-v1675 .fij-profile-score-card strong,
  body.fij-design-v1675 .talent-growth-score-card strong {
    font-size: clamp(1.75rem, 8vw, 2.25rem) !important;
    line-height: .95 !important;
  }

  body.fij-design-v1675 .role-dashboard-grid,
  body.fij-design-v1675 .fij-dashboard-onboarding-grid,
  body.fij-design-v1675 .fij-profile-workspace-grid,
  body.fij-design-v1675 .fij-employer-workspace-v1661 .grid-3,
  body.fij-design-v1675 .fij-employer-workspace-v1661 .section .grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding-top: 14px !important;
    padding-bottom: 22px !important;
  }

  body.fij-design-v1675 .card,
  body.fij-design-v1675 .role-main-card,
  body.fij-design-v1675 .fij-profile-dashboard-card,
  body.fij-design-v1675 .fij-dashboard-command-card,
  body.fij-design-v1675 .fij-lucas-dashboard-card,
  body.fij-design-v1675 .warning-card,
  body.fij-design-v1675 .role-package-card,
  body.fij-design-v1675 .ai-job-cta,
  body.fij-design-v1675 .career-toolkit-cta,
  body.fij-design-v1675 .fij-profile-form,
  body.fij-design-v1675 .fij-profile-side-stack > *,
  body.fij-design-v1675 .color-card {
    padding: var(--fij-mobile-card-pad) !important;
    border-color: rgba(15, 23, 42, .12) !important;
    box-shadow: none !important;
  }

  body.fij-design-v1675 .fij-dashboard-welcome-row,
  body.fij-design-v1675 .form-head,
  body.fij-design-v1675 .section-tight {
    display: block !important;
    margin-bottom: 12px !important;
  }

  body.fij-design-v1675 .card h2,
  body.fij-design-v1675 .form-head h2,
  body.fij-design-v1675 .color-card h2 {
    font-size: clamp(1.15rem, 5.2vw, 1.45rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -.03em !important;
    margin: 6px 0 6px !important;
  }

  body.fij-design-v1675 .card p,
  body.fij-design-v1675 .card .muted,
  body.fij-design-v1675 .color-card p,
  body.fij-design-v1675 .form-head p {
    font-size: .86rem !important;
    line-height: 1.5 !important;
  }

  body.fij-design-v1675 .role-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  body.fij-design-v1675 .role-kpi {
    min-height: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(15, 23, 42, .1) !important;
    background: #f8f8f5 !important;
  }

  body.fij-design-v1675 .role-kpi strong {
    font-size: 1.55rem !important;
    line-height: 1 !important;
  }

  body.fij-design-v1675 .role-kpi span,
  body.fij-design-v1675 .role-kpi small {
    font-size: .72rem !important;
    line-height: 1.25 !important;
  }

  body.fij-design-v1675 .role-actions,
  body.fij-design-v1675 .button-row,
  body.fij-design-v1675 .application-submit-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  body.fij-design-v1675 .btn,
  body.fij-design-v1675 .button,
  body.fij-design-v1675 a.btn,
  body.fij-design-v1675 button.btn {
    min-height: 38px !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 10px 13px !important;
    font-size: .7rem !important;
    line-height: 1.1 !important;
    letter-spacing: .075em !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.fij-design-v1675 .btn.secondary,
  body.fij-design-v1675 .button.secondary,
  body.fij-design-v1675 a.btn.secondary {
    background: transparent !important;
    box-shadow: none !important;
  }

  body.fij-design-v1675 .fij-chip-stack {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 10px 0 !important;
  }

  body.fij-design-v1675 .fij-chip-stack a,
  body.fij-design-v1675 .clean-list li,
  body.fij-design-v1675 .fij-profile-gaps li {
    font-size: .78rem !important;
    line-height: 1.25 !important;
  }

  body.fij-design-v1675 .fij-profile-form .grid,
  body.fij-design-v1675 .fij-profile-form .grid-2,
  body.fij-design-v1675 .fij-profile-form .grid-3,
  body.fij-design-v1675 .form-grid-compact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.fij-design-v1675 .fij-profile-form label {
    font-size: .76rem !important;
    line-height: 1.25 !important;
  }

  body.fij-design-v1675 .fij-profile-form .input,
  body.fij-design-v1675 .fij-profile-form input,
  body.fij-design-v1675 .fij-profile-form select,
  body.fij-design-v1675 .fij-profile-form textarea {
    min-height: 42px !important;
    padding: 10px 11px !important;
    font-size: .9rem !important;
    line-height: 1.4 !important;
  }

  body.fij-design-v1675 .fij-profile-form textarea.input,
  body.fij-design-v1675 .fij-profile-form textarea {
    min-height: 104px !important;
  }

  body.fij-design-v1675 label.check,
  body.fij-design-v1675 .check.wide {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    padding: 10px !important;
    border: 1px solid rgba(15, 23, 42, .1) !important;
    background: #f8f8f5 !important;
  }

  body.fij-design-v1675 .fij-document-row,
  body.fij-design-v1675 .fij-mini-job {
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  }

  body.fij-design-v1675 .fij-mini-job strong,
  body.fij-design-v1675 .fij-mini-job span {
    display: block !important;
    line-height: 1.35 !important;
  }

  body.fij-design-v1675 .fij-mobile-bottom-app,
  body.fij-design-v1675 .mobile-bottom-app-bar,
  body.fij-design-v1675 .fij-bottom-app-bar {
    line-height: 1.1 !important;
  }
}

@media (min-width: 768px) {
  body.fij-design-v1675.fij-dashboard-context .card,
  body.fij-design-v1675 .fij-profile-workspace-v1661 .card,
  body.fij-design-v1675 .fij-employer-workspace-v1661 .card {
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  }

  body.fij-design-v1675.fij-dashboard-context .card:hover,
  body.fij-design-v1675 .fij-profile-workspace-v1661 .card:hover,
  body.fij-design-v1675 .fij-employer-workspace-v1661 .card:hover {
    border-color: rgba(15, 23, 42, .28);
  }
}