.payroll-flow{display:grid;grid-template-columns:380px 1fr;gap:20px}.import-card,.mapping-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.step-number{width:29px;height:29px;border-radius:9px;background:var(--blue-pale);color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:12px}.payroll-flow h2{font:800 17px Manrope;margin:12px 0 18px}.period-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.period-row label{font-size:10px;color:var(--muted)}.period-row select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:8px}.salary-drop{display:grid;place-items:center;border:1.5px dashed #9dbdce;background:#f7fbfd;border-radius:12px;padding:24px;margin:18px 0;text-align:center;cursor:pointer}.salary-drop input{margin-bottom:10px}.salary-drop strong{font-size:12px;color:var(--blue)}.salary-drop span{font-size:9px;color:var(--muted);margin-top:4px}.import-card>.btn{width:100%}.mapping-card{min-height:350px}.mapping-card>div#salaryEmpty{display:grid;place-items:center;height:220px;color:var(--muted);font-size:12px}.mapping-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mapping-stats div{background:#f5f9fb;border-radius:10px;padding:14px}.mapping-stats strong,.mapping-stats span{display:block}.mapping-stats strong{font:800 22px Manrope}.mapping-stats span{font-size:9px;color:var(--muted)}.mapping-breakdown{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mapping-breakdown span{background:#eef7fb;color:var(--muted);border-radius:20px;padding:6px 10px;font-size:9px}.mapping-breakdown b{color:var(--blue);margin-right:3px}.mapping-list{margin:16px 0}.mapping-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.mapping-list span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.map-ok{background:var(--green-pale);color:var(--green)}.map-warn{background:var(--amber-pale);color:var(--amber)}.map-info{background:var(--blue-pale);color:var(--blue);font-weight:800}.mapping-list p{margin:0}.mapping-list strong,.mapping-list small{display:block}.mapping-list strong{font-size:11px}.mapping-list small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.45}@media(max-width:900px){.payroll-flow{grid-template-columns:1fr}}
.review-panel{margin-top:18px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.review-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;background:linear-gradient(100deg,#f0f9fd,#fff)}.review-heading h3{font:800 15px Manrope;margin:0}.review-heading p{font-size:10px;color:var(--muted);margin:3px 0 0}.review-ready{text-align:right}.review-ready strong,.review-ready span,.review-ready b{display:block}.review-ready strong{font:800 22px Manrope;color:var(--green)}.review-ready span{font-size:9px;color:var(--muted)}.review-ready b{font-size:10px;margin-top:2px}.review-toolbar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.review-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-right:auto}.review-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:20px;padding:7px 9px;font-size:9px;font-weight:700;cursor:pointer}.review-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}.review-tabs b{margin-left:3px}.review-toolbar input{width:210px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:10px}.review-table-wrap{overflow:auto;max-height:470px}.review-table{min-width:920px}.review-table th{position:sticky;top:0;z-index:1}.review-table td{vertical-align:middle}.review-table td>strong,.review-table td>small{display:block}.review-table td>small{font-size:9px;color:var(--muted);margin-top:3px}.muted-account{color:var(--muted)}.confidence,.review-status{display:inline-block;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap}.confidence.exact{background:var(--green-pale);color:var(--green)}.confidence.smart{background:var(--blue-pale);color:var(--blue)}.confidence.manual{background:#eee9fb;color:#7657b6}.confidence.none{background:#f2f5f7;color:var(--muted)}.review-status.confirmed{background:var(--green-pale);color:var(--green)}.review-status.needs-review{background:var(--amber-pale);color:#9a6810}.review-status.rejected{background:var(--red-pale);color:var(--red)}.review-status.unresolved{background:#f1f4f6;color:#657786}.review-actions{display:flex;gap:5px;flex-wrap:wrap}.review-action{border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.approve-map{border:1px solid #8fcbb7;background:var(--green-pale);color:var(--green)}.reject-map{border:1px solid #efb7b7;background:var(--red-pale);color:var(--red)}.change-map{border:1px solid #9dc8df;background:var(--blue-pale);color:var(--blue)}.review-empty{text-align:center;color:var(--muted);padding:35px!important}.review-publish{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-top:1px solid var(--line);background:#fbfdfe}.review-publish strong,.review-publish small{display:block}.review-publish strong{font-size:11px}.review-publish small{font-size:9px;color:var(--muted);margin-top:3px}.review-publish .btn:disabled{opacity:.5;cursor:not-allowed}.mapping-account-preview{display:grid;gap:3px;background:#f4f8fa;border-radius:9px;padding:12px;margin-top:13px}.mapping-account-preview strong{font-size:12px}.mapping-account-preview span{font-size:10px;color:var(--muted)}@media(max-width:900px){.review-toolbar{align-items:stretch;flex-direction:column}.review-toolbar input{width:100%}.review-publish{align-items:stretch;flex-direction:column}.review-publish .btn{width:100%}}
