:root{--teal:#007e80;--ink:#173039;--muted:#55696f;--line:#dce6e7}*{box-sizing:border-box}body{margin:0;background:#f4f7f7;color:var(--ink);font:15px 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}aside{width:282px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);overflow:auto;padding:30px 20px;z-index:3}.brand{font-size:32px;font-weight:800;letter-spacing:-1.7px;color:var(--teal)}.brand span{display:block;font-size:11px;letter-spacing:4px;margin:1px 0 30px 3px;color:var(--ink)}.workspace{font-size:10px;letter-spacing:1.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.workspace b,.workspace small{display:block;letter-spacing:0;margin-top:8px}.workspace b{font-size:15px;color:var(--ink)}.workspace small{font-size:11px}.search{display:block;font-size:11px;color:var(--muted);margin:24px 0 16px}.search input{margin-top:6px;padding:11px;width:100%;border:1px solid var(--line);border-radius:8px;font-size:12px}nav>a,summary{display:block;padding:11px;border-radius:7px;font-weight:600;cursor:pointer;font-size:13px}summary::marker{color:var(--teal)}details a{display:block;padding:9px 12px 9px 25px;color:var(--muted);font-size:12px;border-left:1px solid var(--line);margin-left:12px}nav a:hover,summary:hover{background:#f0f7f6}nav a.active{background:#e2f3ef;color:#006b63;font-weight:700}.aside-foot{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:32px;line-height:1.9}.aside-foot span{letter-spacing:0}.app{margin-left:282px}.app>header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff;font-size:12px;color:var(--muted)}.top-right{display:flex;align-items:center;gap:20px}.pill{border:1px solid #cbded9;padding:5px 9px;border-radius:30px;color:#006b63;font-size:11px}.avatar{background:#e8f1ef;border-radius:50%;padding:11px;font-weight:bold}main{max-width:1440px;margin:auto;padding:40px}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.15;margin:10px 0 14px}h2{font-size:19px;margin:0 0 12px}p{line-height:1.65;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--teal);font-weight:700}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:center;margin-bottom:28px}.hero p{max-width:620px}.hero-art{background:#dfeee9;padding:28px;border-radius:18px;min-height:180px;position:relative;overflow:hidden}.hero-art b{font-size:24px;display:block;margin-top:8px}.hero-art:after{content:'';position:absolute;border:30px solid #b5d9ce;border-radius:50%;width:160px;height:160px;right:-70px;bottom:-100px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px}.stat strong{font-size:30px;display:block;margin-bottom:5px}.stat span{font-size:12px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px}.section-head span{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:block}.card:hover{border-color:#72b3a9;box-shadow:0 5px 20px #153a3210}.card .number{font-size:11px;color:var(--teal);font-weight:700;display:block;margin-bottom:22px}.card p{font-size:12px;margin-bottom:0}.card h2{font-size:16px}.placeholder{min-height:330px;background:#fff;border:1px dashed #b8ceca;border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;padding:35px;margin:28px 0}.placeholder .symbol{font-size:36px;color:var(--teal)}.placeholder p{max-width:480px}.links{display:flex;gap:12px;flex-wrap:wrap}.links a{border:1px solid var(--line);background:white;padding:12px 18px;border-radius:8px;font-size:12px}.source{font-size:12px;color:var(--muted);margin-top:24px}footer{padding:20px 40px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}#menu{display:none} @media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}main{padding:28px}.hero{grid-template-columns:1fr}.hero-art{min-height:120px}}@media(max-width:760px){aside{transform:translateX(-100%)}body.open aside{transform:none}.app{margin:0}#menu{display:block;border:0;background:none;font-size:22px}.top-right a{display:none}.app>header{padding:0 18px}.cards,.stats{grid-template-columns:1fr}h1{font-size:30px}}

.brand{display:block;letter-spacing:0}.brand img{display:block;width:220px;max-width:100%;height:auto}.brand span{font-size:14px;letter-spacing:.3px;margin:14px 0 28px;font-weight:600}

/* Top bar follows Malik's supplied EML screenshot; no EML source or records used. */
.app>header{height:86px;background:#302f2b;color:#f8f7f3;padding:12px 22px;gap:18px;position:sticky;top:0;z-index:2;border-top:4px solid #254149;border-bottom:1px solid #605e55;box-shadow:0 2px 5px #0002}.top-context{min-width:150px;max-width:210px}.top-context small{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#aaa99f;margin-bottom:5px}.top-context b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#record-search{display:flex;align-items:center;gap:10px;background:#44433f;border:1px solid #68665d;border-radius:9px;flex:1;min-width:150px;height:49px;padding:0 13px;color:#b7b7af}svg{width:21px;height:21px;flex-shrink:0}#records{width:100%;background:transparent;border:0;outline:none;color:#fff;font-size:13px;min-width:0}#records::placeholder{color:#b2b1a8}#record-search:focus-within{outline:2px solid #69c5be;outline-offset:2px}.top-actions{display:flex;align-items:center;gap:9px}.top-button,.top-account{height:49px;border:1px solid #67655c;border-radius:9px;background:#3e3d38;color:#f1f0eb;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 13px}.top-button:hover,.top-account:hover{background:#555249}.updates{font-size:12px;font-weight:600}.top-account{font-size:12px;text-align:left}.top-account small{display:block;color:#b5b2a8;font-size:10px;margin-top:3px}.avatar{padding:8px;background:#7b6b41;color:white;font-size:12px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible{outline:2px solid #65beb2;outline-offset:3px}[hidden]{display:none!important}#panel-backdrop{position:fixed;inset:0;background:#10282b55;z-index:8}#top-panel{position:fixed;right:20px;top:105px;width:min(430px,calc(100vw - 40px));background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;z-index:9;box-shadow:0 20px 80px #132f3a33}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-head h2{margin:0}.panel-head button{border:0;background:#edf4f2;border-radius:6px;font-size:24px;cursor:pointer;padding:0 9px}#panel-content p{font-size:14px;overflow-wrap:anywhere}@media(max-width:1250px){.top-account>span:not(.avatar){display:none}.top-context{min-width:100px;max-width:145px}.top-account{padding:0 8px}}@media(max-width:1000px){.app>header{gap:10px;padding:10px 14px}.updates span{display:none}.top-button{padding:0 10px}.top-context{display:none}}@media(max-width:760px){.app>header{height:auto;min-height:128px;flex-wrap:wrap}#menu{display:block;color:#fff;order:0}#record-search{order:2;flex-basis:100%;height:44px}.top-actions{margin-left:auto}.top-context{display:none}#top-panel{top:145px}.top-account{display:none}}
/* HR-native top bar: shared functions, independent visual design. */
.app>header{background:#fff;color:var(--ink);border-top:0;border-bottom:1px solid var(--line);box-shadow:none;height:86px;padding:16px 28px;gap:20px}.top-context small{color:var(--teal);letter-spacing:1.4px}.top-context b{color:var(--ink)}#record-search{background:#f4f7f7;border:1px solid var(--line);border-radius:10px;color:#66817e;height:46px}#records{color:var(--ink)}#records::placeholder{color:#7a8d90}.top-button,.top-account{background:#fff;border:1px solid var(--line);color:#3e6263;border-radius:10px;height:44px}.top-button{padding:0 11px}.top-button:hover,.top-account:hover{background:#eef7f4;border-color:#94c6ba}.updates{background:#e9f5f0;border-color:#d2e9df;color:#006e63}.top-account{border-color:transparent;color:var(--ink);padding:0 4px 0 10px}.top-account small{color:var(--muted)}.avatar{background:#dcefe7;color:#006b63}.top-actions{gap:8px}#menu{color:var(--ink)}@media(max-width:1000px){.app>header{padding:14px 18px;gap:10px}}@media(max-width:760px){.app>header{height:auto;min-height:128px;padding:12px 18px}#menu{color:var(--teal)}}
.overview-note{background:#eaf5f1;border-left:3px solid #007e80;padding:16px 20px;line-height:1.7;color:#476e67;font-size:13px}.nav-empty{font-size:12px;padding:12px}.record-results{max-height:55vh;overflow:auto}.record-result,.panel-link{display:block;border:1px solid #dce6e7;border-radius:8px;padding:12px;margin:8px 0}.record-result:hover,.panel-link:hover{background:#edf7f3}.record-result b{display:block;font-size:13px}.record-result span,.search-count{display:block;font-size:11px;color:#62777d;line-height:1.6;margin-top:6px}#top-panel{max-height:calc(100vh - 130px);overflow:auto}@media(max-width:760px){#top-panel{max-height:calc(100vh - 165px)}}
.record-search-facet{display:grid;gap:7px;font-size:12px;color:#476e67}.record-search-facet select{font:inherit;border:1px solid #bcd5cc;border-radius:7px;padding:10px;background:#fff;color:#173039}.discard-actions{display:flex;gap:10px;flex-wrap:wrap}.discard-actions button{font:inherit;font-size:13px;padding:11px 14px;border:1px solid #a9cdc1;border-radius:7px;background:#edf7f3;color:#175a50;cursor:pointer}.discard-actions button[data-discard=leave]{background:#007e80;color:#fff}.journey-host{margin:22px 0}.journey-host>summary{border:1px solid #dce6e7;background:white;padding:16px}