.employee-org-page { --org-bg:#0a0a0a; --org-card:#151515; --org-text:#fafafa; --org-muted:#aaa; --org-line:#333; --org-accent:#c8f24a; margin:0; min-height:100vh; background:var(--org-bg); color:var(--org-text); font-family:Inter,Arial,sans-serif; }
.employee-org-page * { box-sizing:border-box; }
.employee-org-page main { max-width:1440px; padding:36px 24px 64px; margin:auto; }
.employee-org-page header { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; margin-bottom:28px; }
.employee-org-page h1 { margin:12px 0; font-size:clamp(28px,4vw,44px); letter-spacing:-.04em; }
.employee-org-page .employee-org-logo { width:160px; }
.employee-org-page p { color:var(--org-muted); line-height:1.6; }
.employee-org-page a { color:var(--org-accent); }
.employee-org-page button,.employee-org-page input,.employee-org-page select { border:1px solid var(--org-line); background:var(--org-card); color:var(--org-text); padding:12px; border-radius:8px; font:inherit; }
.employee-org-page button { cursor:pointer; }
.employee-org-page button:disabled { cursor:wait; opacity:.65; }
.employee-org-page :focus-visible { outline:2px solid var(--org-accent); outline-offset:3px; }
.employee-org-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:16px; padding:18px; border:1px solid var(--org-line); border-radius:12px; }
.employee-org-toolbar label { display:grid; gap:8px; flex:1; min-width:200px; }
.employee-org-toolbar small { color:var(--org-muted); }
.employee-org-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:18px; margin-top:24px; align-items:start; }
.employee-org-area { border:1px solid var(--org-line); border-radius:12px; background:var(--org-card); padding:20px; }
.employee-org-area h2 { margin:0 0 22px; font-size:19px; line-height:1.4; }
.employee-org-area h2 span { display:inline-block; color:var(--org-muted); font-size:13px; }
.employee-org-level { border-left:2px solid var(--org-accent); padding:0 0 12px 15px; margin:0 0 16px; }
.employee-org-level:last-child { margin-bottom:0; padding-bottom:0; }
.employee-org-level h3 { color:var(--org-accent); margin:0 0 10px; font-size:12px; letter-spacing:.07em; text-transform:uppercase; }
.employee-org-level ul { padding:0; margin:0; list-style:none; }
.employee-org-level li { padding:7px 0; overflow-wrap:anywhere; line-height:1.4; }
.employee-org-state { grid-column:1/-1; padding:24px; border:1px solid var(--org-line); border-radius:12px; }
.employee-organization-fields p { font-size:12px; color:var(--text2); line-height:1.5; }
.employee-organization-fields a { color:var(--blue); }
@media(max-width:640px) { .employee-org-page main { padding:24px 16px; } .employee-org-page header { display:block; } .employee-org-toolbar { align-items:stretch; } .employee-org-toolbar label { min-width:100%; } }