:root{--ink:#203d30;--ink-2:#3c5543;--muted:#5e7056;--page:#f6f8f0;--cream:#f6f8f0;--cream-soft:#f6f8f0;--border:#dce4d6;--rule:#dce4d6;--green:#27563b;--green-2:#477757;--green-hover:#173f30;--green-deep:#173f30;--green-dark:#173f30;--green-soft:#edf3e5;--green-wash:#edf3e5;--radius-lg:16px}
body{font-family:'DM Sans','Segoe UI',sans-serif;background:var(--page);color:var(--ink)}h1,h2,h3,.name{font-family:'Manrope','Segoe UI',sans-serif}button,input,textarea,select{font-family:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ba981f;outline-offset:3px}body:has(dialog[open]){overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header.top{background:#173f30;color:white;border-bottom:1px solid #486b45;min-height:76px;height:auto;padding:13px 2.3%;gap:18px;box-shadow:none;align-items:center}header.top .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-align:left;border:0;background:none;padding:0;color:white;cursor:pointer}header.top .brand img{width:39px;height:39px;border:5px solid white;border-radius:50%;background:white;object-fit:contain}header.top .brand .name{font-size:14px;letter-spacing:.5px;text-transform:uppercase;color:white}header.top .brand .sub{font-size:8px;letter-spacing:2px;color:#c8d9be;text-transform:uppercase}
nav.agents{gap:12px;flex:1;justify-content:center;flex-wrap:wrap}nav.agents .navgroup{gap:3px;background:transparent;border:0;box-shadow:none;padding:0}nav.agents button,nav.agents button.common{color:#d4e0ca;background:transparent;border:1px solid transparent;font-size:11px;padding:8px 10px;min-height:36px;border-radius:7px;box-shadow:none}nav.agents button:hover,nav.agents button.common:hover{background:#2c513d;color:#fff}nav.agents button.on,nav.agents button.ghost.on,nav.agents button.common.on{background:#deea98;color:#173f30;border-color:#deea98;box-shadow:none}nav.agents .navlbl{color:#a6be96;font-size:7px;letter-spacing:1px;margin-right:5px}nav.agents button.ghost{display:none}.headright{display:flex;align-items:center;gap:6px}.headright button{color:#d4e0ca;background:transparent;border:1px solid #45654a;border-radius:7px;padding:8px;min-height:34px;font-size:10px}.headright button:hover{color:white;background:#2c513d}#workspace-search{display:flex;align-items:center;gap:7px}#workspace-search svg{width:14px;height:14px}#workspace-search span{display:none}#refreshbtn{text-transform:capitalize}#logoutbtn{text-transform:capitalize}
.subnav{padding:10px 3%;gap:5px;border-bottom:1px solid #dce4d6;background:#f6f8f0;min-height:51px;flex-wrap:wrap}.subnav button{border:1px solid transparent;border-radius:7px;padding:8px 13px;font-size:12px;color:#5e7056;background:transparent}.subnav button.on{background:white;border-color:#d4dfc9;color:#214632;box-shadow:0 2px 4px #38512c07}.subnav button:hover{background:#edf3e5}main{max-width:none;padding:23px 3.3% 40px}main.flush{padding:0}.home-open main{padding:0 4.4% 30px}.home-open #refreshbtn{display:none}.home-open header.top{padding-left:3.3%;padding-right:3.3%}.home-open .headright{gap:9px}.home-open #workspace-search span{display:block}.section{font-size:19px;letter-spacing:-.4px;color:#214632}.tile,.panelbox,.board,.xp-card{border-color:#dce4d6;box-shadow:0 3px 13px #26482205}.tile{border-radius:16px}.btn{border-radius:8px}.btn.primary{background:#27563b}.pageframe{width:100%;background:#fff}.hunterview iframe.pageframe,.radarview iframe.pageframe,.menderview iframe.pageframe{height:calc(100dvh - 133px);min-height:460px}.view.on{animation:none}#workforce-status{padding:9px 3.3%;background:#edf3e5;color:#476239;font-size:12px;border-bottom:1px solid #d9e2cd}#workforce-status.failed{background:#fbf0d3;color:#795812}.workforce-home h1{font-weight:750}.workforce-home .role{font-weight:600}#login{background:radial-gradient(ellipse at 55% 28%,#dbe9bc66,transparent 58%),#f6f8f0}#login .card{border:1px solid #d5dfc8;border-radius:20px;box-shadow:0 22px 75px #24432e13;padding:36px}#login .brandrow{margin-bottom:25px}#login input{border-radius:9px;background:#fff}#login .brandrow img{width:55px!important;height:55px!important}#keyinput{font-size:14px}
#workforce-directory{width:620px;max-width:calc(100vw - 28px);max-height:85dvh;padding:0;border:1px solid #d3dfc5;border-radius:19px;background:#fafcf6;color:#203d30;box-shadow:0 20px 90px #112b2755}#workforce-directory::backdrop{background:#102e27a8;backdrop-filter:blur(6px)}.directory-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 13px;gap:14px}.directory-head h2{font-size:21px;letter-spacing:-.6px;margin:0}.directory-head button{width:37px;height:37px;border:1px solid #d4dfc9;border-radius:50%;background:white;cursor:pointer}.directory-foot{border-top:1px solid #dce4d6;display:flex;justify-content:space-between;padding:13px 24px;font-size:10px;color:#5e7056;margin:0}#directory-query{width:calc(100% - 48px);margin:0 24px 15px;padding:13px;border:1px solid #ccd9bf;border-radius:8px;background:white;color:#203d30;font-size:14px}#directory-results{padding:0 12px 12px;max-height:52dvh;overflow:auto}.directory-result{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;border-radius:8px;padding:11px 14px;text-align:left;cursor:pointer;color:#203d30}.directory-result:hover{background:#eaf1df}.directory-result strong{display:block;font-size:13px;font-weight:600}.directory-result small{display:block;font-size:11px;color:#5e7056;margin-top:3px}.directory-empty{padding:23px;font-size:13px;color:#5e7056}
@media(min-width:1450px){header.top{gap:30px}nav.agents{gap:22px}nav.agents button,nav.agents button.common{font-size:12px;padding:9px 12px}#workspace-search span{display:block}}
@media(max-width:1050px){header.top{flex-wrap:wrap;gap:10px;padding:12px 3%;}.headright{margin-left:auto}nav.agents{order:3;flex-basis:100%;justify-content:start;gap:14px}nav.agents button,nav.agents button.common{font-size:11px;padding:7px 10px}.hunterview iframe.pageframe,.radarview iframe.pageframe,.menderview iframe.pageframe{height:calc(100dvh - 176px)}.home-open .headright #workspace-search span{display:none}.home-open nav.agents{display:none}}
@media(max-width:600px){header.top{padding:12px 4%;gap:12px}.headright{gap:5px}.headright button{min-height:38px}header.top .brand .name{font-size:12px}header.top .brand .sub{font-size:7px}.headright #workspace-search span{display:none}header.top .brand img{height:35px;width:35px}nav.agents{flex-wrap:nowrap;overflow-x:auto;gap:9px;padding-bottom:3px;scrollbar-width:thin;flex-basis:100%;max-width:100%;justify-content:start}nav.agents .navgroup{flex-shrink:0}nav.agents .navlbl{display:none}nav.agents button,nav.agents button.common{font-size:11px;white-space:nowrap;padding:8px 10px;min-height:38px}.subnav{flex-wrap:nowrap;overflow-x:auto;padding:8px 4%;gap:4px;min-height:53px}.subnav button{white-space:nowrap;font-size:11px;padding:8px 11px;min-height:36px;flex-shrink:0}main{padding:18px 4% 35px}.home-open main{padding:0 5% 28px}.hunterview iframe.pageframe,.radarview iframe.pageframe,.menderview iframe.pageframe{height:calc(100dvh - 180px);min-height:360px}.home-open .headright #logoutbtn{font-size:9px}.directory-head{padding:19px}.directory-head h2{font-size:19px}#directory-query{width:calc(100% - 38px);margin-left:19px;margin-right:19px;font-size:13px}.directory-foot{padding:13px 19px;font-size:9px}.tile .name{word-break:normal;overflow-wrap:break-word}.view .board{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}