.job-search{padding:13px;display:flex;align-items:center;gap:14px}.job-search>label{min-width:250px;flex:1;display:flex;align-items:center;gap:10px;padding:0 13px}.job-search input{width:100%;height:38px;border:0;outline:0;background:transparent}.job-search label i{color:var(--muted);width:18px}.filter-buttons{display:flex;gap:5px;overflow-x:auto}.filter-buttons button{min-width:max-content;padding:9px 13px;border:0;border-radius:10px;color:var(--muted);background:#f6f6f6;font-size:9px;font-weight:700}.filter-buttons button.active{color:#F4F3EF;background:var(--ink)}.jobs-toolbar{padding:20px 3px 12px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.jobs-toolbar strong{color:var(--ink)}.jobs-toolbar select{width:190px;height:36px;font-size:9px}.job-list{display:grid;gap:12px}.job-card{padding:18px;display:grid;grid-template-columns:52px 1fr 130px;gap:15px;cursor:pointer}.job-logo{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;color:#F4F3EF;font-size:11px;font-weight:800}.job-main{min-width:0}.job-title-row{display:flex;justify-content:space-between;gap:10px}.job-title-row h2{margin:8px 0 4px;font-size:15px}.job-title-row p{margin:0;color:var(--muted);font-size:9px}.job-title-row .icon-btn{width:36px;height:36px}.job-title-row i.favorite{color:var(--violet);fill:#eeeeee}.job-tags,.job-skills{display:flex;flex-wrap:wrap;gap:6px}.job-tags{margin:13px 0 9px}.job-tags span{padding:5px 8px;border-radius:7px;background:#f2f2f2;color:#5d5d5d;font-size:8px}.job-skills span{font-size:8px;color:var(--violet);font-weight:700}.job-match{padding-left:18px;display:grid;place-items:center;align-content:center;border-left:1px solid var(--line);text-align:center}.match-ring{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--success) var(--match),#e8e8e8 0);position:relative}.match-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#F4F3EF}.match-ring span{position:relative;z-index:1;font-size:18px;font-weight:800}.match-ring small{font-size:8px}.job-match>strong{margin-top:8px;color:var(--success);font-size:9px}.job-match>small{margin:3px 0 8px;color:var(--muted);font-size:7px}.drawer-backdrop{position:fixed;z-index:80;inset:0;background:rgba(0,0,0,.42);backdrop-filter:blur(4px)}.job-drawer{position:absolute;inset:0 0 0 auto;width:min(560px,100%);padding:24px 28px 105px;overflow-y:auto;background:#F4F3EF;box-shadow:-25px 0 70px rgba(0,0,0,.2)}.job-drawer>header{display:flex;justify-content:space-between}.drawer-company{margin:30px 0 18px;display:flex;align-items:flex-start;gap:15px}.drawer-company h1{margin:9px 0 5px;font-size:24px}.drawer-company p{margin:0;color:var(--muted);font-size:10px}.job-drawer>section{margin-top:27px}.job-drawer>section h3{font-size:13px}.job-drawer>section>p{color:var(--muted);font-size:10px;line-height:1.7}.match-reasons{padding:0;display:grid;gap:10px;list-style:none}.match-reasons li{display:flex;align-items:flex-start;gap:8px;font-size:10px}.match-reasons i{width:16px;color:var(--success)}.skill-match{display:flex;flex-wrap:wrap;gap:7px}.skill-match span{padding:7px 9px;display:flex;align-items:center;gap:5px;border-radius:8px;color:#FF7B74;background:#fff0ee;font-size:8px;font-weight:700}.skill-match span.missing{color:#996300;background:#F4F3EF3d7}.skill-match i{width:12px}.drawer-action{position:fixed;right:0;bottom:0;width:min(560px,100%);padding:16px 28px;background:#F4F3EF;border-top:1px solid var(--line)}.drawer-action small{display:block;margin-top:7px;text-align:center;color:var(--muted);font-size:8px}.application-stats article{padding:17px;display:flex;align-items:center;gap:12px}.application-stats article>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:var(--violet);background:var(--violet-soft)}.application-stats article>span.amber{color:#966207;background:#F4F3EF3d7}.application-stats article>span.pink{color:#a83874;background:#fde8f4}.application-stats article>span.green{color:#FF7B74;background:#fff0ee}.application-stats article>div{display:grid}.application-stats strong{font-size:20px}.application-stats small{color:var(--muted);font-size:8px}.application-filters{margin:24px 0 13px;display:flex;gap:6px;overflow-x:auto}.application-filters button{min-width:max-content;padding:9px 12px;display:flex;align-items:center;gap:7px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-size:9px;font-weight:700}.application-filters button span{padding:2px 6px;border-radius:8px;background:#eaeaea;font-size:7px}.application-filters button.active{color:var(--violet);background:var(--violet-soft)}.application-filters button.active span{background:#dedede}.application-list{display:grid;gap:10px}.application-card{padding:16px;display:grid;grid-template-columns:48px 1fr 180px 190px;align-items:center;gap:14px}.application-company{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#F4F3EF;font-size:9px;font-weight:800}.status-dot{display:inline-flex;align-items:center;gap:5px;color:#6c6c6c;font-size:8px;font-weight:800}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#a8a8a8}.status-dot.envoyee:before{background:var(--amber)}.status-dot.entretien:before{background:var(--pink)}.application-info h2{margin:7px 0 4px;font-size:12px}.application-info p{margin:0;color:var(--muted);font-size:8px}.application-next{display:grid;gap:4px}.application-next small{color:var(--muted);font-size:7px;font-weight:800}.application-next strong{font-size:10px}.application-next span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.application-actions{display:grid;grid-template-columns:1fr auto;gap:7px}.application-actions select{height:36px;font-size:8px}.application-tip{margin-top:20px;padding:17px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:11px;border-radius:15px;background:#F4F3EF6df;border:1px solid #f3dfae}.application-tip>i{color:#a86d00}.application-tip strong{font-size:10px}.application-tip p{margin:4px 0 0;color:#75613a;font-size:8px}
@media(max-width:850px){.application-card{grid-template-columns:48px 1fr 160px}.application-actions{grid-column:2/-1}.application-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.job-search{display:grid}.filter-buttons{width:100%}.jobs-toolbar select{display:none}.job-card{grid-template-columns:45px 1fr;padding:14px}.job-logo{width:45px;height:45px}.job-match{grid-column:2;padding:12px 0 0;display:flex;justify-content:flex-start;gap:8px;border-left:0;border-top:1px solid var(--line);text-align:left}.match-ring{width:45px;height:45px}.match-ring span{font-size:13px}.job-match>.btn{margin-left:auto}.job-match>small{display:none}.application-card{grid-template-columns:44px 1fr}.application-next,.application-actions{grid-column:1/-1;padding-top:10px;border-top:1px solid var(--line)}.application-tip{grid-template-columns:30px 1fr}.application-tip .btn{grid-column:2}.application-stats{grid-template-columns:1fr 1fr}}