.hrm-recruitment-frame,.hrm-recruitment-reference{position:relative;width:100%;overflow:hidden;background:#001824;color:#f0eee4;font-family:"Segoe UI",sans-serif;box-sizing:border-box}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) *{box-sizing:border-box;font-family:"Segoe UI",sans-serif}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board{position:relative;width:1280px;height:555px;overflow:hidden;margin:0;background:radial-gradient(ellipse at 63% 0,#073d50aa,transparent 70%),linear-gradient(120deg,#001520,#002536 65%,#001b28);color:#eceee9}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board :is(h1,h2,h3,p,ul,li,header,footer,aside,small,strong,b,span,button){margin:0;letter-spacing:normal;text-transform:none}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board :where(button){color:inherit;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;min-width:0;min-height:0;font-size:10px;line-height:normal;text-align:inherit;cursor:pointer;appearance:none}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board button:focus-visible,:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board [tabindex="0"]:focus-visible{outline:2px solid #eace91;outline-offset:-2px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-heading{position:relative;height:70px;display:flex;align-items:flex-start;justify-content:flex-start;gap:17px;padding:14px 45px 0;background:transparent;border:0;overflow:hidden}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-heading>i{display:block;width:44px;height:44px;flex:none;color:#efd29a}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-heading>i svg{width:44px;height:44px;fill:#e5c68f;stroke:#f7deb1;stroke-width:1.1}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-heading h1{font:600 24px/29px "Segoe UI",sans-serif;color:#f3efdf;margin:0 0 1px;white-space:nowrap}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-heading p{font:12px/17px "Segoe UI",sans-serif;color:#ced7dd;margin:0}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-heading>div:first-of-type{z-index:1}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-heading aside{position:absolute;right:24px;top:9px;color:#d8caac;font:italic 15px/21px "Segoe UI",sans-serif;rotate:-8deg;text-align:center}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-heading aside span{margin-left:30px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-office-vignette{position:absolute;right:140px;top:0;width:310px;height:68px;overflow:hidden;opacity:.86;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-metrics{height:59px;margin:0 17px 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-metrics>button{border:1px solid #355c6b;border-radius:8px;background:linear-gradient(135deg,#052b3a,#001b28);display:flex;align-items:center;padding:8px 17px;gap:18px;box-shadow:inset 0 0 8px #4d7e9c10}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-metrics>button:hover{background:linear-gradient(135deg,#0c3949,#00232f);border-color:#81a3a5}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-metrics i{width:35px;height:35px;color:#e7cc93;flex:none;display:block}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-metrics svg{width:100%;height:100%}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-metrics small{display:block;font-size:11px;line-height:15px;color:#e8e6de}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-metrics strong{display:block;font-size:25px;line-height:27px;font-weight:600;color:#f1d29b}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-metrics em{width:32px;height:32px;color:#527a91;margin-left:auto;display:block}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-middle{display:grid;grid-template-columns:790px 448px;gap:8px;margin:0 17px 7px;height:263px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-card{position:relative;border:1px solid #326277;border-radius:8px;background:linear-gradient(130deg,#032d40b0,#001f2d99);overflow:hidden;padding:7px 9px;box-shadow:inset 0 0 9px #4383a322}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-card h2{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;line-height:18px;color:#f1eee5;height:18px;white-space:nowrap;background:none}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-card h2 svg{width:18px;height:18px;color:#e1c68d;flex:none}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-kanban-heading{display:flex;align-items:center;justify-content:space-between;height:18px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-kanban-heading h2>span{color:#e6c27a;font-size:17px;line-height:18px;width:19px;text-align:center}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-kanban-heading>button{width:18px;height:18px;color:#76a6bb;opacity:.65}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-kanban-heading>button svg{width:15px;height:15px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-columns{position:absolute;top:31px;bottom:6px;left:8px;right:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column{border:1px solid #2f5668;border-radius:5px;background:#0a3448aa;overflow:hidden}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column h3{display:flex;align-items:center;gap:6px;background:linear-gradient(100deg,#176b80,#114156);height:29px;color:#f8f5e8;font-size:9px;font-weight:600;padding:4px 8px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column h3 svg{width:17px;height:17px;color:#d9e8e7;flex:none}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column h3 span{white-space:nowrap}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column h3>b{margin-left:auto;display:grid;place-items:center;min-width:19px;height:17px;border-radius:10px;background:#082e3c9c;font-size:9px;font-weight:500;padding:0 5px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column.blue h3{background:linear-gradient(100deg,#275e8d,#153c5e)}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column.teal h3{background:linear-gradient(100deg,#337c83,#174f5b)}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column.gold h3{background:linear-gradient(100deg,#a89765,#5f5b3c)}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column.green h3{background:linear-gradient(100deg,#247e62,#154c39)}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-cards{padding:4px 4px 0;display:grid;gap:6px;align-content:start}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate{height:59px;border:1px solid #d0d0c3;border-radius:4px;background:linear-gradient(115deg,#f5f1e4,#e9e9e1);box-shadow:0 2px 3px #0006;color:#102b3b;overflow:hidden;padding:5px 5px 3px;cursor:grab}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate:active{cursor:grabbing}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate-main{display:grid;grid-template-columns:15px minmax(0,1fr) 9px;gap:5px;height:32px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate-main>i{width:15px;height:17px;color:#527e98}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate-main>i svg{width:15px;height:17px;stroke-width:1.7}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate-main b{font-size:8.5px;line-height:12px;font-weight:700;display:block;white-space:nowrap;color:#18303c}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate-main p{font-size:7.5px;line-height:11px;color:#304353;white-space:nowrap;margin:0}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate-main button{font-size:15px;color:#547080;line-height:14px;align-self:start;width:9px;height:17px;text-align:center}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate footer{display:flex;align-items:center;gap:4px;height:17px;border:0;background:none;padding:0;font-size:7px;color:#153344;white-space:nowrap}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-avatar{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#b5a575;border:1px solid #f8f0c3;color:white;font-size:7px;flex:none}
:is(#detail,.hrm-team-shell) .avatar-MN{background:#307185}:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board .avatar-LP{background:#5a9f87}:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board .avatar-QN{background:#234c64}:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board .avatar-DA{background:#4674ae}:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board .avatar-PT{background:#d4864b}:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board .avatar-KH{background:#3b719e}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate footer>i{width:10px;height:11px;color:#447b96;display:block;margin-left:auto}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate footer>i svg{width:10px;height:11px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-candidate footer small{font-size:7px;color:#183e52;line-height:10px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column.has-more .rec-cards{gap:4px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column.has-more .rec-candidate{height:51px;padding-bottom:2px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-column.has-more .rec-candidate-main{height:25px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-more{display:block;width:calc(100% - 8px);height:22px;margin:2px 4px 0;padding:2px 4px;text-align:center;font-size:9px;color:#eedda9;border:1px solid #5a8495;border-radius:4px;background:#093b50}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-filter{position:absolute;z-index:5;top:27px;right:8px;display:flex;gap:5px;width:380px;padding:8px;background:#052c3f;border:1px solid #5e96ac;border-radius:5px;box-shadow:0 4px 14px #0008}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-filter[hidden]{display:none}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-filter :is(input,select){min-width:0;height:26px;min-height:0;font:10px "Segoe UI";margin:0;padding:4px 6px;background:#082d3f;border:1px solid #4c8299;color:#eef2eb;border-radius:3px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-filter input{width:190px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-filter select{width:150px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-filter button{font-size:18px;width:18px;text-align:center}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-empty-board{position:absolute;inset:55px 0 auto;text-align:center;color:#d4e7ec;font-size:12px;padding:15px;background:#052d3fe6}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-schedule-heading{display:flex;align-items:center;justify-content:space-between;height:23px;gap:5px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-schedule-heading>div{display:flex;align-items:center;height:22px;border:1px solid #1e4c61;border-radius:4px;background:#012234;padding:0 5px;gap:8px;white-space:nowrap;font-size:9px;color:#f0eee6}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-schedule-heading>div button{font-size:16px;line-height:15px;color:#a9c7d4}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;margin:5px 0 0;font:8.5px/11px "Segoe UI",sans-serif;color:#d9e1e5;background:#001b29;border:1px solid #224657;border-radius:4px;overflow:hidden}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board :is(th,td){text-align:left;font-size:8.5px;line-height:11px;font-weight:400;padding:3px 6px;vertical-align:middle;border:0;border-bottom:1px solid #173e51;color:#dae5e8}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board th{background:linear-gradient(#0b3448,#082b3e);color:#e9eeeb;height:21px;font-size:8px;white-space:nowrap}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board tr:last-child td{border-bottom:0}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board tr[tabindex]{cursor:pointer}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board tr[tabindex]:hover{background:#17475b66}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-schedule table{margin-top:4px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-schedule td{height:32px;font-size:8px;padding:3px 6px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-schedule td small{display:block;font-size:7.5px;line-height:10px;color:#b7c8d1}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-schedule td:first-child i{width:11px;height:13px;display:inline-block;vertical-align:middle;margin-right:5px;color:#d9e4dd}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-schedule td:first-child i svg{width:11px;height:13px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-schedule td:first-child span{display:inline-block;vertical-align:middle}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-schedule .rec-no-meetings{height:180px;text-align:center;padding:25px;color:#b5d1dc;font-size:11px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-bottom{height:128px;margin:0 17px;display:grid;grid-template-columns:610px 628px;gap:8px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-bottom .rec-card{padding:6px 9px 4px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-bottom table{margin-top:4px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-bottom th{height:18px;font-size:8px;padding-top:2px;padding-bottom:2px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-bottom td{height:19px;padding:2px 6px;font-size:8px;line-height:11px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-demand td:first-child{padding:0 3px 0 7px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-demand td:first-child svg{width:12px;height:12px;vertical-align:middle;color:#e6edf0}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-demand :is(td,th):nth-child(3){text-align:center}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-status{display:inline-block;font-size:7.5px;line-height:10px;border-radius:7px;border:1px solid #426e8a;padding:0 8px;background:linear-gradient(#376583,#1b425e);color:#e1eff6;white-space:nowrap}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-status.preparing{border-color:#8c7b45;background:linear-gradient(#716339,#413b26);color:#fff0ba}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-feedback td:first-child{padding:0 4px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-feedback input{display:block;appearance:auto;accent-color:#47958a;width:10px;height:10px;min-width:10px;min-height:0;margin:0;padding:0;border:1px solid #aec1c7;border-radius:1px;background:#082838;cursor:pointer}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-feedback-done td{color:#8eafa9}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-footer{display:flex;align-items:center;justify-content:space-between;margin:5px 20px 0;height:13px;font-size:8px;color:#9eb7c4;background:transparent;border:0;padding:0}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-footer>span{display:flex;align-items:center;gap:7px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-footer svg{width:13px;height:13px}
/* Scenic props have no important raster text; all labels and controls are native. */
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-scene{position:absolute;inset:0;pointer-events:none}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-scene :is(button,input,label){pointer-events:auto}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-office{position:absolute;inset:70px 0 0;overflow:hidden;background:#021b27}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-scene-panels{position:absolute;top:84px;left:32px;right:26px;display:grid;grid-template-columns:276px 310px 302px 282px;gap:18px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-step{position:relative;height:321px;border:1px solid #397287;border-radius:11px;background:linear-gradient(130deg,#0b3448b0,#00213388);box-shadow:inset 0 0 14px #38778c22;overflow:hidden}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-step>header{position:relative;height:69px;background:none;border:0;padding:9px 12px 0 50px;display:block}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-step>header button{font-size:14px;line-height:19px;font-weight:600;color:#eee7d4;white-space:nowrap}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-step>header button>span{position:absolute;left:14px;top:9px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(120deg,#ffe8ac,#d1ad62);box-shadow:inset 0 0 0 1px #fff0c6;color:#253b40;font-size:17px;font-weight:600}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-step>header p{font-size:11px;line-height:15px;margin-top:6px;color:#d8e1e2}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-step img{position:absolute;max-width:none;border:0;border-radius:0;box-shadow:none;user-select:none;pointer-events:none}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-step .rec-job-art{left:-35px;top:73px;width:314px;height:254px;object-fit:fill}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-job-copy{position:absolute;left:70px;top:90px;width:172px;color:#243e52;font-size:9px;line-height:12px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-job-copy>p{font-size:9px;line-height:12px;margin:0 0 5px;color:#243e52}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-job-copy>b{display:block;font-size:9px;line-height:13px;font-weight:600}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-job-copy ul{margin:0 0 4px;padding-left:12px;color:#243e52}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-job-copy li{font-size:8.5px;line-height:12px;padding:0;margin:0;list-style:disc;color:#243e52}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-job-top{display:flex;align-items:center;gap:5px;margin-bottom:7px;white-space:nowrap}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-job-top>b{font-size:9px;font-weight:700}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-job-top>span{display:flex;align-items:center;gap:3px;background:linear-gradient(#359b94,#107166);border:1px solid #77c7b6;border-radius:4px;padding:2px 3px;color:#effff1;font-size:6.5px;font-weight:600}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-job-top svg{width:9px;height:9px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-story-screen{position:absolute;border:1px solid #68a6b7;border-radius:6px;background:linear-gradient(125deg,#124657e8,#032b3ce8);box-shadow:inset 0 0 7px #6ba7b62a;padding:9px;color:#dfe9e8}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-story-screen h3{font-size:10px;line-height:14px;font-weight:600;margin:0 0 9px;color:#eee9d9}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-screening{left:8px;top:76px;width:146px;height:126px;padding:8px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-screening button{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;height:21px;font-size:8.5px;color:#dce5e4;border:1px solid transparent;padding:0 4px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-screening button.chosen{border-color:#86ccdf;background:linear-gradient(90deg,#1f6d8a,#15526c);border-radius:4px;box-shadow:inset 0 0 6px #b6edfc44}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-screening button b{font-size:9px;font-weight:400}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-criteria{left:161px;top:81px;width:140px;min-height:133px;padding:10px 9px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-story-screen label{display:flex;align-items:flex-start;gap:6px;margin:0 0 8px;padding:0;font-size:9px;line-height:13px;color:#e7eceb;font-weight:400}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-story-screen label input{appearance:auto;accent-color:#c7ebed;width:11px;height:11px;min-width:11px;min-height:0;margin:1px 0 0;padding:0;flex:none;cursor:pointer}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-step .rec-cv-art{left:4px;top:202px;width:228px;height:117px;object-fit:fill}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-story-calendar{left:8px;top:80px;width:153px;height:96px;padding:8px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-story-calendar h3{margin-bottom:6px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-month{display:flex;align-items:center;justify-content:space-between;font-size:8px;line-height:13px;margin-bottom:6px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-month button{font-size:17px;line-height:12px;color:#b8dce8;padding:0 3px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-size:8px;line-height:13px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-days button{height:18px;font-size:8px;text-align:center;border:1px solid transparent;border-radius:3px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-days button.chosen{border-color:#a4e3ec;background:#368aa2;box-shadow:0 0 5px #74d1df44}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-discussion{left:166px;top:81px;width:127px;height:104px;padding:8px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-discussion h3{font-size:9px;margin-bottom:5px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-discussion ul{padding-left:10px;margin:0}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-discussion li{font-size:8px;line-height:15px;list-style:disc;color:#d8e5e5;margin:0;padding:0}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-step .rec-interview-art{left:-15px;top:166px;width:330px;height:220px;object-fit:fill}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-step .rec-offer-art{left:-35px;top:90px;width:282px;height:238px;object-fit:fill}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-offer-copy{position:absolute;left:42px;top:119px;width:120px;color:#294555;font-size:10px;line-height:15px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-offer-copy>b{display:block;font-weight:600;font-size:10px;margin:0 0 19px;white-space:nowrap}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-offer-copy>span{display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(#c5ab6a,#95814c);border:1px solid #d8c389;border-radius:12px;padding:1px 4px;color:#fff6d3;font-size:8px;line-height:14px;margin:0 9px 9px;white-space:nowrap}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-offer-copy>span svg{width:12px;height:12px;flex:none}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-offer-copy>i{height:3px;background:#93a8b066;display:block;margin:0 0 6px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-offer-copy>svg{width:54px;height:28px;display:block;margin:6px 0 0 auto}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-onboarding{left:173px;top:80px;width:104px;min-height:147px;padding:10px 8px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-onboarding h3{font-size:9px;white-space:nowrap;margin-bottom:12px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-onboarding label{font-size:8px;line-height:14px;margin-bottom:8px;gap:5px;white-space:nowrap}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-story-arrow{position:absolute;top:233px;color:#a4d7df;font-size:31px;line-height:30px;text-shadow:0 0 8px #91d8df55}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-arrow-1{left:300px}:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board .rec-arrow-2{left:633px}:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-board .rec-arrow-3{left:954px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-contact-path{position:absolute;left:390px;top:391px;width:510px;height:64px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-keep-contact{position:absolute;left:480px;top:406px;width:330px;height:52px;display:flex;align-items:center;gap:13px;border:1px solid #47798d;border-radius:10px;background:linear-gradient(120deg,#103c50,#002131);box-shadow:inset 0 0 7px #5a93a733;padding:7px 18px;text-align:left;color:#dce7e7}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-keep-contact>svg{width:38px;height:36px;flex:none;color:#e5cb83;fill:#d8be78;stroke:#7fc7dc}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-keep-contact b{font-size:10px;line-height:14px;display:block;color:#f2e7ca;font-weight:600}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-keep-contact small{font-size:8px;line-height:11px;display:block;color:#d1dee1}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-benefits{position:absolute;left:33px;right:35px;top:464px;height:77px;display:grid;grid-template-columns:400px 390px 394px;gap:14px}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-benefits>button{display:flex;align-items:center;gap:21px;height:77px;padding:10px 28px;border:1px solid #47758c;border-radius:13px;background:linear-gradient(120deg,#083448,#002333);box-shadow:inset 0 0 9px #28708733}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-benefits i{width:52px;height:52px;flex:none;border:1px solid #7396a3;border-radius:9px;background:linear-gradient(130deg,#315b6a,#092d40);color:#edd5a0;display:grid;place-items:center;box-shadow:inset 0 0 7px #8eb6c533}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-benefits i svg{width:33px;height:33px;stroke-width:2}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-benefits h2{font-size:12px;line-height:17px;font-weight:600;color:#f2e7d2;margin-bottom:5px;white-space:nowrap}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-benefits p{font-size:10px;line-height:14px;color:#d8e5e5;margin:0}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-story-visible .rec-story-arrow{animation:rec-flow 4s ease-in-out infinite}
@keyframes rec-flow{50%{color:#d2f9fa;text-shadow:0 0 13px #6bdae6}}
@media(prefers-reduced-motion:reduce){:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-story-visible .rec-story-arrow{animation:none}}
dialog.hrm-recruitment-dialog,#detail dialog.hrm-recruitment-dialog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100vw - 36px));height:fit-content;min-height:0;max-height:88vh;overflow:auto;padding:0;border:1px solid #76abb8;border-radius:12px;background:linear-gradient(135deg,#0a3447,#001f2d);box-shadow:0 18px 70px #000b,0 0 16px #4eacbf33;color:#e7edec;font-family:"Segoe UI",sans-serif;z-index:2500}
dialog.hrm-recruitment-dialog::backdrop{background:#00131cd6}
#detail .hrm-recruitment-dialog .rec-modal-body,.hrm-recruitment-dialog .rec-modal-body{position:relative;padding:26px 30px}
#detail .hrm-recruitment-dialog .rec-modal-close,.hrm-recruitment-dialog .rec-modal-close{position:absolute;right:9px;top:7px;background:none;border:0;border-radius:4px;color:#dcebec;font:25px/26px "Segoe UI";padding:0;width:30px;height:30px;cursor:pointer}
#detail .hrm-recruitment-dialog .rec-modal-body>small,.hrm-recruitment-dialog .rec-modal-body>small{font:10px "Segoe UI";letter-spacing:1px;color:#91d0df}
#detail .hrm-recruitment-dialog h2,.hrm-recruitment-dialog h2{font:600 23px/1.3 "Segoe UI";margin:8px 0 18px;color:#f0d49b}
#detail .hrm-recruitment-dialog h3,.hrm-recruitment-dialog h3{font:600 15px/1.4 "Segoe UI";margin:18px 0 7px;color:#e7d8b0}
#detail .hrm-recruitment-dialog p,.hrm-recruitment-dialog p{font:13px/1.6 "Segoe UI";margin:14px 0 0;color:#c7dde4}
#detail .hrm-recruitment-dialog .rec-detail-row,.hrm-recruitment-dialog .rec-detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #2b5365;font:14px/1.4 "Segoe UI"}
#detail .hrm-recruitment-dialog .rec-detail-row b,.hrm-recruitment-dialog .rec-detail-row b{max-width:70%;text-align:right;font-weight:500;color:#f1e2bc}
#detail .hrm-recruitment-dialog .rec-field,.hrm-recruitment-dialog .rec-field{display:block;margin:16px 0 0;padding:0;font:13px/1.5 "Segoe UI";color:#cfe4e8}
#detail .hrm-recruitment-dialog .rec-field :is(select,textarea),.hrm-recruitment-dialog .rec-field :is(select,textarea){display:block;margin:6px 0 0;width:100%;padding:8px 10px;min-height:0;border:1px solid #567e91;border-radius:5px;background:#062c40;color:#f0f2eb;font:14px/1.4 "Segoe UI";box-sizing:border-box}
#detail .hrm-recruitment-dialog .rec-field textarea,.hrm-recruitment-dialog .rec-field textarea{height:84px;resize:vertical}
#detail .hrm-recruitment-dialog .rec-primary,.hrm-recruitment-dialog .rec-primary{margin:16px 0 0;padding:9px 18px;min-height:0;border:1px solid #baa368;border-radius:6px;background:linear-gradient(#eed89f,#caad70);color:#173441;font:600 13px "Segoe UI";cursor:pointer}
#detail .hrm-recruitment-dialog .rec-popup-card,.hrm-recruitment-dialog .rec-popup-card{display:flex;align-items:center;gap:15px;width:100%;margin:7px 0 0;padding:12px;border:1px solid #356173;border-radius:5px;background:#0a3243;color:#e5eeee;font:13px "Segoe UI";text-align:left;cursor:pointer}
#detail .hrm-recruitment-dialog .rec-popup-card b,.hrm-recruitment-dialog .rec-popup-card b{font-weight:600;white-space:nowrap}
#detail .hrm-recruitment-dialog .rec-popup-card span:last-child,.hrm-recruitment-dialog .rec-popup-card span:last-child{margin-left:auto}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-office-vignette>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 70%;border:0;border-radius:0;box-shadow:none}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-office>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 57%;opacity:.9;border:0;border-radius:0;box-shadow:none}
:is(#detail,.hrm-team-shell) :is(.hrm-recruitment-frame,.hrm-recruitment-reference) .rec-office:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00233755,transparent 24%,#001c2940 75%,#00192799)}