/* HR operations > Applicants (public/applicants.js). Uses the workspace tokens from brand.css. */
.apl-muted{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.danger-text{color:var(--red)!important}
.apl-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:600;line-height:1;padding:6px 10px;border-radius:999px;border:1px solid transparent;color:#4a5875;background:#f1f3f7;border-color:#e2e6ee}
.apl-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.apl-s-new,.apl-s-scheduled{color:#1d43a8;background:#edf2ff;border-color:#d6e0fb}
.apl-s-screening,.apl-s-sending{color:#875408;background:#fff6e4;border-color:#f1e0b8}
.apl-s-interview{color:#5b2fa6;background:#f4effd;border-color:#e3d8f8}
.apl-s-offered{color:#4f6705;background:#f3f9dc;border-color:#dfeba8}
.apl-s-hired,.apl-s-completed,.apl-s-sent{color:#136a49;background:#eaf7f0;border-color:#cde9da}
.apl-s-not-selected,.apl-s-withdrawn,.apl-s-cancelled{color:#5d6679;background:#f2f3f6;border-color:#e1e4ea}
.apl-s-no-show,.apl-s-failed{color:#a72b3c;background:#fff0f1;border-color:#f2d6dc}
.apl-face{--h:220;flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:650;letter-spacing:.3px;color:hsl(var(--h) 45% 28%);background:hsl(var(--h) 62% 92%);border:1px solid hsl(var(--h) 45% 84%)}
.apl-face.big{width:76px;height:76px;font-size:25px}
.apl-stars{display:inline-flex;gap:1px;line-height:1}
.apl-star{font-style:normal;color:#d5dbe6;font-size:15px}
.apl-star.on{color:#efaa16}
button.apl-star{background:none;border:0;padding:2px;font-size:24px;cursor:pointer;border-radius:6px;transition:transform .12s,color .12s}
button.apl-star:hover{transform:scale(1.15);color:#f3c457}
button.apl-star:focus-visible{outline:2px solid var(--focus);outline-offset:1px}

/* Pipeline tiles */
.apl-tiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:0 0 22px}
.apl-tile{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px 16px 13px;border-radius:14px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--text);overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.apl-tile::before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:#c9d1e0}
.apl-tile strong{font-size:24px;line-height:1.1;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.apl-tile span{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apl-tile:hover{border-color:#bfcbe4;box-shadow:0 6px 18px #051f730d;transform:translateY(-1px)}
.apl-tile.active{background:var(--navy);border-color:var(--navy);color:#dbe3fc}
.apl-tile.active strong{color:#fff}
.apl-t-open::before{background:var(--lime)}.apl-t-new::before{background:#3f67d8}.apl-t-screening::before{background:#e0a024}.apl-t-interview::before{background:#7c4fd0}
.apl-t-offered::before{background:#9cc313}.apl-t-hired::before{background:#1d9a68}.apl-t-not-selected::before,.apl-t-withdrawn::before{background:#aab2c2}

/* List */
.apl-layout,.apl-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.apl-detail{grid-template-columns:minmax(0,1fr) 340px;margin-top:22px}
.apl-aside{display:grid;gap:18px;min-width:0}
.apl-list{padding:0;container-type:inline-size}
.apl-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--line)}
.apl-list-head h2{margin:0;font-size:17px;color:var(--ink);display:flex;align-items:center;gap:10px}
.apl-list-head h2 span{font-size:12px;font-weight:600;color:var(--navy);background:var(--blue-soft);border-radius:999px;padding:3px 9px}
.apl-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:1;justify-content:flex-end;min-width:0}
.apl-search{position:relative;flex:1 1 240px;max-width:340px;display:flex;align-items:center}
.apl-search svg{position:absolute;left:12px;color:var(--muted);pointer-events:none}
.apl-search input,.apl-filter select{height:42px;border:1px solid #cdd6e5;border-radius:10px;padding:0 12px;font:inherit;font-size:13.5px;color:var(--ink);background:#fff;min-width:0}
.apl-search input{width:100%;padding-left:36px}
.apl-filter select{max-width:220px}
.apl-filter .btn{min-height:42px;margin:0}
.apl-rows{display:flex;flex-direction:column}
.apl-row{display:grid;grid-template-columns:42px minmax(0,1.35fr) minmax(0,1fr) 172px 112px;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #eef1f5;text-decoration:none;color:var(--text);transition:background .12s}
.apl-row:last-child{border-bottom:0}
.apl-row:hover{background:#f7f9fd}
.apl-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.apl-who{display:flex;flex-direction:column;min-width:0}
.apl-who strong{color:var(--ink);font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apl-who span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apl-pos{display:flex;flex-direction:column;min-width:0}
.apl-pos strong{font-size:13.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apl-pos span{font-size:12.5px;color:var(--muted);white-space:nowrap}
.apl-pos .apl-sd{display:inline-flex;align-items:center;gap:4px;color:var(--navy,#0B2861);font-weight:500;overflow:hidden;text-overflow:ellipsis}
.apl-end{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.apl-end .apl-star{font-size:12px}
@container (max-width:780px){.apl-row{grid-template-columns:42px minmax(0,1.3fr) minmax(0,1fr) 112px}.apl-next{display:none}}
@container (max-width:540px){.apl-row{grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:'f w e' 'f p e';gap:4px 12px;padding:14px 16px}.apl-row .apl-face{grid-area:f;align-self:start}.apl-who{grid-area:w}.apl-pos{grid-area:p}.apl-pos strong{white-space:normal;font-size:12.5px;color:var(--text)}.apl-end{grid-area:e;align-self:start}}
.apl-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#5b2fa6;background:#f4effd;border-radius:8px;padding:5px 8px;white-space:nowrap}
.apl-more{margin:0;padding:14px 20px;font-size:12.5px;color:var(--muted);border-top:1px solid var(--line)}
.apl-list .empty{margin:28px 20px}

/* Side cards */
.apl-side{padding:20px 20px 18px}
.apl-side h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14.5px;color:var(--ink)}
.apl-side h3 svg{color:var(--navy)}
.apl-up{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #eef1f5;text-decoration:none;color:var(--text)}
.apl-up:first-of-type{border-top:0;padding-top:2px}
.apl-up:hover strong{color:var(--navy);text-decoration:underline}
.apl-up-date{flex:none;width:46px;height:50px;border-radius:11px;background:var(--blue-soft);color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.apl-up-date b{font-size:19px;line-height:1.1;letter-spacing:0}
.apl-up-text{display:flex;flex-direction:column;min-width:0;font-size:12.5px;line-height:1.45}
.apl-up-text strong{font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apl-up-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apl-state{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#7a4b06;background:#fff6e4;border-radius:999px;padding:6px 12px;margin-bottom:12px}
.apl-state i{width:8px;height:8px;border-radius:50%;background:#e0a024}
.apl-state.on{color:#136a49;background:#eaf7f0}
.apl-state.on i{background:#1d9a68;box-shadow:0 0 0 4px #1d9a6824}
.apl-url{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--navy);margin-bottom:8px;word-break:break-all}
.apl-side-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.apl-side-actions .btn{margin:0;min-height:40px}

/* Detail: hero */
.apl-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--navy);text-decoration:none;margin:0 0 14px;min-height:32px}
.apl-back:hover{text-decoration:underline}
.apl-hero{padding:26px 28px 22px}
.apl-hero-top{display:flex;gap:20px;align-items:flex-start}
.apl-hero-text{flex:1;min-width:0}
.apl-hero-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.apl-ref{font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;font-size:12px;color:var(--muted);letter-spacing:.4px}
.apl-hero h1{margin:0 0 4px;font-size:28px;line-height:1.2;color:var(--ink);font-weight:700;letter-spacing:-.01em;word-break:break-word}
.apl-hero-text>p{margin:0;color:var(--text);font-size:14.5px}
.apl-contact{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.apl-contact a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border-radius:9px;background:#f5f7fb;border:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:500;text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apl-contact a svg{color:var(--navy);flex:none}
.apl-contact a:hover{border-color:#bfcbe4;background:#fff}
.apl-hero-rate{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.apl-hero-rate small{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.apl-track{list-style:none;display:flex;margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--line);counter-reset:s}
.apl-track li{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--muted);text-align:center}
.apl-track li::before{content:'';position:absolute;top:7px;left:-50%;right:50%;height:2px;background:#e1e6ef}
.apl-track li:first-child::before{display:none}
.apl-track li span{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #cfd6e3}
.apl-track li.done{color:var(--ink)}
.apl-track li.done span{background:var(--navy);border-color:var(--navy)}
.apl-track li.done::before,.apl-track li.now::before{background:var(--navy)}
.apl-track li.now{color:var(--navy);font-weight:700}
.apl-track li.now span{background:var(--lime);border-color:var(--navy);box-shadow:0 0 0 4px #b8dc1945}
.apl-track.ended li.now:not(.end)::before{background:#e1e6ef}
.apl-track.ended li.end span{background:#8b93a5;border-color:#8b93a5;box-shadow:none}
.apl-track.ended li.end{color:#4e586b}
.apl-track.ended li.end::before{background:repeating-linear-gradient(90deg,#c5ccd8 0 6px,transparent 6px 10px)}
.apl-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.apl-actions .btn{margin:0}

/* Detail: blocks */
.apl-detail-main{display:grid;gap:18px;min-width:0}
.apl-block{padding:22px 24px}
.apl-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.apl-block-head h2{margin:0;font-size:16.5px;color:var(--ink)}
.apl-block-head .btn{margin:0;min-height:36px}
.apl-blank{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px dashed #d3dae6;border-radius:12px;background:#fafbfd}
.apl-blank p{margin:0;color:var(--muted);font-size:13.5px}
.apl-blank .btn{margin:0}
.apl-iv{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid #eef1f5}
.apl-iv:first-of-type{border-top:0;padding-top:4px}
.apl-iv-date{flex:none;width:58px;border-radius:12px;background:var(--navy);color:#fff;text-align:center;padding:8px 0 9px;line-height:1.1}
.apl-iv-date b{display:block;font-size:22px}
.apl-iv-date span{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#c9d4f5}
.apl-iv-cancelled .apl-iv-date,.apl-iv-no-show .apl-iv-date{background:#9aa3b5}
.apl-iv-completed .apl-iv-date{background:#1d7a58}
.apl-iv-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:13.5px;color:var(--text)}
.apl-iv-body>strong{font-size:14.5px;color:var(--ink)}
.apl-iv-body>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.apl-iv-body svg{color:var(--navy)}
.apl-iv-loc{word-break:break-all}
.apl-iv-notes{color:var(--muted);font-style:italic}
.apl-iv-meta{margin-top:6px}
.apl-iv-meta em{font-style:normal;font-size:12px;color:var(--muted)}
.apl-iv-actions{display:flex;flex-direction:column;gap:6px;flex:none}
.apl-iv-actions .btn{margin:0;min-height:36px;font-size:12.5px}
.apl-iv-cancelled .apl-iv-body>strong{text-decoration:line-through;color:var(--muted)}
.apl-mails{list-style:none;margin:0;padding:0}
.apl-mails li{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #eef1f5}
.apl-mails li:first-child{border-top:0;padding-top:2px}
.apl-mail-icon{flex:none;width:36px;height:36px;border-radius:10px;background:var(--blue-soft);color:var(--navy);display:grid;place-items:center}
.apl-mail-text{flex:1;min-width:0;display:flex;flex-direction:column;font-size:12.5px;color:var(--muted)}
.apl-mail-text strong{font-size:13.5px;color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apl-mail-state{display:flex;align-items:center;gap:8px;flex:none}
.apl-mail-state .btn{margin:0;min-height:32px}
.apl-note{display:flex;gap:10px;align-items:flex-end;margin-bottom:18px}
.apl-note textarea{flex:1;min-height:46px;border:1px solid #cdd6e5;border-radius:11px;padding:11px 13px;font:inherit;font-size:14px;color:var(--ink);resize:vertical}
.apl-note textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #051f731a}
.apl-note .btn{margin:0;min-height:46px}
.apl-events{list-style:none;margin:0;padding:0;position:relative}
.apl-events::before{content:'';position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:#e8ecf3}
.apl-events li{position:relative;display:flex;gap:14px;padding:0 0 16px}
.apl-events li:last-child{padding-bottom:0}
.apl-dot{flex:none;position:relative;z-index:1;width:12px;height:12px;margin-top:4px;border-radius:50%;background:#fff;border:2px solid var(--navy)}
.apl-events li:first-child .apl-dot{background:var(--lime)}
.apl-events strong{display:block;font-size:13.5px;color:var(--ink);font-weight:600}
.apl-events p{margin:4px 0 4px;padding:9px 12px;background:#f7f8fb;border-radius:10px;font-size:13px;color:var(--text);white-space:pre-line;word-break:break-word}
.apl-events span{font-size:12px;color:var(--muted)}
.apl-file{display:flex;gap:12px;align-items:center}
.apl-file>span:last-child{display:flex;flex-direction:column;min-width:0;font-size:12.5px;color:var(--muted)}
.apl-file strong{font-size:13.5px;color:var(--ink);word-break:break-all}
.apl-file-icon{flex:none;width:44px;height:52px;border-radius:8px;background:linear-gradient(160deg,#fff,#eef2fb);border:1px solid #d6deee;display:grid;place-items:end center;padding-bottom:7px;font-size:10px;font-weight:700;color:var(--navy);letter-spacing:.5px}
.apl-dl{margin:0;display:grid;gap:10px}
.apl-dl div{display:grid;gap:1px}
.apl-dl dt{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.apl-dl dd{margin:0;font-size:13.5px;color:var(--ink);word-break:break-word}
.apl-danger h3{color:var(--red)}
.apl-danger h3 svg{color:var(--red)}
.apl-danger .btn{margin:12px 0 0;padding-left:0}

/* Dialogs and settings */
.apl-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.apl-grid2+.apl-grid2,.apl-grid2+.field{margin-top:4px}
dialog .apl-grid2 .field{margin-top:14px}
.apl-switch{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fbfcfd;margin-top:14px;cursor:pointer}
.apl-switch input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--navy);flex:none}
.apl-switch strong{display:block;font-size:14px;color:var(--ink)}
.apl-switch small{display:block;font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:2px}
.apl-switch:has(input:checked){border-color:#c9d6f3;background:#f5f8ff}
.apl-send{margin-top:20px}
.apl-compose{border-left:3px solid var(--lime);padding-left:14px;margin-top:4px}
.apl-compose[hidden],.apl-switch[hidden]{display:none}
.apl-compose textarea,.apl-tpl textarea{min-height:200px;font-size:13.5px;line-height:1.6}
.apl-choices{border:0;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.apl-choice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:#fff}
.apl-choice input{margin-top:3px;accent-color:var(--navy)}
.apl-choice small{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.45}
.apl-choice:has(input:checked){border-color:var(--navy);box-shadow:0 0 0 3px #051f7314;background:#f8faff}
.apl-copy-field{width:100%;height:44px;border:1px solid #cdd6e5;border-radius:10px;padding:0 12px;font:inherit}
.apl-settings{display:grid;gap:18px;max-width:900px}
.apl-settings .apl-block>.field:first-of-type{margin-top:16px}
.apl-settings code{font-size:12px;background:#f1f4f9;border:1px solid #e3e8f0;border-radius:6px;padding:1px 6px;color:var(--navy);white-space:nowrap;line-height:2}
.apl-tpl{border:1px solid var(--line);border-radius:12px;margin-top:10px;background:#fff}
.apl-tpl summary{display:flex;flex-direction:column;gap:2px;padding:14px 16px;cursor:pointer;list-style:none}
.apl-tpl summary::-webkit-details-marker{display:none}
.apl-tpl summary span{font-weight:600;color:var(--ink);font-size:14px}
.apl-tpl summary span::after{content:'Edit';float:right;font-size:12px;font-weight:600;color:var(--navy)}
.apl-tpl[open] summary span::after{content:'Close'}
.apl-tpl summary small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apl-tpl-body{padding:0 16px 16px;border-top:1px solid var(--line)}
.apl-tpl-body .btn{margin-top:10px}
.apl-save{position:sticky;bottom:0;z-index:3;display:flex;gap:10px;align-items:center;padding:14px 0;background:linear-gradient(180deg,#f6f7f300,var(--canvas) 30%)}
.apl-save .btn{margin:0}
.apl-first .empty{margin:36px 20px}

@media(max-width:1280px){.apl-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.apl-layout,.apl-detail{grid-template-columns:minmax(0,1fr)}.apl-aside{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
@media(max-width:760px){
 .apl-tiles{display:flex;overflow-x:auto;gap:8px;margin-inline:-4px;padding:2px 4px 6px;scroll-snap-type:x proximity}
 .apl-tile{flex:0 0 118px;scroll-snap-align:start}
 .apl-list-head{padding:16px}
 .apl-filter{justify-content:stretch;flex-basis:100%}.apl-search{max-width:none;flex-basis:100%}.apl-filter select{flex:1;max-width:none}
 .apl-hero{padding:20px}.apl-hero-top{flex-wrap:wrap;gap:14px}.apl-face.big{width:60px;height:60px;font-size:20px}
 .apl-hero-rate{flex-basis:100%;flex-direction:row;align-items:center;gap:10px}
 .apl-hero h1{font-size:23px}
 .apl-track li{min-width:0;font-size:10.5px}
 .apl-actions .btn{flex:1 1 100%}
 .apl-block{padding:18px}
 .apl-iv{flex-wrap:wrap}.apl-iv-actions{flex-direction:row;flex-wrap:wrap;flex-basis:100%;padding-left:74px}
 .apl-mails li{flex-wrap:wrap;align-items:flex-start}.apl-mail-text{flex:1 1 calc(100% - 48px)}.apl-mail-text strong{white-space:normal}.apl-mail-state{padding-left:48px}
 .apl-block-head{flex-wrap:wrap}.apl-block-head .btn{padding-inline:0}
 .apl-note{flex-direction:column;align-items:stretch}
 .apl-grid2,.apl-choices{grid-template-columns:1fr}
}
/* r56: a sales director's status request */
.apl-director-note{flex-basis:100%;font-size:13px}
.apl-request{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border:1px solid #f0d9a8;border-radius:14px;background:#fdf6e7;flex-wrap:wrap}
.apl-request-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#8b5a0a;flex:none}
.apl-request-icon svg{width:17px;height:17px}
.apl-request-text{flex:1;min-width:220px}
.apl-request-text strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--ink)}
.apl-request-text small{display:block;margin-top:3px;color:var(--muted);font-size:12.5px}
.apl-request-acts{display:flex;gap:8px}
.apl-req-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;background:#fdf3e1;color:#8b5a0a;font-size:12px;font-weight:700;white-space:nowrap}