/* Personnel command centre. Portraits are artwork; all controls and reports are live UI. */
.people-page,.people-hub,.employment-page{min-width:0}
.people-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 24px}
.people-heading .detail-title{margin:4px 0 7px;font-size:34px;line-height:1.12}
.people-heading p:not(.context){margin:0;color:var(--quiet);font-size:14px;line-height:1.5}
.people-heading>.action{flex-shrink:0}
.people-company-switch{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);padding:0 0 14px;margin-bottom:22px}
.people-company-switch label{font:12px ShareTech,monospace;letter-spacing:1.5px;color:var(--quiet)}
.people-company-switch select{width:auto;min-width:210px;max-width:320px;padding:8px 12px}
.people-company-switch>span{margin-left:auto;color:var(--quiet);font-size:12px}
.people-toolbar{display:flex;justify-content:space-between;align-items:stretch;gap:20px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:18px}
.people-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.people-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border);padding:11px 17px;color:var(--quiet);background:var(--surface);font-family:Rajdhani,sans-serif;font-size:17px;font-weight:600;min-height:43px;cursor:pointer;transition:background .18s,border-color .18s}
.people-tabs button>span{font-size:19px}
.people-tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 3px 16px #ffc44b12;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}
.people-tabs button:hover:not(.active){border-color:var(--cyan);color:var(--copy)}
.people-metrics{display:flex;align-items:center;gap:24px}
.people-metric{display:flex;flex-direction:column;gap:5px;min-width:0}
.people-metric small{font:10px ShareTech,monospace;letter-spacing:1px;color:var(--quiet);white-space:nowrap}
.people-metric strong{font:600 24px/1.1 Rajdhani,sans-serif;color:var(--copy);white-space:nowrap}
.people-layout{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,2fr);gap:18px;align-items:start}
.person-directory,.person-dossier{border:1px solid var(--border);background:var(--surface);min-width:0}
.staff-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;border-bottom:1px solid var(--border)}
.staff-panel-heading h3,.staff-panel-heading h4{font:600 18px Rajdhani,sans-serif;margin:0;letter-spacing:.6px}
.staff-panel-heading>span{font:10px ShareTech,monospace;letter-spacing:.7px;color:var(--quiet);text-align:right}
.person-search{display:block;padding:14px}
.person-search input{width:100%;min-width:0;background:var(--surface-alt);border:1px solid var(--border);padding:10px 11px;color:var(--copy);font-size:12px}
.person-list{padding:0 9px 10px;display:grid;gap:6px}
.person-row{display:flex;align-items:center;gap:12px;text-align:left;padding:9px;border:1px solid transparent;background:var(--surface-alt);color:var(--copy);cursor:pointer;position:relative;transition:background .18s,border-color .18s}
.person-row.active{border-color:var(--amber);background:linear-gradient(100deg,#ffc44b18,transparent)}
.person-row:hover{border-color:var(--quiet)}
.person-row>span:not(.staff-portrait){display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.person-row strong{font:600 17px Rajdhani,sans-serif;line-height:1.1}
.person-row small{font-size:10px;color:var(--quiet);line-height:1.4}
.person-row em{font-size:10px;color:var(--quiet);font-style:normal;line-height:1.4}
.person-row>b{font-size:23px;color:var(--quiet)}
.person-row.active>b{color:var(--amber)}
.staff-portrait{display:block;flex:0 0 auto;width:42px;height:56px;background-image:url('/assets/staff-portraits.png');background-size:400% 200%;background-position:var(--portrait-x) var(--portrait-y);background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:2px}
.staff-portrait.large{width:126px;height:168px}
.directory-footer{margin:8px 16px 18px;padding-top:18px;border-top:1px solid var(--border)}
.directory-footer>span{font:10px ShareTech,monospace;letter-spacing:1.3px;color:var(--amber)}
.directory-footer p{font-size:12px;line-height:1.7;color:var(--quiet);margin:8px 0 0}
.staff-pagination{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;gap:8px}
.staff-pagination button{background:var(--surface-alt);color:var(--copy);border:1px solid var(--border);padding:8px;cursor:pointer;font-size:11px}
.staff-pagination span{font:12px ShareTech,monospace;color:var(--quiet)}
.dossier-hero{display:flex;align-items:center;gap:25px;padding:22px;background:radial-gradient(ellipse at 80% 10%,#66a99a0f,transparent 75%)}
.dossier-hero>div{flex:1;min-width:0}
.dossier-hero h3{font:600 35px/1.05 Rajdhani,sans-serif;margin:9px 0 6px}
.dossier-hero p{font-size:13px;color:var(--quiet);margin:0 0 18px}
.dossier-hero small{font:11px ShareTech,monospace;color:var(--quiet)}
.staff-rank{display:inline-block;padding:4px 8px;color:var(--amber);border:1px solid var(--border);font:12px ShareTech,monospace;text-transform:uppercase;letter-spacing:1px}
.career-track{display:flex;align-items:center;gap:10px;margin-bottom:14px;max-width:400px}
.career-track>span{display:flex;align-items:center;gap:7px;font:12px Rajdhani,sans-serif;color:var(--quiet);flex:1;position:relative}
.career-track i{font:11px ShareTech,monospace;font-style:normal;display:grid;place-items:center;min-width:24px;height:24px;border:1px solid var(--border);background:var(--surface-alt)}
.career-track>span.earned{color:var(--amber)}
.career-track>span.earned i{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.dossier-stats{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;background:var(--surface-alt);border-block:1px solid var(--border);padding:16px 22px;gap:16px}
.dossier-stats .people-metric strong{font-size:23px}
.dossier-stats .people-metric:last-child strong{font-size:20px}
.dossier-middle{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(210px,1fr);gap:0}
.person-chart{padding:16px 20px;min-width:0;border-right:1px solid var(--border)}
.person-chart .staff-panel-heading{border:0;padding:0 0 12px}
.staff-contribution{display:flex;flex-direction:column;gap:4px}
.staff-contribution>strong{font:600 29px Rajdhani,sans-serif;color:var(--cyan)}
.staff-contribution>span{font-size:11px;color:var(--quiet);line-height:1.5}
.person-chart .chart-plot{height:145px;margin:8px 0 0}
.person-chart .chart-inspector{font-size:10px;margin:0}
.person-chart .chart-inspector strong{font-size:14px}
.person-chart .chart-dates{margin:7px 0 0;font-size:10px}
.staff-chart-empty{min-height:218px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(0deg,transparent 24%,#78989c10 25%,#78989c10 26%,transparent 27%,transparent 74%,#78989c10 75%,#78989c10 76%,transparent 77%);background-size:100% 50px}
.staff-chart-empty>div{font-size:33px;color:var(--cyan);opacity:.6}
.staff-chart-empty h4{font:600 21px Rajdhani,sans-serif;margin:12px 0 6px}
.staff-chart-empty p{color:var(--quiet);font-size:12px;line-height:1.6;margin:0;max-width:240px}
.person-direction{padding:19px 20px}
.person-direction .context{font-size:10px;letter-spacing:1px;margin:0 0 5px}
.person-direction h4{font:600 23px Rajdhani,sans-serif;margin:0 0 12px}
.work-plan{display:grid;gap:5px}
.work-plan button{display:grid;grid-template-columns:1fr auto;text-align:left;gap:2px 6px;padding:9px 10px;background:transparent;border:1px solid var(--border);color:var(--copy);cursor:pointer}
.work-plan button>span{font:600 15px Rajdhani,sans-serif}
.work-plan button>small{grid-row:2;line-height:1.4;color:var(--quiet);font-size:10px}
.work-plan button>b{grid-column:2;grid-row:1/3;align-self:center;color:var(--quiet);font-size:12px}
.work-plan button.active{background:var(--surface-alt);border-color:var(--cyan)}
.work-plan button.active>b{color:var(--cyan)}
.staff-manager{display:flex;flex-direction:column;gap:6px;margin-top:15px;font-size:11px;color:var(--quiet)}
.staff-manager select{font-size:12px;width:100%;padding:8px;min-width:0}
.staff-manager strong{font:600 16px Rajdhani,sans-serif;color:var(--copy)}
.career-actions{border-top:1px solid var(--border);padding:16px 22px;background:linear-gradient(110deg,#ffc44b09,transparent)}
.career-next{display:flex;gap:12px;align-items:center;margin-bottom:13px}
.career-emblem{font-size:36px;color:var(--amber)}
.career-next h4{font:600 20px Rajdhani,sans-serif;margin:0 0 4px}
.career-next p{font-size:11px;color:var(--quiet);line-height:1.5;margin:0}
.staff-actions{display:flex;gap:8px;flex-wrap:wrap}
.staff-actions .action{font-size:13px;min-height:40px;padding:10px 13px;flex:1;white-space:nowrap}
.staff-help{color:var(--quiet);font-size:12px;line-height:1.7;margin:12px 0}
.staff-help .action{margin-top:8px}
.staff-records{padding:14px 22px;border-top:1px solid var(--border)}
.staff-records summary{color:var(--quiet);font:13px ShareTech,monospace;cursor:pointer;padding:4px 0}
.staff-records[open] summary{color:var(--copy);margin-bottom:14px}
.staff-table-scroll{overflow-x:auto}
.staff-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}
.staff-table caption{text-align:left;color:var(--quiet);font-size:11px;padding:6px 0 12px}
.staff-table th,.staff-table td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--border)}
.staff-table thead th{color:var(--quiet);font:11px ShareTech,monospace}
.staff-table tbody th{font-weight:400}
.staff-dismiss{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:14px}
.staff-dismiss>span{font-size:11px;color:var(--quiet);line-height:1.6}
.staff-dismiss .action{color:var(--bad);font-size:12px;flex-shrink:0}
.org-chart{padding:22px;border:1px solid var(--border);background:radial-gradient(ellipse at 50% 0%,#659b9b0e,transparent 70%),var(--surface)}
.org-founder{display:flex;gap:17px;align-items:center;width:fit-content;min-width:250px;max-width:100%;margin:0 auto 42px;padding:18px 25px;border:1px solid var(--amber);position:relative;background:var(--surface-alt)}
.org-founder:after{content:"";position:absolute;height:28px;bottom:-29px;left:50%;width:1px;background:var(--amber)}
.org-founder-mark{font-size:38px;color:var(--amber)}
.org-founder h3{font:600 24px Rajdhani,sans-serif;margin:4px 0}
.org-founder p{font-size:12px;color:var(--quiet);margin:0}
.org-founder small{font:10px ShareTech,monospace;color:var(--amber);letter-spacing:1px}
.org-departments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative}
.org-departments:before{content:"";position:absolute;top:-15px;left:16.666%;right:16.666%;height:1px;background:var(--border)}
.org-department{border:1px solid var(--border);background:var(--surface);position:relative;min-width:0}
.org-department:before{content:"";position:absolute;top:-16px;left:50%;height:15px;width:1px;background:var(--border)}
.org-role{display:flex;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--border);background:var(--surface-alt)}
.org-role span{color:var(--cyan);font-size:22px}
.org-role h3{font:600 21px Rajdhani,sans-serif;margin:0}
.org-leader,.org-vacancy{display:flex;align-items:center;gap:13px;width:100%;padding:17px 16px;background:transparent;border:0;color:var(--copy);text-align:left;cursor:pointer;min-height:94px}
.org-leader strong{display:block;font:600 20px Rajdhani,sans-serif}
.org-leader small,.org-vacancy small{display:block;color:var(--quiet);font-size:12px;margin-top:4px}
.org-leader>b{margin-left:auto;color:var(--amber)}
.org-vacancy>b{border:1px dashed var(--border);color:var(--quiet);font-size:30px;padding:7px 11px}
.org-vacancy>span{font:600 18px Rajdhani,sans-serif}
.org-count{margin:0 16px;padding:11px 0;border-top:1px solid var(--border);font:11px ShareTech,monospace;color:var(--quiet)}
.org-reports{display:grid;gap:6px;padding:0 12px 12px}
.org-reports>button,.org-person{display:flex;gap:9px;align-items:center;border:1px solid var(--border);color:var(--copy);background:var(--surface-alt);padding:8px;text-align:left;cursor:pointer}
.org-reports .staff-portrait,.org-person .staff-portrait{width:30px;height:40px}
.org-reports button>span:not(.staff-portrait),.org-person>span:not(.staff-portrait){font:600 15px Rajdhani,sans-serif;min-width:0}
.org-reports small,.org-person small{display:block;font-size:11px;font-weight:400;color:var(--quiet);margin-top:3px}
.org-reports b{margin-left:auto;color:var(--quiet)}
.org-direct{margin-top:24px;padding:22px;border:1px solid var(--border);display:grid;grid-template-columns:230px 1fr;gap:20px;background:var(--surface-alt)}
.org-direct h3{font:600 24px Rajdhani,sans-serif;margin:6px 0}
.org-direct p:not(.context){font-size:12px;line-height:1.6;color:var(--quiet)}
.org-direct .context{font-size:10px;margin:0}
.org-direct-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start}
.org-person:hover,.org-reports button:hover,.org-leader:hover,.org-vacancy:hover{border-color:var(--cyan);background:var(--surface-alt)}
.people-report-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}
.people-report-summary>section{padding:22px;border:1px solid var(--border);background:var(--surface)}
.people-report-summary h3{font:600 27px Rajdhani,sans-serif;margin:6px 0 20px}
.people-report-summary p:not(.context){color:var(--quiet);font-size:12px;line-height:1.8;max-width:440px}
.people-report-signals{display:flex;gap:24px;margin:24px 0}
.people-report-signals strong{color:var(--amber);font-size:36px}
.team-payroll-chart .staff-panel-heading{padding:0 0 12px;border:0}
.team-payroll-chart .staff-panel-heading h3{font-size:20px;margin:0}
.team-payroll-chart .chart-plot{height:185px}
.staff-scoreboard{background:var(--surface);border:1px solid var(--border);padding-bottom:8px}
.staff-scoreboard>.staff-help{padding:0 18px}
.staff-scoreboard-list{padding:0 16px}
.staff-score{display:grid;grid-template-columns:42px minmax(160px,1fr) minmax(80px,1.2fr) 40px minmax(150px,1fr) 20px;align-items:center;gap:18px;border:0;border-bottom:1px solid var(--border);padding:14px 0;background:transparent;color:var(--copy);text-align:left;width:100%;cursor:pointer}
.staff-score strong{font:600 19px Rajdhani,sans-serif}
.staff-score small{display:block;font-size:11px;color:var(--quiet);margin-top:4px}
.staff-score-bar{display:block;height:6px;background:var(--surface-alt)}
.staff-score-bar i{display:block;height:100%;background:var(--cyan);transform-origin:left;animation:staff-fill .6s ease-out both}
.staff-score>b{font:600 24px Rajdhani,sans-serif;color:var(--cyan)}
.staff-score>em{color:var(--amber);font-style:normal}
.score-impact{font:600 20px Rajdhani,sans-serif;text-align:right}
.score-impact small{font:11px Arial,sans-serif}
.associate-recruit{display:flex;gap:22px;align-items:center;padding:24px;border:1px solid var(--border);background:linear-gradient(110deg,#ffc44b0c,transparent 80%),var(--surface);margin-bottom:28px}
.associate-symbol{font:300 54px Rajdhani,sans-serif;color:var(--amber);width:64px;height:72px;border:1px solid var(--border);display:grid;place-items:center;flex-shrink:0}
.associate-recruit>div{flex:1}
.associate-recruit h3{font:600 27px Rajdhani,sans-serif;margin:0 0 6px}
.associate-recruit p{font-size:13px;line-height:1.6;margin:0 0 8px;color:var(--quiet)}
.associate-recruit small{font:12px ShareTech,monospace;color:var(--amber);line-height:1.6}
.associate-recruit .action{flex-shrink:0}
.recruitment-heading{padding:0 0 17px;margin-bottom:18px}
.recruitment-heading h3{font-size:25px}
.recruitment-heading p{font-size:12px;color:var(--quiet);margin:5px 0 0}
.recruitment-heading .people-tabs button{font-size:14px;padding:8px 12px}
.recruit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.recruit-card{border:1px solid var(--border);background:var(--surface);min-width:0;overflow:hidden;transition:border-color .2s,transform .2s}
.recruit-card:hover{border-color:var(--amber);transform:translateY(-3px)}
.recruit-photo{height:194px;background:radial-gradient(ellipse at center,#36606950,transparent);display:flex;justify-content:center;position:relative;overflow:hidden}
.recruit-photo .staff-portrait.large{width:150px;height:200px;box-shadow:none;border-radius:0}
.recruit-photo:after{content:"";position:absolute;inset:auto 0 0;height:50px;background:linear-gradient(transparent,var(--surface));pointer-events:none}
.recruit-photo>span:not(.staff-portrait){position:absolute;top:12px;left:12px;padding:5px 7px;background:#0b202be6;color:#ccdede;font:10px ShareTech,monospace;letter-spacing:.8px;text-transform:uppercase;border:1px solid #45606a}
.recruit-photo>b{position:absolute;right:12px;top:9px;font:400 23px Rajdhani,sans-serif;color:var(--quiet);opacity:.6}
.recruit-info{padding:10px 17px 17px}
.recruit-info .context{color:var(--amber);font-size:10px;letter-spacing:1.5px;margin:0 0 5px}
.recruit-info h3{font:600 24px Rajdhani,sans-serif;margin:0 0 9px;line-height:1.1}
.recruit-info>p:not(.context){font-size:12px;color:var(--quiet);line-height:1.7;min-height:40px;margin:0}
.candidate-skill{display:flex;align-items:center;gap:10px;margin:16px 0}
.candidate-skill>span{font:10px ShareTech,monospace;color:var(--quiet)}
.candidate-skill .meter{flex:1;height:4px;margin:0}
.candidate-skill>b{font:600 19px Rajdhani,sans-serif;color:var(--cyan)}
.recruit-pay{border-block:1px solid var(--border);padding:13px 0;margin:12px 0}
.recruit-pay>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--quiet);gap:8px}
.recruit-pay strong{font:600 23px Rajdhani,sans-serif;color:var(--copy);white-space:nowrap}
.recruit-pay>small{font-size:10px;color:var(--quiet);display:block;margin-top:4px}
.recruit-info>.action{width:100%;font-size:13px;padding:11px 12px}
.staff-meeting-reminder{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border:1px solid var(--amber);margin-bottom:18px;font-size:13px;gap:15px}
.people-empty{min-height:420px;padding:60px 36px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(90deg,var(--surface) 40%,transparent),url('/assets/casablanca.png') center/cover;border:1px solid var(--border)}
.people-empty>p:not(.context){max-width:480px;line-height:1.8;color:var(--quiet);font-size:14px}
.people-empty>.action{margin-top:15px}
.staff-meeting-status{font:13px ShareTech,monospace;letter-spacing:2px;border:1px solid var(--border);padding:9px 14px;color:var(--amber)}
.employment-table{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.25fr) minmax(250px,.95fr);border:1px solid var(--border);background:var(--surface)}
.employment-person{min-width:0;border-right:1px solid var(--border)}
.employment-scene{height:355px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at 70% 20%,#569ea333,transparent 60%),linear-gradient(150deg,#102e37,#07161e)}
.employment-scene:before{content:"";position:absolute;inset:18px;border:1px solid #89aeb220;pointer-events:none}
.employment-scene .staff-portrait.large{width:250px;height:333.33px;box-shadow:none;border-radius:0;max-width:100%}
.employment-name{position:absolute;bottom:0;left:0;width:100%;padding:50px 22px 22px;background:linear-gradient(transparent,#07161ef5 55%);box-sizing:border-box}
.employment-name>small{font:10px ShareTech,monospace;letter-spacing:1.3px;color:#92b4bf}
.employment-name h3{font:600 32px Rajdhani,sans-serif;margin:6px 0 0;color:#eef7f4;line-height:1.1}
.employment-preference{padding:22px}
.employment-preference>span{font:10px ShareTech,monospace;letter-spacing:1px;color:var(--amber)}
.employment-preference>p{font:500 22px/1.35 Rajdhani,sans-serif;margin:10px 0 22px}
.employment-preference .data-row{font-size:12px;padding:12px 0}
.employment-preference .data-row strong{font:600 21px Rajdhani,sans-serif}
.employment-preference>small{display:block;font-size:11px;color:var(--quiet);line-height:1.8;margin-top:15px}
.employment-conversation{min-width:0;background:linear-gradient(180deg,#58898808,transparent);border-right:1px solid var(--border);padding-bottom:22px}
.employment-rounds{display:flex;gap:8px;padding:18px 22px 0}
.employment-rounds span{display:grid;place-items:center;font:12px ShareTech,monospace;width:30px;height:30px;border:1px solid var(--border);color:var(--quiet)}
.employment-rounds span.used{border-color:var(--amber);color:var(--amber);background:#ffc44b12}
.employment-dialogue{display:flex;flex-direction:column;gap:14px;padding:20px 22px;max-height:550px;overflow-y:auto}
.employment-line{padding:14px 16px;background:var(--surface-alt);border-left:2px solid var(--cyan);max-width:96%;animation:staff-reply .25s ease-out}
.employment-line small{font:10px ShareTech,monospace;letter-spacing:1px;color:var(--cyan)}
.employment-line p{font-size:13px;line-height:1.75;color:var(--copy);margin:8px 0 0}
.employment-line.you{align-self:flex-end;border-left:0;border-right:2px solid var(--amber);background:#ffc44b09}
.employment-line.you small{color:var(--amber)}
.employment-terms{padding:23px;min-width:0}
.employment-terms>.context{font-size:10px;letter-spacing:1.3px;margin:0}
.employment-terms h3{font:600 26px/1.2 Rajdhani,sans-serif;margin:10px 0 23px}
.employment-terms .field{margin-bottom:18px}
.employment-terms .field>span{font-size:12px}
.employment-terms input{width:100%;font:600 25px Rajdhani,sans-serif;padding:12px;background:var(--surface-alt)}
.employment-costs{border-block:1px solid var(--border);padding:8px 0;margin:22px 0}
.employment-costs .data-row{font-size:11px;gap:8px;padding:9px 0;border:0}
.employment-costs .data-row strong{font:600 20px Rajdhani,sans-serif}
.employment-costs p{font-size:11px;color:var(--quiet);line-height:1.6}
.employment-terms>.action{width:100%;font-size:14px;margin:8px 0 0}
.employment-leave{display:block;color:var(--quiet);background:transparent;border:0;border-bottom:1px solid var(--border);font-size:12px;padding:12px 0;margin:10px auto 0;cursor:pointer}
.employment-agreed{padding:12px;background:#77d4b710;border:1px solid var(--cyan);margin-bottom:8px}
.employment-agreed b{color:var(--cyan);font:600 19px Rajdhani,sans-serif}
.employment-agreed p{font-size:12px;color:var(--quiet);margin:6px 0 0;line-height:1.6}
.people-page button:disabled,.employment-page button:disabled{cursor:not-allowed;opacity:.42;transform:none}
.people-page button:focus-visible,.people-page input:focus-visible,.people-page select:focus-visible,.employment-page button:focus-visible,.employment-page input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.light .people-page,.light .employment-page{--amber:#936007}
.light .person-row.active{background:#fff4d9;border-color:#ac7619}
.light .staff-rank{background:#fff6df;border-color:#e4ca8e}
.light .recruit-photo{background:#cfdddd}
.light .recruit-photo:after{background:linear-gradient(transparent,#fff)}
.light .org-chart{background:#edf3f2}
.light .employment-line.you{background:#fff5dd}
.light .career-actions{background:#f8f5ed}
.light .staff-chart-empty{background-image:linear-gradient(0deg,transparent 24%,#456a7510 25%,#456a7510 26%,transparent 27%,transparent 74%,#456a7510 75%,#456a7510 76%,transparent 77%)}
@keyframes staff-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes staff-reply{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.people-layout{grid-template-columns:340px minmax(0,1fr)}.recruit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.recruit-photo{height:220px}.recruit-photo .staff-portrait.large{width:171px;height:228px}.dossier-hero{padding:26px}.staff-portrait.large{width:138px;height:184px}}
@media(max-width:1300px){.people-metrics{gap:16px}.people-metric strong{font-size:21px}.people-metrics .people-metric:last-child{display:none}.people-layout{grid-template-columns:250px minmax(0,1fr)}.people-tabs button{padding:10px 13px}.dossier-hero{gap:18px;padding:18px}.dossier-hero h3{font-size:30px}.staff-portrait.large{width:108px;height:144px}.dossier-stats{padding:14px 16px;gap:10px}.dossier-stats .people-metric strong{font-size:20px}.dossier-stats .people-metric:last-child strong{font-size:17px}.dossier-stats .people-metric small{font-size:9px;letter-spacing:.5px}.dossier-middle{grid-template-columns:minmax(0,1.15fr) minmax(185px,1fr)}.person-chart,.person-direction{padding:15px}.person-chart .staff-panel-heading>span{display:none}.career-actions{padding:15px}.staff-actions .action{padding:10px;font-size:12px}.org-direct{grid-template-columns:190px 1fr}.org-direct-people{grid-template-columns:repeat(2,minmax(0,1fr))}.recruit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employment-table{grid-template-columns:minmax(200px,.8fr) minmax(230px,1fr) minmax(230px,1fr)}.employment-terms{padding:18px}.employment-scene{height:300px}.employment-scene .staff-portrait.large{width:218px;height:291px}.employment-dialogue{padding:18px}.staff-score{gap:12px;grid-template-columns:42px minmax(150px,1fr) minmax(50px,1fr) 30px 140px 15px}}
@media(max-width:1080px){.people-toolbar{flex-wrap:wrap}.people-metrics{width:100%;justify-content:space-between}.people-metrics .people-metric:last-child{display:flex}.people-heading .detail-title{font-size:29px}.people-layout{grid-template-columns:220px minmax(0,1fr)}.person-row{gap:8px;padding:8px}.person-row strong{font-size:15px}.person-row .staff-portrait{width:33px;height:44px}.dossier-middle{grid-template-columns:1fr}.person-chart{border-right:0;border-bottom:1px solid var(--border)}.person-direction{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.person-direction .context,.person-direction h4{grid-column:1;margin:0}.person-direction .work-plan{grid-column:1;grid-row:3}.person-direction .staff-manager{grid-column:2;grid-row:3;margin:0;align-self:start}.staff-chart-empty{min-height:170px}.org-departments{gap:12px}.org-leader{flex-wrap:wrap}.org-leader>b{display:none}.org-role{padding:12px}.org-role h3{font-size:19px}.org-direct{display:block}.org-direct-people{margin-top:16px}.employment-table{grid-template-columns:220px minmax(0,1fr)}.employment-terms{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;border-top:1px solid var(--border)}.employment-terms>.context,.employment-terms>h3{grid-column:1/-1;margin:0}.employment-terms .field{margin:0}.employment-costs{grid-column:1;grid-row:4/7;margin:0}.employment-terms .staff-help{margin:0}.employment-terms>.action{margin:0;grid-column:2}.employment-terms>.employment-agreed{grid-column:2;margin:0}.employment-conversation{border-right:0}.employment-terms .employment-leave{grid-column:2;margin:0}.people-report-summary{grid-template-columns:1fr}.staff-score{grid-template-columns:35px minmax(130px,1fr) 60px 30px 125px 10px;gap:10px}.staff-score .staff-portrait{width:33px;height:44px}.staff-score strong{font-size:17px}.score-impact{font-size:18px}.recruitment-heading{align-items:flex-start;flex-direction:column}.associate-symbol{display:none}.associate-recruit{padding:20px;gap:18px}.associate-recruit h3{font-size:25px}.associate-recruit small{font-size:11px}}
@media(max-width:760px){.people-heading{align-items:flex-start;flex-direction:column;gap:14px}.people-heading .detail-title{font-size:29px}.people-heading p:not(.context){font-size:12px}.people-heading>.action{align-self:flex-start}.people-company-switch{flex-wrap:wrap;gap:10px}.people-company-switch>span{width:100%;margin:0}.people-company-switch select{flex:1;min-width:140px}.people-toolbar{gap:16px}.people-tabs{width:100%}.people-tabs button{flex:1;font-size:16px;padding:9px 12px}.people-metrics{flex-wrap:wrap;gap:12px}.people-metrics .people-metric{flex:1;min-width:100px}.people-metric strong{font-size:22px}.people-layout{grid-template-columns:1fr}.person-directory{max-height:340px;overflow-y:auto}.person-list{grid-template-columns:1fr}.person-row .staff-portrait{width:36px;height:48px}.person-row strong{font-size:17px}.directory-footer{display:none}.person-dossier>.staff-panel-heading{padding:12px 15px}.dossier-hero{padding:17px;gap:16px;align-items:flex-start}.dossier-hero .staff-portrait.large{width:90px;height:120px}.dossier-hero h3{font-size:28px}.dossier-hero p{font-size:11px;line-height:1.5;margin-bottom:12px}.dossier-hero small{font-size:10px}.staff-rank{font-size:10px}.career-track{gap:5px;margin-bottom:11px;flex-wrap:wrap}.career-track>span{font-size:10px;gap:4px}.career-track i{min-width:20px;height:20px;font-size:9px}.dossier-stats{grid-template-columns:1fr 1fr;gap:17px}.dossier-stats .people-metric strong{font-size:23px}.dossier-stats .people-metric:last-child strong{font-size:21px}.person-direction{grid-template-columns:1fr}.person-direction .staff-manager{grid-column:1;grid-row:4}.person-direction .work-plan{grid-template-columns:1fr}.staff-actions .action{flex:1 1 130px}.staff-records{padding:14px}.staff-records summary{font-size:11px;line-height:1.5}.staff-dismiss{align-items:flex-start;flex-direction:column;gap:10px}.org-chart{padding:17px}.org-departments{grid-template-columns:1fr;gap:20px;padding-left:17px;border-left:1px solid var(--border)}.org-departments:before{display:none}.org-department:before{left:-18px;top:24px;height:1px;width:18px}.org-founder{margin:0 0 28px;min-width:0;width:100%;box-sizing:border-box;padding:16px}.org-founder:after{left:-1px}.org-leader{flex-wrap:nowrap}.org-direct{padding:15px}.org-direct-people{grid-template-columns:1fr}.org-vacancy{min-height:80px}.people-report-summary>section{padding:17px}.people-report-signals{gap:20px;flex-wrap:wrap}.people-report-signals .people-metric small{font-size:9px}.people-report-signals strong{font-size:30px}.staff-scoreboard .staff-panel-heading{align-items:flex-start;flex-direction:column}.staff-scoreboard .staff-panel-heading>span{text-align:left;line-height:1.5}.staff-score{grid-template-columns:35px minmax(120px,1fr) 28px;gap:9px}.staff-score-bar{grid-column:2;grid-row:auto}.staff-score>b{grid-column:3;grid-row:1}.score-impact{grid-column:2/-1;text-align:left;font-size:17px}.staff-score>em{display:none}.staff-score strong{font-size:18px}.score-impact small{display:inline;font-size:10px;margin-left:6px}.associate-recruit{align-items:flex-start;flex-direction:column;padding:18px;gap:15px}.associate-recruit small{line-height:1.8;display:block}.recruit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recruitment-heading .people-tabs{gap:4px}.recruitment-heading .people-tabs button{font-size:13px;padding:8px;flex:1 0 35%}.recruit-photo{height:160px}.recruit-photo .staff-portrait.large{width:123px;height:164px}.recruit-photo>span:not(.staff-portrait){font-size:8px;padding:4px;left:7px}.recruit-photo>b{font-size:18px;right:7px;top:10px}.recruit-info{padding:10px}.recruit-info h3{font-size:22px;min-height:48px}.recruit-info>p:not(.context){font-size:11px;min-height:56px}.recruit-pay>span{flex-direction:column;align-items:flex-start;gap:3px}.recruit-pay strong{font-size:22px}.recruit-info>.action{font-size:11px;min-height:44px;padding:9px 8px;gap:4px}.staff-meeting-reminder{align-items:flex-start;flex-direction:column}.people-empty{min-height:360px;padding:28px 20px}.employment-table{grid-template-columns:1fr}.employment-person{display:grid;grid-template-columns:140px 1fr;border-right:0;border-bottom:1px solid var(--border)}.employment-scene{height:225px}.employment-scene .staff-portrait.large{width:156px;height:208px;max-width:none}.employment-name{padding:42px 10px 12px}.employment-name h3{font-size:23px}.employment-name>small{font-size:8px;letter-spacing:.5px}.employment-preference{padding:17px 13px}.employment-preference>span{font-size:8px}.employment-preference>p{font-size:19px;margin:8px 0 12px}.employment-preference .data-row{flex-direction:column;align-items:flex-start;gap:3px;font-size:10px}.employment-preference .data-row strong{font-size:21px}.employment-preference>small{font-size:10px;margin-top:9px}.employment-conversation .staff-panel-heading{padding:13px 16px}.employment-dialogue{max-height:400px;padding:16px}.employment-rounds{padding:14px 16px 0}.employment-terms{display:block;padding:20px}.employment-terms h3{margin:9px 0 22px}.employment-terms .field{margin-bottom:18px}.employment-costs{margin:20px 0}.employment-terms>.action{margin-top:10px}.employment-terms .staff-help{margin-top:12px}.employment-terms>.employment-agreed{margin-top:15px}.employment-terms .employment-leave{margin:15px auto 0}.employment-line p{font-size:12px}.employment-line{padding:12px}}
@media(prefers-reduced-motion:reduce){.people-page *,.employment-page *{animation:none!important;transition:none!important}}
/* Keep the essential dossier decisions together at standard desktop heights. */
.people-page,.employment-page{font-family:Arial,sans-serif;line-height:1.35}
.people-heading{margin:8px 0 17px}
.people-heading .context{margin:0 0 7px;line-height:1.2}
.people-heading .detail-title{font-size:31px}
.people-company-switch{padding-bottom:10px;margin-bottom:15px}
.people-company-switch select,.staff-manager select{background:var(--surface-alt);color:var(--copy);border:1px solid var(--border);font-family:ShareTech,monospace}
.people-toolbar{padding-bottom:13px;margin-bottom:15px}
.staff-panel-heading{padding:10px 16px}
.dossier-hero{padding:15px 20px;gap:23px}
.dossier-hero .staff-portrait.large{width:90px;height:120px}
.dossier-hero h3{font-size:32px;margin:7px 0 5px}
.dossier-hero p{margin-bottom:11px}
.career-track{margin-bottom:10px}
.dossier-stats{padding:12px 20px}
.person-direction{padding:15px 18px}
.work-plan button{padding:7px 10px}
.person-chart{padding:14px 18px}
.staff-chart-empty{min-height:190px}
.career-actions{padding:13px 20px}
.career-next{margin-bottom:11px}
.career-next h4{font-size:19px}
.staff-records{padding:11px 20px}
.employment-dialogue{line-height:1.4}
.employment-line p{font-size:14px}
@media(max-width:760px){.people-heading .detail-title{font-size:27px}.people-toolbar{padding-bottom:14px}.dossier-hero{padding:16px;gap:15px}.dossier-hero .staff-portrait.large{width:78px;height:104px}.dossier-hero h3{font-size:27px}.dossier-stats{padding:14px 16px}.career-actions{padding:15px}.staff-records{padding:13px 15px}.people-tabs button{font-size:15px}.employment-line p{font-size:13px}}
@media(min-width:1081px){
 .people-page .people-heading .context{display:none}
 .people-page .people-heading{margin:7px 0 14px}
 .people-company-switch{padding-bottom:8px;margin-bottom:12px}
 .people-toolbar{padding-bottom:9px;margin-bottom:13px}
 .dossier-hero>div{display:grid;grid-template-columns:1fr auto;gap:5px 16px;align-items:start}
 .dossier-hero .staff-rank{grid-column:2;grid-row:1;align-self:center}
 .dossier-hero h3{grid-column:1;grid-row:1;margin:0}
 .dossier-hero p{grid-column:1/-1;grid-row:2;margin:0}
 .dossier-hero .career-track{grid-column:1/-1;grid-row:3;margin:8px 0 3px;width:100%}
 .dossier-hero small{grid-column:1/-1;grid-row:4}
 .person-direction>.context{display:none}
 .person-direction h4{font-size:22px;line-height:1.1;margin:0 0 10px}
 .work-plan button{padding:6px 10px;gap:2px 6px}
 .work-plan button>span{line-height:1.1}
 .work-plan button>small{line-height:1.2}
 .staff-manager{margin-top:11px}
 .person-chart .chart-plot{height:115px}
 .person-chart .chart-inspector{padding:0;margin:0}
 .person-chart .chart-dates{margin-top:4px}
 .person-chart .staff-panel-heading{padding-bottom:8px}
 .staff-contribution>strong{font-size:26px;line-height:1.2}
 .staff-chart-empty{min-height:175px}
 .career-next h4{line-height:1.1;margin-bottom:3px}
 .career-next p{line-height:1.4}
 .career-actions{padding:11px 20px}
 .career-next{margin-bottom:10px}
}