/* JobFit AI V8.1 — conservative UI fixes only.
   Preserves the V7 visual design and HTML structure. */

/* Product dashboard should feel like an app view, without the marketing navbar above it. */
body.dashboard-mode .topbar{display:none}
body.dashboard-mode #dashboardPage{min-height:100vh}
body.dashboard-mode .dashboard{min-height:100vh}

/* Keep long AI/content strings from creating horizontal overflow. */
.ai-writer-card,
.optimization-grid,
.optimization-main,
.optimization-side,
.resume-preview-card,
.before-after,
.confirm-skill-card,
.cover-letter-card{min-width:0}

#optimizedResumePreview,
.ai-version-content,
.cover-letter-output,
.suggestion p{overflow-wrap:anywhere;word-break:normal}

/* Small usability refinements without changing the design language. */
.ai-writer-actions,
.download-actions,
.suggest-actions{flex-wrap:wrap}

.ai-writer-card button,
.download-actions button,
.suggest-actions button{min-height:40px}

/* Improve form readability on mobile; prevents iOS zoom and cramped fields. */
@media(max-width:720px){
  .field input,.field textarea{font-size:16px}
  .checker-card{padding-left:20px;padding-right:20px}
  .optimization-grid{gap:16px}
  .ai-writer-head{gap:14px}
  .ai-writer-actions{gap:8px}
  .download-actions{width:100%}
  .download-actions button{flex:1 1 150px}
}