/* Product UI only: document typography and export layout remain untouched. */
body { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif; }
.home-page { background:#f5f7fc; color:#182230; }.home-nav { max-width:1240px; margin:auto; padding:26px 30px; display:flex; align-items:center; justify-content:space-between; gap:20px; }.home-nav nav { display:flex; gap:24px; }.home-nav a { text-decoration:none; color:#344054; font-size:14px; }.home-page .brand-mark { background:#315de8; box-shadow:none; }.home-main { max-width:1240px; margin:auto; padding:20px 30px; }.home-hero { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:70px; padding:55px 0 75px; }.home-hero h1 { font-size:clamp(38px,4.6vw,64px); letter-spacing:-2px; line-height:1.2; margin:18px 0 22px; }.home-eyebrow { color:#315de8; font-size:13px; font-weight:650; }.home-description { color:#617088; line-height:1.9; max-width:470px; font-size:17px; }.home-primary,.home-secondary { padding:14px 20px; border-radius:10px; text-decoration:none; margin:14px 0 22px; font-size:14px; }.home-primary { background:#315de8; color:white; }.home-secondary { color:#344054; background:white; border:1px solid #dce3ef; }.home-preview { padding:32px; background:white; border:1px solid #e0e6ef; border-radius:20px; box-shadow:0 18px 55px #233a6410; }.home-preview h2 { font-size:25px; line-height:1.5; }.home-preview ol { padding-left:24px; }.home-preview li { padding:12px 0 12px 8px; color:#315de8; }.home-preview li b,.home-preview li span { display:block; }.home-preview li b { color:#27364b; font-size:15px; margin-bottom:6px; }.home-preview li span { color:#68778c; font-size:13px; line-height:1.7; }.home-journey > h2 { font-size:25px; margin-bottom:24px; }.home-footer { padding:35px 20px; text-align:center; color:#718096; font-size:12px; }
@media(max-width:760px) { .home-nav { padding:20px; }.home-nav nav { gap:12px; }.home-nav nav a { font-size:12px; }.home-main { padding:0 20px; }.home-hero { grid-template-columns:1fr; padding:30px 0; gap:24px; }.home-preview { padding:24px; } }
body.workspace-page { background: #f4f6fa; color: #182230; }
.workspace-page .side-navigation { width: 216px; padding: 26px 16px; background: #fff; border-right: 1px solid #e5eaf1; box-shadow: none; }
.workspace-page .workspace-content { margin-left: 216px; min-width: 0; }
.workspace-page .side-brand { margin: 0 8px 34px; }
.workspace-page .brand-mark { background: #315de8; box-shadow: none; border-radius: 12px; }
.workspace-page .side-nav-link { border-radius: 10px; padding: 12px; min-height: 48px; color: #586579; margin-bottom: 6px; }
.workspace-page .side-nav-link > span { background: none; box-shadow: none; border: 0; color: inherit; }
.workspace-page .side-nav-link svg { width: 21px; height: 21px; }
.workspace-page .side-nav-link.is-active { background: #edf2ff; color: #254dc7; box-shadow: none; }
.workspace-page .side-nav-link.is-active::before { display:none; }
.workspace-page .side-nav-link.is-active > span { background:none; color:inherit; box-shadow:none; }
.workspace-page .side-nav-link:hover { background: #f2f5fb; }
.workspace-page .side-account { border-color: #e5eaf1; }
.workspace-page .dashboard-main, .workspace-page .resume-library-main, .workspace-page .interview-main, .workspace-page .ai-editor-main, .jobs-main { width: auto; max-width: 1440px; margin: auto; padding: 28px 32px; }
.workspace-page h1 { font-size: clamp(24px, 2.2vw, 32px); line-height: 1.3; letter-spacing: -.6px; }
.workspace-page .dashboard-kicker, .workspace-page .ai-editor-heading .dashboard-kicker { display: none; }
.workspace-page .library-heading, .workspace-page .interview-heading, .workspace-page .ai-editor-heading { margin-bottom: 24px; gap: 18px; }
.workspace-page .ai-editor-heading > p { max-width: 540px; text-align: left; font-size: 13px; }
.workspace-page .library-button, .workspace-page .login-submit { border-radius: 9px; min-height: 40px; box-shadow: none; font-size: 13px; }
.workspace-page .primary, .workspace-page .login-submit { background: #315de8; color: white; border-color: #315de8; }
.workspace-page .secondary { background: white; color: #344054; border: 1px solid #d9e0eb; }
.workspace-page input:not([type=checkbox]), .workspace-page select, .workspace-page textarea { border: 1px solid #d7deea; border-radius: 8px; background: #fff; font: inherit; font-size: 14px; padding: 11px 12px; }
.workspace-page :is(button,a,input,select,textarea):focus-visible { outline: 3px solid #809eff; outline-offset: 3px; }
.workspace-page .resume-record, .workspace-page .interview-setup-card { border: 1px solid #e0e6ef; box-shadow: none; border-radius: 14px; }
.workspace-page .resume-record h2 { font-size: 19px; }
.workspace-page .resume-record-meta { align-items: flex-start; gap: 12px; flex-direction: column; }
.workspace-page .resume-record-meta > div { flex-wrap: wrap; gap: 8px; }
.workspace-page .resume-record-meta .ai-edit-action { background: #315de8; color: #fff; border-radius: 7px; padding: 8px 12px; }
.workspace-page .resume-record [data-resume-action=delete] { color: #b42318; }
.resume-record details { position:relative; font-size:12px; }.resume-record summary { cursor:pointer; padding:8px; color:#637087; }.resume-record details[open] { padding:0 8px 8px; border:1px solid #dce3ed; border-radius:8px; }.resume-record details[open] button { display:block; padding:8px; }
.workspace-page .ai-editor-workspace { height: calc(100dvh - 146px); min-height: 530px; grid-template-columns: minmax(290px, 350px) minmax(0, 1fr); }
.workspace-page .ai-chat-panel, .workspace-page .live-resume-panel { border-radius: 13px; box-shadow: none; border-color: #dde4ee; }
.workspace-page .live-resume-panel > header { flex-wrap: wrap; gap: 10px; padding: 12px 16px; }
.workspace-page .resume-export-actions { flex-wrap: wrap; }
.workspace-page .ai-chat-form { max-height: 48vh; }
.workspace-page .ai-chat-form textarea { min-height: 72px; }
.workspace-page .ai-chat-scroll { background: #f8faff; }
.workspace-page .ai-chat-message.user { background: #315de8; }
.workspace-page .ai-chat-message.user > span { color: #e3eaff; }
.workspace-page .ai-workflow { background: #fff; border-color: #dce4f4; }
.workspace-page .ai-workflow pre { font-family: inherit; }
.ux-heading { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 24px; }
.ux-heading h1 { margin: 0 0 8px; }.ux-heading p, .ux-muted { color: #66758a; line-height: 1.65; margin: 0; font-size: 14px; }
.ux-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.ux-actions a { text-decoration: none; }
.ux-panel { background: #fff; border: 1px solid #e0e6ef; border-radius: 14px; padding: 24px; margin-bottom: 20px; }
.ux-panel h2 { font-size: 18px; margin: 0 0 12px; }.ux-panel h3 { font-size: 15px; }
.ux-path { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-bottom: 28px; }
.ux-path a { text-decoration: none; background: white; border: 1px solid #e0e6ef; border-radius: 13px; padding: 22px; color: #182230; }
.ux-path a:hover { border-color: #809eff; }.ux-path small { color: #315de8; font-weight: 650; }.ux-path h2 { font-size: 17px; margin: 14px 0 8px; }
.ux-list-row { padding: 17px 0; border-top: 1px solid #edf0f5; display: flex; justify-content: space-between; gap: 16px; align-items: center; }.ux-list-row h3 { margin: 0 0 5px; }
.ux-filter { display: flex; gap: 12px; align-items: center; margin: 0 0 20px; }.ux-filter input { max-width: 400px; }
.ux-state { padding: 28px; text-align: center; color: #687589; }.ux-state a { color: #315de8; }
.ux-tabs { display: flex; gap: 8px; margin-bottom: 18px; }.ux-tabs button { padding: 10px 15px; border: 1px solid #dce3ef; border-radius: 8px; background: white; cursor: pointer; }.ux-tabs button[aria-pressed=true] { background: #edf2ff; color: #254dc7; border-color: #b9caff; }
.jobs-columns { display: grid; grid-template-columns: minmax(260px, .95fr) minmax(0,1.2fr); gap: 20px; align-items: start; }.jobs-query { display: grid; grid-template-columns: minmax(0,1fr) 140px auto; gap: 12px; align-items: end; }.jobs-query label { margin: 0 0 6px; }.jobs-results { display: grid; gap: 10px; }.jobs-result { background: white; text-align: left; padding: 18px; border: 1px solid #dee5ef; border-radius: 12px; cursor: pointer; }.jobs-result[aria-pressed=true] { border-color: #315de8; box-shadow: 0 0 0 1px #315de8; }.jobs-result b { font-size: 16px; display: block; }.jobs-result span { display:block; color: #627087; margin-top: 8px; }.jobs-result strong { color:#315de8; display:block; margin-top:10px; }.jobs-description { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.85; color: #445169; max-height: 46vh; overflow-y: auto; font-size: 14px; }.jobs-detail { position: sticky; top: 20px; }.jobs-detail select { width: 100%; margin: 8px 0 12px; }
.workspace-page.sidebar-collapsed .workspace-content { margin-left: 80px; }.workspace-page.sidebar-collapsed .side-navigation { width: 80px; padding: 26px 10px; }
.login-page { background:#f4f6fa; }.login-page .login-card { border-radius:18px; border:1px solid #e0e6ef; box-shadow:0 16px 48px #1c31540b; }.login-page .login-story h1 { font-size:clamp(34px,4vw,58px); }.login-page .login-submit { background:#315de8; box-shadow:none; border-radius:9px; }.login-page .login-card-accent { background:#315de8; }
@media(max-width:1100px) { .workspace-page .workspace-content { margin-left:80px; }.workspace-page .side-navigation { width:80px; padding:24px 10px; }.workspace-page .side-nav-link b,.workspace-page .side-brand .brand-name,.workspace-page .side-account > div { display:none; }.workspace-page .side-collapse-toggle { display:none; }.workspace-page .dashboard-main,.workspace-page .resume-library-main,.workspace-page .interview-main,.workspace-page .ai-editor-main,.jobs-main { padding:24px 18px; }.ux-path { gap:10px; }.ux-path a { padding:16px; } }
@media(max-width:760px) { .workspace-page .side-navigation,.workspace-page.sidebar-collapsed .side-navigation { position:sticky; top:0; width:100%; height:auto; padding:8px 12px; border-right:0; border-bottom:1px solid #e0e6ef; z-index:30; }.workspace-page .side-brand,.workspace-page .side-account { display:none; }.workspace-page .side-nav-links { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin:0; }.workspace-page .side-nav-link { display:flex; flex-direction:column; align-items:center; gap:4px; padding:7px 3px; margin:0; min-height:52px; }.workspace-page .side-nav-link > span { width:22px; height:22px; }.workspace-page .side-nav-link b { display:block; font-size:11px; }.workspace-page .workspace-content,.workspace-page.sidebar-collapsed .workspace-content { margin-left:0; }.ux-heading { align-items:flex-start; flex-direction:column; gap:14px; }.ux-path { grid-template-columns:1fr; }.ux-path h2 { margin:6px 0; }.ux-panel { padding:18px; }.jobs-columns { grid-template-columns:1fr; }.jobs-detail { position:static; }.jobs-query { grid-template-columns:minmax(0,1fr) 110px; }.jobs-query button { grid-column:1/-1; }.ux-list-row { align-items:flex-start; flex-direction:column; }.workspace-page .ai-editor-workspace { display:flex; flex-direction:column; height:auto; min-height:0; }.workspace-page .ai-chat-panel { height:650px; min-height:0; }.workspace-page .live-resume-panel { height:750px; min-height:0; }.workspace-page .ai-editor-heading { align-items:flex-start; flex-direction:column; }.workspace-page .resume-list { grid-template-columns:1fr; }.workspace-page .library-heading { align-items:flex-start; }.login-story { display:none; }.login-layout { display:block; padding:28px 18px; }.login-card { max-width:440px; margin:auto; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
@media(max-width:760px) {
 .workspace-page .side-navigation,.workspace-page.sidebar-collapsed .side-navigation { inset:0 auto auto 0; flex-direction:column; align-items:stretch; }
 .workspace-page .side-nav-links { width:100%; }
 .workspace-page .side-nav-link b,.workspace-page.sidebar-collapsed .side-nav-link b { display:block; }
 .workspace-page .side-account,.workspace-page.sidebar-collapsed .side-account { display:flex; justify-content:flex-end; margin:0; padding:0; border:0; }
 .workspace-page .side-account-avatar { display:none; }
 .workspace-page .side-account button { min-height:28px; width:auto; height:auto; padding:4px 8px; }
}

@media(max-width:760px) { .workspace-page .side-nav-links { grid-template-columns:repeat(5,1fr); } }