/* NEXAR Experience 4.0 / Stage 09 — HR Excel exchange and contract print actions */
.nx4-workspace.workspace--hr .nx4-hr-exchange{--ex-accent:var(--nx-hr-accent);display:grid;gap:15px;min-width:0}
.nx4-hr-exchange-hero{position:relative;isolation:isolate;min-height:168px;display:flex;align-items:center;gap:19px;overflow:hidden;border:1px solid #66ABD55B;border-radius:18px;padding:24px 29px;background:radial-gradient(ellipse at 77% 10%,#3478BC75,transparent 52%),linear-gradient(115deg,#102749,#183C68 76%,#215180);color:#FFF;box-shadow:0 20px 40px -31px #0B325DA1}
.nx4-hr-exchange-hero>span{width:68px;height:68px;flex:none;display:grid;place-items:center;border-radius:19px;border:1px solid #FFFFFF2F;background:#FFFFFF13;color:#C5E8FE;transform:rotate(-6deg)}
.nx4-hr-exchange-hero>span svg{width:33px;height:33px}
.nx4-hr-exchange-hero h2{font:900 clamp(19px,2.2vw,28px)/1.5 var(--nx4-font);margin:6px 0;color:white}
.nx4-hr-exchange-hero small{color:#9DD9FA;font-size:9px;letter-spacing:.11em;font-weight:900}
.nx4-hr-exchange-hero p{font-size:11px;line-height:1.8;color:#C7DEF1;margin:0;max-width:63ch}
.nx4-hr-exchange-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.nx4-hr-exchange-cards>section{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:center;min-height:103px;padding:14px;border-radius:13px;border:1px solid var(--nx4-line-light);background:var(--nx4-panel);box-shadow:var(--nx4-elevate)}
.nx4-hr-exchange-cards>section>span{width:40px;height:40px;grid-row:1/3;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--ex-accent) 10%,var(--nx4-panel));color:var(--ex-accent)}
.nx4-hr-exchange-cards>section svg{width:21px;height:21px}
.nx4-hr-exchange-cards strong{font-size:17px;font-weight:900;color:var(--nx4-text);line-height:1.5;overflow-wrap:anywhere}
.nx4-hr-exchange-cards small{font-size:10px;line-height:1.7;color:var(--nx4-muted)}
.nx4-hr-exchange-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nx4-hr-exchange-panel,.nx4-hr-exchange-review{min-width:0;padding:21px;border:1px solid var(--nx4-line-light);border-radius:15px;background:var(--nx4-panel);box-shadow:var(--nx4-elevate)}
.nx4-hr-exchange-panel h3{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:900;color:var(--nx4-text);margin:0 0 6px}
.nx4-hr-exchange-panel h3 svg{width:20px;height:20px;color:var(--ex-accent)}
.nx4-hr-exchange-panel>p{font-size:11px;color:var(--nx4-muted);line-height:1.9;margin:0 0 17px}
.nx4-hr-exchange-panel>small{display:block;color:var(--nx4-muted);font-size:9px;line-height:1.9;margin-top:13px}
.nx4-hr-exchange-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nx4-hr-exchange-actions .button,.nx4-hr-exchange-submit .button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:37px;border-radius:9px;padding:8px 12px;font-size:10px;font-weight:900}
.nx4-hr-exchange-actions .button:not(.ghost),.nx4-hr-exchange-submit .button{background:var(--ex-accent);border-color:var(--ex-accent);color:white}
.nx4-hr-exchange-actions .button.ghost{background:var(--nx4-panel);color:var(--ex-accent);border:1px solid color-mix(in srgb,var(--ex-accent) 23%,var(--nx4-line-light))}
.nx4-hr-exchange-actions svg,.nx4-hr-exchange-submit svg{width:16px;height:16px}
.nx4-hr-exchange-upload{border:1px dashed color-mix(in srgb,var(--ex-accent) 39%,var(--nx4-line-light));background:color-mix(in srgb,var(--ex-accent) 4%,var(--nx4-panel));border-radius:12px}
.nx4-hr-exchange-upload-card{position:relative;min-height:152px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;cursor:pointer;color:var(--nx4-text)}
.nx4-hr-exchange-upload-card>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--ex-accent) 12%,var(--nx4-panel));color:var(--ex-accent)}
.nx4-hr-exchange-upload-card svg{width:21px;height:21px}
.nx4-hr-exchange-upload-card strong{font-size:12px;font-weight:900}
.nx4-hr-exchange-upload-card small{font-size:9px;color:var(--nx4-muted);line-height:1.8}
.nx4-hr-exchange-upload-card input[type=file]{max-width:100%;font-size:10px;color:var(--nx4-muted);margin-top:7px;cursor:pointer}
.nx4-hr-exchange-upload-card input[type=file]::file-selector-button{background:var(--ex-accent);border:0;padding:7px 12px;color:white;border-radius:8px;margin-inline-end:12px;font:800 10px var(--nx4-font);cursor:pointer}
.nx4-hr-exchange-readonly{padding:18px;border:1px solid var(--nx4-line-light);background:var(--nx4-paper);border-radius:10px;font-size:11px;color:var(--nx4-muted);line-height:1.9}
.nx4-hr-exchange-warning,.nx4-hr-exchange-error,.nx4-hr-exchange-success{padding:12px 15px;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--ex-accent) 24%,var(--nx4-line-light));background:color-mix(in srgb,var(--ex-accent) 5%,var(--nx4-panel));border-radius:10px;font-size:10px;line-height:1.8;color:var(--nx4-muted);margin:0}
.nx4-hr-exchange-warning svg{width:16px;height:16px;color:var(--ex-accent)}
.nx4-hr-exchange-error{border-color:color-mix(in srgb,#BE536E 26%,var(--nx4-line-light));background:color-mix(in srgb,#BE536E 6%,var(--nx4-panel));color:#B8536E}
.nx4-hr-exchange-success{border-color:color-mix(in srgb,#2988BA 28%,var(--nx4-line-light));background:color-mix(in srgb,#2988BA 7%,var(--nx4-panel));color:#2479A5}
.nx4-hr-exchange-review{display:grid;gap:13px}
.nx4-hr-exchange-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:11px}
.nx4-hr-exchange-review-head h3{font-size:15px;color:var(--nx4-text);font-weight:900;margin:0 0 3px}
.nx4-hr-exchange-review-head p{font-size:10px;color:var(--nx4-muted);line-height:1.7;margin:0;overflow-wrap:anywhere}
.nx4-hr-exchange-review-head .button{font-size:10px;min-height:33px;border:1px solid var(--nx4-line-light);color:var(--nx4-muted);background:var(--nx4-panel)}
.nx4-hr-exchange-checks{display:flex;flex-wrap:wrap;gap:9px}
.nx4-hr-exchange-checks span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--nx4-line-light);background:var(--nx4-paper);border-radius:9px;font-size:10px;color:var(--nx4-muted);font-weight:700}
.nx4-hr-exchange-checks strong{font-size:13px;color:var(--nx4-text);font-weight:900}
.nx4-hr-exchange-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--nx4-line-light);border-radius:10px}
.nx4-hr-exchange-table-wrap table{border-collapse:collapse;width:100%;text-align:right;font-size:10px}
.nx4-hr-exchange-table-wrap th{padding:12px;white-space:nowrap;background:var(--nx4-paper);color:var(--nx4-muted);font-weight:900;border-bottom:1px solid var(--nx4-line-light)}
.nx4-hr-exchange-table-wrap td{padding:12px;line-height:1.8;border-bottom:1px solid var(--nx4-line-light);color:var(--nx4-text);vertical-align:top}
.nx4-hr-exchange-table-wrap tbody tr:last-child td{border-bottom:0}
.nx4-hr-exchange-flag{display:inline-block;white-space:nowrap;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:800;background:var(--nx4-paper);color:var(--nx4-muted)}
.nx4-hr-exchange-flag.valid{background:color-mix(in srgb,#3B88C8 9%,var(--nx4-panel));color:#267BB5}
.nx4-hr-exchange-flag.invalid{background:color-mix(in srgb,#B64D70 9%,var(--nx4-panel));color:#BA4D6C}
.nx4-hr-exchange-review>p{font-size:10px;color:var(--nx4-muted);line-height:1.9;margin:0}
.nx4-hr-exchange-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:13px;border-top:1px solid var(--nx4-line-light)}
.nx4-hr-exchange-submit label{display:flex;align-items:center;gap:9px;max-width:70ch;font-size:11px;color:var(--nx4-text);font-weight:800;line-height:1.8;cursor:pointer}
.nx4-hr-exchange-submit input{width:17px;height:17px;accent-color:var(--ex-accent);flex:none}
.nx4-workspace.workspace--hr .nx4-hr-contract-print{display:inline-flex;align-items:center;gap:6px;color:var(--nx-hr-accent);border:1px solid color-mix(in srgb,var(--nx-hr-accent) 25%,var(--nx4-line-light));background:var(--nx4-panel);font-size:10px;white-space:nowrap;min-height:32px;padding:6px 10px;border-radius:8px}
.nx4-workspace.workspace--hr .nx4-hr-contract-print svg{width:15px;height:15px}
@media(max-width:1020px){.nx4-hr-exchange-grid{grid-template-columns:1fr}.nx4-hr-exchange-cards>section{min-height:99px}}
@media(max-width:650px){.nx4-hr-exchange-hero{border-radius:13px;min-height:160px;gap:12px;padding:18px}.nx4-hr-exchange-hero>span{width:45px;height:45px;border-radius:12px}.nx4-hr-exchange-hero>span svg{width:22px;height:22px}.nx4-hr-exchange-hero h2{font-size:20px}.nx4-hr-exchange-hero p{font-size:10px}.nx4-hr-exchange-cards{grid-template-columns:1fr;gap:8px}.nx4-hr-exchange-cards>section{min-height:68px}.nx4-hr-exchange-panel,.nx4-hr-exchange-review{padding:14px;border-radius:12px}.nx4-hr-exchange-actions .button{flex:1}.nx4-hr-exchange-submit .button{width:100%}.nx4-hr-exchange-review-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.nx4-hr-exchange-upload-card{transition:none!important}}