/* ==========================================================================
   ATS Resume Optimization Agent - Core Stylesheet
   ========================================================================== */

/* Modern CSS Reset & Box Sizing Defaults */
*, ::before, ::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Ensure smooth scrolling and full viewport scaling rails */
html, body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom Minimalist Scrollbars for the Split Panels */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9; /* Tailwind slate-100 */
    border-radius: 8px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1; /* Tailwind slate-300 */
    border-radius: 8px;
    transition: background 0.2s ease-in-out;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; /* Tailwind slate-400 */
}

/* Smooth Focus Rings for Form Textareas */
textarea:focus {
    outline: none;
    border-color: #3b82f6; /* Tailwind blue-500 */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    transition: all 0.2s ease-in-out;
}

/* Interactive Button Hover Transitions */
button, a {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Print-like CSS Tweaks for the Live Resume Layout inside the Panel */
#resultsView font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#resultsView h4 {
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 0.75rem;
}

/* Dynamic Hidden States Transitions */
.hidden {
    display: none !important;
}

/* Prevent layout breaking for extremely long keywords in skills list */
#previewSkills {
    word-break: break-word;
    overflow-wrap: break-word;
}