/* Purposeful graphics for the existing CloudInfraIT workspace. */
.ui-icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-icon.ui-icon{width:20px;height:20px}
.workspace-art,.hero-steps{display:none}
#main[data-page=jobs] .page-heading{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px 24px;padding:26px 30px;margin:24px 0;background:linear-gradient(120deg,#123248,#184f61 75%,#216c78);border:1px solid #ffffff30;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 12px 30px #173c521c}
#main[data-page=jobs] .page-heading h1{color:#fff;font-size:32px;margin:8px 0}
#main[data-page=jobs] .page-heading .eyebrow{color:#a5e2e3}
#main[data-page=jobs] .page-heading p{color:#d6e5ed;max-width:430px}
#main[data-page=jobs] .workspace-art{display:block;grid-column:2;grid-row:1 / span 2;width:100%;height:auto;align-self:center;pointer-events:none}
#main[data-page=jobs] .hero-steps{display:flex;align-items:center;gap:12px;color:#d2eced;margin-top:14px;font-size:10px;font-weight:600;letter-spacing:.04em}
.hero-steps i{font-style:normal;color:#79bbc4}
#main[data-page=jobs] .page-heading>.btn{grid-column:1;justify-self:start;background:#f2fafb;color:#174958;box-shadow:none;border:1px solid #fff;min-height:36px;padding:8px 13px}
.stat{min-height:115px;padding-right:62px;background:#ffffffbc}
.stat::after{display:none}
.stat-icon{position:absolute;right:16px;top:20px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#dceff0;color:#177785}
.stat:nth-child(2) .stat-icon{background:#e7e5f8;color:#6556a6}
.stat:nth-child(3) .stat-icon{background:#dceee5;color:#317756}
.stat:nth-child(4) .stat-icon{background:#dfebfa;color:#3c74a7}
.stat b{font-variant-numeric:tabular-nums}
.job.glass{background:#ffffffb8;border-color:#fff}
.job.glass:hover{background:#ffffffed;border-color:#a9cbd0;box-shadow:0 8px 24px #183d5014}
.filters.glass{background:#ffffff94}
.visual-section-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.section-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;background:#e0f1f1a8;color:#147785;border-radius:13px;box-shadow:inset 0 1px 0 #fff}.section-icon.violet{background:#eeebfa;color:#6c5eab}

/* Frosted surfaces stay quiet behind dense recruiting information. */
:root{--glass:rgba(255,255,255,.55);--glass2:rgba(255,255,255,.76);--blur:blur(24px) saturate(145%);--shadow:0 8px 28px #183f5310,inset 0 1px 0 #ffffffed;--r:20px}
body{background:#e5eff6}
body::before{background:radial-gradient(ellipse at 4% 6%,#71c3c87a,transparent 43%),radial-gradient(ellipse at 98% 12%,#a7a9e064,transparent 43%),radial-gradient(ellipse at 80% 100%,#84c9de64,transparent 46%),linear-gradient(135deg,#edf6f8,#e5edf8 55%,#e4f0f4)}
.glass{box-shadow:var(--shadow)}
.workspace-top{height:60px}
#connectionStatus{padding:7px 10px;background:#ffffff4f;border:1px solid #ffffff80;border-radius:999px}
#main[data-page=jobs] .page-heading{padding:22px 26px;margin:20px 0;grid-template-columns:minmax(0,1fr) 260px;gap:10px 24px;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);background:linear-gradient(115deg,#123248ed,#18596be6);box-shadow:0 10px 30px #173c521c,inset 0 1px 0 #ffffff47}
#main[data-page=jobs] .page-heading::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% -70%,#ffffff38,transparent 64%)}
#main[data-page=jobs] .page-heading h1{font-size:30px;margin:6px 0}
#main[data-page=jobs] .workspace-art{max-height:168px;object-fit:contain}
#main[data-page=jobs] .hero-steps{margin-top:10px}
#main[data-page=jobs] .page-heading>.btn{min-height:33px;font-size:11px;padding:7px 12px;border-radius:10px;background:#effbfdde}
#main:not([data-page=jobs]) .page-heading{padding:24px 26px;margin:20px 0;background:linear-gradient(115deg,#ffffff8c,#ffffff38);border:1px solid #ffffffcb;border-radius:22px;box-shadow:inset 0 1px 0 #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#main:not([data-page=jobs]) .page-heading .heading-copy{max-width:660px}
.stats{margin-bottom:20px;gap:14px}
.stat{min-height:98px;background:linear-gradient(125deg,#ffffffb0,#ffffff60);padding-top:16px;padding-bottom:16px;border:1px solid #ffffffd9;box-shadow:0 6px 22px #23465d09,inset 0 1px 0 #fff}
.stat:first-child{padding-top:15px}.stat b{margin-top:9px}
.stat-icon{background:linear-gradient(135deg,#c6e8eade,#e2f5f4a3);box-shadow:inset 0 1px 1px #fff,0 3px 10px #2451620b;border:1px solid #ffffffb3}
.stat:nth-child(2) .stat-icon{background:linear-gradient(135deg,#e0dcf5ed,#eeebfa9c)}
.stat:nth-child(3) .stat-icon{background:linear-gradient(135deg,#cfe9dced,#e8f7ed9c)}
.stat:nth-child(4) .stat-icon{background:linear-gradient(135deg,#d4e5f7ed,#eaf4ff9c)}
.filters{padding:17px 20px;gap:12px}.search-field input{height:41px;min-height:41px}
.filters input,.filters select{background:#ffffff85;border-color:#92a8ba36;box-shadow:inset 0 1px 2px #ffffffb3}
.job.glass{background:linear-gradient(130deg,#ffffffba,#ffffff73);box-shadow:0 8px 24px #24496208,inset 0 1px 0 #fff;position:relative;overflow:hidden}
.job.glass::before{content:'';position:absolute;left:0;top:25px;bottom:25px;width:3px;background:linear-gradient(#63becb66,#63becb00);border-radius:5px}
.job.glass:hover{background:#ffffffd9;border-color:#99c3cc;box-shadow:0 12px 28px #24496212}
.job .acts{border-top-color:#25496316}.job .skills .tag{background:#ffffff8c;border:1px solid #ffffff96}
.btn{border-color:#ffffffcf;box-shadow:inset 0 1px 0 #fff,0 2px 5px #19415b06}
.btn.pri{background:linear-gradient(130deg,#128c9c,#237aa8);box-shadow:0 5px 14px #24839b29,inset 0 1px 0 #ffffff5e}
.btn:focus-visible,.chip:focus-visible{outline:3px solid #0c738d;outline-offset:3px}
.chip{border:1px solid #ffffffd1;background:#ffffff70}.chip.on{background:#c0e4e9ba;border-color:#4996a666;box-shadow:inset 0 1px 0 #ffffff9e;color:#155865}
.requirement-controls .btn{min-height:34px;font-size:11px;padding:7px 11px}.requirement-controls{gap:7px}
#archiveNote,#archiveStatus{font-size:10px;margin-top:7px}
#archiveStatus:empty{margin:0}.results-bar{padding-top:20px}
.card.glass{background:linear-gradient(130deg,#ffffffb5,#ffffff73)}
thead{background:#ffffff4d}th{font-size:10px;font-weight:700;letter-spacing:.06em;padding-top:12px;padding-bottom:12px}
tbody tr{transition:background .15s}tbody tr:hover{background:#ffffff4a}td{padding-top:13px;padding-bottom:13px}
.modal.glass{background:#f3f8fcf5;border:1px solid #fff;box-shadow:0 28px 90px #193d5c33,inset 0 1px 0 #fff}
.upload-graphic{display:grid;place-items:center;width:56px;height:62px;margin:0 auto 16px;border:1px solid #fff;border-radius:16px;background:linear-gradient(140deg,#ecf7fef2,#c5e4eaad);box-shadow:0 8px 16px #29667a12,inset 0 1px 0 #fff;transform:rotate(-5deg);color:#277f91}
.upload-graphic .ui-icon{width:30px;height:30px}
.drop{background:linear-gradient(135deg,#ffffff70,#e0eff64d);border-color:#5e9eae7a;padding:28px 20px}
.drop:hover,.drop.over{background:#e9f6fac9;box-shadow:0 6px 20px #287a9212}
@media(min-width:641px){
 header.sidebar{padding:22px 16px 16px;overflow:hidden;background:linear-gradient(165deg,#132d43dc,#235066c4);box-shadow:0 16px 48px #17384e28,inset 0 1px 0 #ffffff42;border:1px solid #ffffff4a}
 .sidebar-brand{padding:0 8px 17px}.sidebar-brand .logo{width:100%;height:72px;object-fit:contain;padding:5px 12px;border:1px solid #ffffffc4;box-shadow:0 5px 20px #102c4419}
 .sidebar-brand>span{font-size:9px;letter-spacing:.13em;margin-top:10px}.nav-caption{font-size:9px;padding:8px 12px}
 nav{gap:4px}nav button{padding:10px 12px;min-height:42px;font-size:12px}nav button.on{background:linear-gradient(115deg,#ffffff29,#ffffff10);border:1px solid #ffffff21;padding:9px 11px;box-shadow:inset 3px 0 #7bdddc,inset 0 1px 0 #ffffff35}
 .sidebar-note{margin:auto 2px 14px;padding:14px}.note-icon{font-size:24px;margin-bottom:6px}.sidebar-note p{font-size:10px}.who{margin-top:auto;padding-top:14px;flex-shrink:0}
}
@media(min-width:641px) and (max-height:820px){.sidebar-note{display:none}nav{flex:0 1 auto;min-height:0;overflow-y:auto}.sidebar nav button{flex-shrink:0}.who{margin-top:auto}}
@media(min-width:1600px){#main[data-page=jobs] .page-heading{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1100px){#main[data-page=jobs] .page-heading{grid-template-columns:minmax(0,1fr) 200px;padding:22px}.stat{padding-right:46px}.stat-icon{right:10px;width:30px;height:30px}.stat-icon .ui-icon{width:18px;height:18px}}
@media(max-width:800px){#main[data-page=jobs] .page-heading{grid-template-columns:minmax(0,1fr) 135px}#main[data-page=jobs] .page-heading h1{font-size:27px}.stat .tiny{font-size:10px}.stats{gap:10px}.page-heading h1{font-size:25px}}
@media(max-width:640px){
 .workspace-top{height:48px}.workspace-top>span:first-child{font-size:9px}#connectionStatus{font-size:8px;padding:5px 7px}
 #main[data-page=jobs] .page-heading{margin:16px 0;grid-template-columns:1fr;padding:22px;gap:14px}#main[data-page=jobs] .workspace-art{display:block;position:absolute;right:-32px;bottom:-24px;width:145px;height:100px;opacity:.52;z-index:0}#main[data-page=jobs] .heading-copy,#main[data-page=jobs] .page-heading>.btn{position:relative;z-index:1}
 #main[data-page=jobs] .page-heading h1{font-size:27px}#main[data-page=jobs] .page-heading p{font-size:11px;max-width:260px}#main[data-page=jobs] .hero-steps{margin-top:12px;font-size:9px;gap:8px}
 #main:not([data-page=jobs]) .page-heading{margin:16px 0;padding:20px;gap:12px;flex-wrap:wrap}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}
 .stats{margin-bottom:16px}.stat,.stat:first-child{min-height:101px;padding:14px 42px 14px 14px}.stat b{font-size:25px}.stat .tiny{font-size:10px;line-height:1.5;display:block}.stat-icon{right:10px;top:15px;width:27px;height:27px}.stat-icon .ui-icon{width:16px;height:16px}
 .filters{padding:16px;gap:12px 8px}.filters .search-field{grid-column:1/-1}.filters label>span{font-size:9px}.filters select{font-size:11px;padding:8px 6px}.search-field input{font-size:12px}
 .requirement-controls{margin-top:14px!important}.requirement-controls .btn{font-size:10px;min-height:34px;padding:7px 9px}.results-bar{gap:8px;align-items:center}.results-bar h2{font-size:14px}.results-bar>div:first-child{gap:5px}
 .card{padding:18px}.visual-section-title{font-size:17px!important}.section-icon{width:34px;height:34px}.ui-icon.nav-icon{width:19px;height:19px}
 .sidebar nav{background:#f0f7f9ed;border-top:1px solid #fff;box-shadow:0 -5px 25px #244a621a;padding-top:8px}.sidebar nav button.on{background:#cbe9ebc9;border-radius:10px}.sidebar nav button{font-size:9px;min-width:62px}
 .job{padding:19px}.job .btn.sm{min-height:36px}.job .skills .tag{font-size:10px}.modal.glass{border-radius:0}
}
@media(prefers-reduced-motion:reduce){.job.glass:hover{transform:none}tbody tr{transition:none}}
@media(prefers-reduced-transparency:reduce){.glass,.filters.glass,.job.glass,.card.glass,.stat{background:#f7fbfd;backdrop-filter:none;-webkit-backdrop-filter:none}header.sidebar{background:#193b50!important}body::before{display:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass,.filters.glass,.job.glass,.card.glass,.stat{background:#f5f9fc}header.sidebar{background:#193b50}}
.login-story::before{right:-48px;top:25px;width:300px;height:190px;border:0;border-radius:0;box-shadow:none;background:url('workspace-art.svg') center/contain no-repeat;opacity:.22;transform:rotate(-8deg)}
.story-flow>div{box-shadow:inset 0 1px 0 #ffffff14,0 5px 20px #0c25361a;background:linear-gradient(120deg,#ffffff12,#ffffff06)}
.lcard.glass{background:linear-gradient(135deg,#ffffffba,#ffffff6e);box-shadow:0 24px 70px #28445e1c,inset 0 1px 0 #fff}
@media(max-width:640px){.page-heading>.btn span{display:inline}#main[data-page=jobs] .page-heading>.btn{min-height:38px;padding:9px 12px;font-size:11px}}
@media(max-width:640px){.page-heading>.btn,#main[data-page=jobs] .page-heading>.btn{width:auto;flex-shrink:0;white-space:nowrap}}
@media(max-width:640px){.page-heading>.btn{font-size:12px;min-height:38px;height:auto;padding:9px 12px;margin-top:0}}