/* JobHello visual refresh: quiet surfaces, confident type, one clear accent. */
:root{--purple:#b83f78;--purple-dark:#96305f;--muted:#666575;--line:#e4e3ec;--border:#d5d3df;--soft:#fcecf3;--ink:#252238;--accent:#c34b87;color:var(--ink);background:#faf8f9}
body{background:#faf8f9;color:var(--ink)}
h1{font-size:1.875rem;line-height:1.3;letter-spacing:-.7px;color:var(--ink)}
h2,h3,.card-heading h2,.section-title h3,.result-header h2{color:var(--ink)}
.sidebar,.topbar{background:#fff;border-color:var(--line)}
.sidebar{padding-top:27px}.brand{padding:0 6px 30px}.sidebar-note,.top-actions>.draft-badge{display:none}
.nav-caption{color:var(--muted);font-size:.75rem}.nav-item{color:#575468;font-size:.875rem;position:relative}.nav-item.active{background:var(--soft);color:#96305f;box-shadow:none}.nav-item.active:before{left:-20px;background:var(--purple)}.nav-count{background:#f6dce8;color:#96305f}
.user{border-top:1px solid var(--line);padding:18px 7px 0}.user strong{color:var(--ink)}.user p{color:var(--muted)}.avatar{color:var(--purple);background:var(--soft)}
.topbar{height:70px}.top-actions{gap:12px}.breadcrumb{color:var(--muted)}.breadcrumb strong{color:var(--ink)}.credit-pill{background:#faf8f9;border:1px solid var(--line);border-radius:8px;padding:8px 11px;color:#575468}.credit-pill b{color:var(--ink)}.language-switch{background:#fff;border-color:var(--border);margin:0}.language-switch select{font-size:.875rem;color:var(--ink)}
.main{padding-top:24px}.account-strip{margin-bottom:20px;color:var(--muted)}.intro{margin-bottom:22px}.intro p{color:var(--muted);line-height:1.6;font-size:.9375rem}
.btn{color:#464255;border-color:var(--border);background:#fff;border-radius:8px;box-shadow:none;font-size:.875rem}.btn-primary{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 2px 3px #2522380a}.btn-primary:hover:not(:disabled){background:var(--purple-dark)}.btn-soft{background:var(--soft);border-color:transparent;color:#96305f}.btn-text{color:var(--purple);font-size:.875rem}
input,textarea,select{color:var(--ink);border-color:var(--border);background:#fff;border-radius:8px}input::placeholder,textarea::placeholder{color:#747080}label{color:#464255}input:focus,textarea:focus,select:focus{border-color:var(--purple);outline-color:#f6dce8}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--purple)}
.card,.little-card,.price-card,dialog{background:#fff;border-color:var(--line);border-radius:12px;box-shadow:0 2px 6px #25223803}.card-heading>.icon{color:var(--purple)}.card-head{padding:22px 24px 16px}.card-body{padding:0 24px 24px}
.input-caption,.home-intro p,.guide-card>p,.action-content p,.ai-card p,.price-notes p,.free-card p,.little-card p,.dialog-content p,.price-card p,.route-item p,.profile-link p,.application p,.result-header p,.status-note,.form-footer p,.footer,.char-count{color:var(--muted)}
.input-caption,.pill,.status-note,.destination-label{font-size:.8125rem}.pill{background:#f0f0f5;color:#575468}.pill-purple{background:var(--soft);color:#96305f}.pill-green{background:#eaf6ef;color:#236442}
.home-intro{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:24px;box-shadow:none}.home-intro h1,.guide-card h2,.pricing-intro h1{font-family:inherit;color:var(--ink)}.title-accent{color:var(--purple);background:none;-webkit-text-fill-color:currentColor}.eyebrow,.guide-top{color:#96305f}
.workflow{border-radius:10px;box-shadow:none;padding:12px 20px;margin-bottom:20px}.workflow-step{color:var(--muted)}.workflow-step.active{color:var(--purple)}.active .step-dot{background:var(--purple);border-color:var(--purple);box-shadow:none}.workflow-step:after{background:var(--line)}
.guide-card{background:#fcecf3;border:1px solid #f0d3e0;border-radius:12px;box-shadow:none}.route-item h3,.little-card h3,.ai-card h3{color:var(--ink)}.route-number{color:var(--purple)}.profile-link,.free-card{background:#faf8f9;border-color:var(--line)}.profile-link h3{color:var(--ink)}.tabs{background:#f4f3f8}.tab{color:var(--muted)}.tab.active{color:var(--purple)}
.demo-strip,.ai-plan-notice{background:#fcecf3;border-color:#f0d3e0;color:#754057}.evidence-item{background:#faf8f9;border-left-color:#db91b1}.evidence-item p{color:var(--muted);font-size:.875rem}.match-box{background:#edf6f0;border-color:#d7e9dd}.match-box h3,.match-box p{color:#29573c}.match-box.gap{background:#fff7e9;border-color:#efdfbc}.match-box.gap h3,.match-box.gap p{color:#76551a}.output-text{color:var(--ink);background:#faf8f9}.ai-plan-body p,.output-text{font-size:1rem;line-height:1.8}
.view-tracker .stats-row{gap:0;margin-bottom:16px;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.view-tracker .stat{background:none;border:0;border-right:1px solid var(--line);border-radius:0;padding:15px 22px;display:flex;align-items:baseline;gap:12px}.view-tracker .stat:last-child{border-right:0}.view-tracker .stat b{font-size:1.75rem;font-weight:600;color:var(--ink);line-height:1.2}.view-tracker .stat span{font-size:.875rem;color:var(--muted)}
.upcoming-dates{padding:18px 22px;margin:16px 0}.upcoming-dates.is-empty{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;background:#f0f0f5;border:0;padding:12px 16px}.upcoming-dates.is-empty .section-title,.upcoming-dates.is-empty>.input-caption{display:none}.upcoming-dates.is-empty>p{flex:1 1 360px;font-size:.875rem;color:var(--muted);line-height:1.5;margin:0}.upcoming-dates.is-empty .btn{flex-shrink:0}
.tracker-toolbar{gap:6px;flex-wrap:wrap;margin:20px 0 14px}.tracker-toolbar .btn{border-color:transparent;background:transparent;color:#575468}.tracker-toolbar .btn.active{background:var(--soft);border-color:#edc4d6;color:#96305f}.import-toolbar{margin-bottom:16px}.search-label{color:#575468}.application{padding:18px 22px;border-color:var(--line)}.application .btn-text[data-open-job]{color:var(--ink);font-weight:600;font-size:1rem}.application p{font-size:.875rem}.application-meta{margin-top:4px}.application-meta button{font-size:.8125rem}.application select{font-size:.875rem;border-radius:7px;min-height:38px;padding:7px 10px;background:#f4f3f8;color:#575468}.application select.status-applied{background:#eaf0fb;color:#2f548c}.application select.status-interview{background:#fff3df;color:#76551a}.application select.status-offer{background:#eaf6ef;color:#236442}.application select.status-closed,.application select.status-archived{background:#f0f0f3;color:#666575}.application:hover{background:#fff8fb}
.price-card.featured{background:#fff;border:2px solid var(--purple)}.price-ribbon{background:var(--purple)}.price-card .price{color:var(--ink)}.price-card p,.price-card .price-detail,.price-card .fine{color:var(--muted)}.oxford-brand{opacity:.85}
@media(max-width:930px){.topbar{padding-left:24px;padding-right:24px}.main{padding-left:24px;padding-right:24px}.view-tracker .stat{padding:14px;gap:8px;flex-wrap:wrap}}
@media(max-width:700px){.sidebar{padding:3px 8px 7px;background:#fff}.nav-item{font-size:.75rem}.nav-item.active:before{display:none}.topbar{height:auto;min-height:68px;padding:14px 16px}.top-actions{gap:6px}.language-switch select{font-size:.8125rem;max-width:112px}.credit-pill{padding:7px}.main{padding:20px 16px}.intro h1,.home-intro h1{font-size:1.625rem}.view-tracker .stat{display:block;padding:14px 10px}.view-tracker .stat b{font-size:1.5rem}.view-tracker .stat span{display:block;font-size:.8125rem;margin-top:5px}.application{padding:16px}.upcoming-dates.is-empty{gap:10px}.tracker-toolbar .btn{padding:7px 10px}.card-head,.card-body{padding-left:20px;padding-right:20px}}
@media(min-width:701px) and (max-width:930px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.top-actions{flex-wrap:wrap;max-width:100%}}
/* Mobile working surface: safe areas, readable inputs and generous touch targets. */
@media(max-width:700px){
  html{scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));-webkit-text-size-adjust:100%}
  .shell{min-height:100dvh;padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}
  .sidebar{height:auto;min-height:76px;padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));box-shadow:0 -3px 16px #25223808}
  .sidebar nav{align-items:stretch}.nav-item{height:100%;min-height:64px;padding:8px 3px;line-height:1.25;gap:5px}.nav-item>span:not(.nav-count){font-size:.75rem;max-width:100%;text-align:center}.nav-item .icon{width:22px;height:22px}.nav-count{right:15%;top:2px;min-width:18px;font-size:.6875rem}
  .topbar{display:grid;grid-template-columns:1fr;padding:14px max(16px,env(safe-area-inset-right,0px)) 14px max(16px,env(safe-area-inset-left,0px));gap:12px;height:auto}
  .mobile-brand img{width:120px;height:auto}.top-actions{display:flex;flex-wrap:wrap;width:100%;gap:8px}.top-actions .account-button{margin-right:auto;font-size:.875rem}.credit-pill{min-height:44px;font-size:.875rem}.credit-mobile{display:none}.language-switch{min-width:0}.language-switch select{min-height:44px;max-width:150px;padding:8px;font-size:16px}
  .main{padding:20px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));min-width:0}.main>*{min-width:0}
  .btn,.btn-sm,.btn-text,.destination,.tab{min-height:44px;font-size:.875rem}.icon-btn{width:44px;height:44px;min-width:44px}.account-strip{flex-wrap:wrap;gap:8px;margin-bottom:18px}.account-strip>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
  input,textarea,select,.textarea-wrap textarea,.search-label input,.application select,.csv-map-grid select,.csv-dialog select{font-size:16px;max-width:100%;min-height:44px}
  input:not([type=checkbox]):not([type=radio]),textarea,select{scroll-margin-top:20px;scroll-margin-bottom:120px}
  .intro p{font-size:.9375rem;line-height:1.65}.intro>.btn{width:100%;margin-top:16px}.home-intro{padding:20px}.home-intro h1,.intro h1{overflow-wrap:anywhere}
  .workspace,.profile-grid,.aside-stack,.field-row,.job-meta-grid,.tracking-grid,.csv-map-grid{grid-template-columns:minmax(0,1fr)}.workspace>*{min-width:0}.card,.card-body,.card-head,.result-section,.action-content{min-width:0;max-width:100%}.card-head,.result-header{flex-wrap:wrap}.card-heading{min-width:0}.card-heading h2{overflow-wrap:anywhere}
  .workflow{align-items:flex-start;padding:12px 8px;gap:6px}.workflow-step{flex:1;min-width:0;flex-direction:column;text-align:center;gap:7px;font-size:.8125rem}.workflow-step:last-child{flex:1}.workflow-step:after{display:none}.step-dot{width:28px;height:28px;flex-shrink:0}
  .route-list{grid-template-columns:1fr}.profile-link{flex-wrap:wrap;gap:10px}.profile-link p{font-size:.875rem}.form-footer p{font-size:.875rem}.file-row{align-items:flex-start}.file-row span{flex-basis:100%;min-width:0}.file-input{max-width:100%;width:100%}
  .view-tracker .stat{min-width:0;padding:14px 8px}.view-tracker .stat span{overflow-wrap:anywhere;line-height:1.4}.tracker-toolbar{gap:4px}.tracker-toolbar .btn{padding:8px 10px}.import-toolbar{gap:10px}.import-toolbar .search-label{min-width:0;flex-basis:100%}.import-toolbar>.btn{flex:1}
  .application{grid-template-columns:minmax(0,1fr) 44px;gap:10px 8px;align-items:start;padding:16px}.application>div:first-child{grid-column:1;min-width:0}.application .btn-text[data-open-job]{text-align:left;justify-content:flex-start;line-height:1.5;overflow-wrap:anywhere}.application>.icon-btn{grid-column:2;grid-row:1;margin:0;color:#767080}.application .destination-label{display:block;grid-column:1 / -1;grid-row:2;white-space:normal;overflow-wrap:anywhere}.application select{grid-column:1 / -1;grid-row:3;width:100%;max-width:100%}.application-meta{gap:8px}.application-meta button{font-size:.875rem}
  .upcoming-dates.is-empty>p{flex-basis:100%;min-width:0}.upcoming-dates.is-empty>.btn{width:100%}.upcoming-row{flex-wrap:wrap}.upcoming-row>div{flex-basis:100%}.upcoming-row>.btn{width:100%}
  .ai-plan-body,.output-text,.evidence-item blockquote,.generation-context,.break-text{overflow-wrap:anywhere;word-break:normal}.evidence-item{margin:14px 0;padding:10px 12px}.action-item{gap:10px}.action-content{flex:1}.action-check{flex-shrink:0}.result-tags{gap:6px}.result-tags .pill{white-space:normal}.output-text{max-width:100%;white-space:pre-wrap}.dialog-content pre{white-space:pre-wrap;overflow-wrap:anywhere}
  dialog{width:calc(100% - 20px);max-width:540px;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:auto;border-radius:14px}.dialog-content{padding:20px;min-width:0}.dialog-header{gap:12px}.dialog-header h2{overflow-wrap:anywhere}.dialog-header .icon-btn{margin:0}.dialog-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.dialog-actions>.btn,.modal-actions>.btn{flex:1 1 140px;min-height:48px}.record-actions{max-width:100%}.record-actions>.btn{min-height:44px}.csv-row-list{max-height:45dvh}
  #toast{bottom:calc(112px + env(safe-area-inset-bottom,0px));width:max-content;min-width:0;max-width:calc(100% - 32px);overflow-wrap:anywhere}.public-info-links{font-size:.875rem;gap:8px 16px}.public-info-links a{padding:8px 0}.footer{overflow-wrap:anywhere}
}


/* Reviewed career evidence and an explicit final application step. */
.career-host{margin:0 0 24px}.career-host .card-head{align-items:flex-start}.career-host .card-head p{margin:8px 0 0;max-width:640px}.career-profile-actions{display:flex;gap:10px;flex-wrap:wrap}.career-entry{margin:14px 0;background:#fff;box-shadow:none}.career-entry>summary{padding:18px;cursor:pointer;line-height:1.6}.career-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.career-confirm{display:flex;gap:10px;align-items:flex-start;line-height:1.6;margin:16px 0}.career-confirm input{width:18px;min-width:18px;height:18px;margin-top:3px}.career-source,.career-raw-text{margin:18px 0}.career-source summary,.career-raw-text summary{cursor:pointer;color:var(--muted,#66556e);padding:10px 0}.career-preferences{border-top:1px solid #e8e3ec;margin-top:24px;padding-top:20px}.career-entry textarea,.career-preferences textarea{min-height:95px;width:100%}.career-import-controls{margin:18px 0}.metadata-extract{margin:12px 0}.prepare-apply{margin-top:26px;scroll-margin-top:30px}.prepare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:20px 0}.prepare-grid>div{padding:18px;background:#faf8fc;border-radius:12px}.prepare-grid h3{font-size:16px}.prepare-grid p{line-height:1.6}.prepare-grid .btn{margin:5px 0;max-width:100%;white-space:normal}.workflow-step{gap:8px}.career-raw-text textarea{min-height:240px}
@media(max-width:720px){.career-field-grid,.prepare-grid{grid-template-columns:1fr}.career-host .card-head{gap:10px}.career-host .card-body{padding:16px}.career-entry .card-body{padding:12px}.career-entry>summary{padding:12px}.career-host .form-footer .btn{white-space:normal;text-align:left}}

.career-upload{padding:20px 24px;background:#fff;border:1px solid #e9e3ed;border-radius:16px;margin:0 0 20px}.career-upload h3{margin-top:0}

/* Career studio: the same account workspace on desktop and mobile. */
#career-studio-root{min-width:0;max-width:1240px;margin-inline:auto}
.studio-tabs,.studio-links,.direction-actions,.op-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}
.studio-tabs{position:relative;padding:8px;background:var(--surface,#fff);border:1px solid #e7dfe4;border-radius:16px}
.studio-tabs .btn{flex:1 1 140px;white-space:normal;text-align:center;line-height:1.45;min-height:44px}
.studio-notice{font-size:.9rem;line-height:1.7;background:#fff9fc;border-color:#eedce6}
.studio-notice p{margin:0 0 8px}.studio-notice p:empty{display:none}
#career-studio-status{color:#9a2e57;font-weight:600}
#studio-panel{min-width:0}
#studio-panel section,#studio-panel article{min-width:0}
#studio-panel>.card,#studio-panel>section>.card,.career-direction>.card,.op-section{margin-block:18px}
.career-direction>.card{padding:22px}
.career-direction>.card>.card-head{padding:0 0 14px}
#studio-panel h2,#studio-panel h3,#studio-panel h4{line-height:1.4;overflow-wrap:anywhere}
#studio-panel h3{margin-block:12px}#studio-panel p{line-height:1.7;overflow-wrap:anywhere}
#studio-panel label{display:block;font-size:.9rem;font-weight:600;margin-block:8px}
#studio-panel input:not([type=checkbox]):not([type=radio]):not([type=range]),#studio-panel select,#studio-panel textarea,#studio-application{width:100%;max-width:100%;min-height:44px;border:1px solid #d9d3d9;border-radius:9px;padding:10px 12px;font:inherit;color:inherit;background:#fff;box-sizing:border-box}
#studio-panel textarea{min-height:110px;resize:vertical;line-height:1.6}
#studio-panel input[type=checkbox],#studio-panel input[type=radio]{min-width:18px;min-height:18px;accent-color:#b83f78;margin-inline-end:8px;vertical-align:middle}
#studio-panel :is(input,textarea,select,button,a):focus-visible,.studio-tabs button:focus-visible{outline:3px solid #b83f78;outline-offset:3px}
#studio-panel button{max-width:100%;overflow-wrap:anywhere;white-space:normal}
#studio-panel .field{margin-block:12px}.studio-prewrap,.direction-prewrap,.op-pre{white-space:pre-wrap}
#studio-panel .form-grid,.op-grid,.op-match-grid,.interview-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.direction-hypothesis,.direction-rewrite,.op-match,.interview-feedback{background:#faf7fa;border:1px solid #e9e2e8;border-radius:12px;padding:16px;margin-block:14px}
.direction-confirm{padding:12px;background:#f5faf7;border-radius:9px}
.op-evidence,.interview-evidence{font-size:.85rem;line-height:1.65;overflow-wrap:anywhere}
.op-notice{color:#765721;background:#fff8e9;padding:12px;border-radius:9px}
#studio-panel table{width:100%;border-collapse:collapse;font-size:.9rem}
#studio-panel th,#studio-panel td{padding:10px;text-align:start;border-bottom:1px solid #ebe4e9;vertical-align:top;overflow-wrap:anywhere}
#studio-panel details{margin-block:12px}#studio-panel summary{cursor:pointer;font-weight:600;padding-block:8px}
#studio-panel .form-footer{flex-wrap:wrap;gap:10px}
@media(max-width:700px){
 .studio-tabs{padding:6px;gap:6px}.studio-tabs .btn{flex-basis:42%;font-size:.83rem;padding:9px 6px}
 .career-direction>.card{padding:16px}
 #studio-panel .form-grid,.op-grid,.op-match-grid,.interview-scores{grid-template-columns:minmax(0,1fr)}
 #studio-panel table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
 #studio-panel th,#studio-panel td{min-width:110px}
 .direction-actions .btn,.op-actions .btn{flex:1 1 140px}
}
@media(prefers-reduced-motion:reduce){#career-studio-root *{scroll-behavior:auto!important}}

@media(max-width:700px){.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item>span:not(.nav-count){font-size:.69rem}.sidebar .nav-count{right:10%}}
.career-direction [hidden]{display:none!important}