/* Shared visual layer for the CEO workspace, staff directory and individual profiles. */
:root{font-family:Aptos,"Segoe UI",system-ui,sans-serif;color:#25314b;background:#f4f6fb;--muted:#64718a;--line:#e0e6ef;--accent:#4164dd}
body{background:radial-gradient(ellipse at top right,#edf0ff 0,transparent 42%),#f4f6fb}
a{color:#3f60c6;text-decoration:none}a:not(:disabled):not([aria-disabled="true"]):hover{text-decoration:underline}
header{background:#ffffffec;border-color:#e4e8f0;min-height:82px}header nav{flex-wrap:wrap;justify-content:flex-end;gap:18px}
.brand{color:#202d49;font-size:24px;letter-spacing:-.9px}.brand-dot{color:#748bf0}
h1{font-size:40px;letter-spacing:-1.5px;line-height:1.12;font-weight:650}h2{font-size:18px;letter-spacing:-.25px}p{line-height:1.75}
main{padding-top:34px;padding-bottom:48px}.panel{border-radius:16px;border:1px solid var(--line);box-shadow:0 4px 20px #23396504;padding:28px}
.eyebrow{color:#6479ae;font-size:10px;letter-spacing:1.8px;font-weight:700}
.intro{margin-bottom:30px}.intro p:last-child{max-width:640px}
input,textarea,select{border-color:#d9e1ee;border-radius:9px;background:#fcfdff;font-size:14px;padding:12px 14px}input:focus,textarea:focus,select:focus{outline:3px solid #dde5ff;outline-offset:0;border-color:#7791ed}label{font-size:12px;letter-spacing:.1px;margin-top:20px}textarea{line-height:1.65}
button,.button-link{border-radius:9px;padding:12px 18px;background:#4164dd;font-size:13px;box-shadow:0 3px 7px #315bd414;transition:background .15s,transform .15s}button:not(:disabled):not([aria-disabled="true"]):hover,.button-link:not(:disabled):not([aria-disabled="true"]):hover{background:#3556ca}.secondary{background:#edf1fb;color:#49619b;box-shadow:none}.secondary:not(:disabled):not([aria-disabled="true"]):hover{background:#e2e9fb}.quiet-button{background:transparent;box-shadow:none;color:#956568}
.badge{font-size:9px;padding:7px 10px;border-radius:7px;background:#f0f3fb;border-color:#e1e8f5;color:#647392;letter-spacing:.4px}.ceo-identity{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;color:#39476a;background:#f2f4fb;font-size:11px;white-space:nowrap}.ceo-identity:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#6985eb}
.portal-shell{grid-template-columns:220px minmax(0,1fr)}.portal-sidebar{background:linear-gradient(170deg,#17223e,#101a31);padding:32px 20px;border-right:1px solid #26314c}.portal-sidebar .brand{padding:0 12px 30px;border-color:#303b55}.sidebar-label{color:#8292b5;font-size:9px}.portal-navigation{gap:9px}.portal-navigation a{border-radius:9px;padding:14px;font-size:13px;color:#bfc9df}.portal-navigation a.current{background:#2c3c63;box-shadow:none;color:#fff}.portal-navigation a:not(:disabled):not([aria-disabled="true"]):hover{background:#263655}.portal-navigation a:before{content:"";display:inline-block;width:6px;height:6px;border:1px solid #7789b1;border-radius:2px;margin-right:12px;vertical-align:1px}.portal-navigation a.current:before{background:#a6b7ff;border-color:#a6b7ff}.sidebar-note{color:#c1cce3;margin-left:12px;margin-right:12px}.sidebar-note p{color:#7f90b4}.status-dot{background:#72c6b2}
.portal-header{padding:20px 36px;font-size:11px}.portal-header>span{color:#7a87a0}.portal main{max-width:1480px;padding:30px 36px 48px}
.portal-intro{position:relative;overflow:hidden;background:linear-gradient(110deg,#fff 32%,#ecf0ff);border:1px solid #e1e7f4;border-radius:17px;padding:28px 30px;min-height:180px;margin-top:0;margin-bottom:24px}.portal-intro .eyebrow{color:#637cab}.portal-intro h1{font-size:39px;margin-top:10px;margin-bottom:13px;color:#202e50}.portal-intro p:last-child{color:#697794;font-size:14px}.portal-intro .button-link{position:relative;z-index:1;box-shadow:0 5px 12px #4767d925}
.overview-grid{gap:16px;margin-bottom:30px}.overview-card{border-radius:12px;padding:20px 22px;background:#fff;position:relative}.overview-card:before{content:"";position:absolute;left:22px;top:23px;width:5px;height:5px;border-radius:50%;background:#7490ed}.overview-card:nth-child(2):before{background:#63b5a1}.overview-card:nth-child(3):before{background:#c99a55}.overview-card span{padding-left:14px;font-size:11px;font-weight:600;color:#68748e}.overview-card strong{font-size:30px;line-height:1.3;margin:14px 0 8px;color:#26395d;font-weight:650}.overview-card small{color:#96a0b2;font-size:10px}
.section-heading{margin-bottom:17px}.section-heading h2{font-size:17px}.section-heading a{font-size:11px;font-weight:600}.team-directory{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.person-card{display:block;padding:0;overflow:hidden;border:1px solid #e0e6f0;border-radius:13px;box-shadow:0 3px 10px #26355804;transition:transform .15s,box-shadow .15s}.person-card:not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(-2px);box-shadow:0 7px 18px #2635580d}.person-card>.person-avatar{display:flex;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:0;background:#e6ecfa;font-size:34px}.person-card>div{padding:13px 15px 15px}.person-card h3{font-size:15px;font-weight:650}.person-card h3 a{color:#26385b}.person-card p{font-size:11px;margin-top:3px;color:#7a869c}.staff-status{border-radius:5px;padding:3px 6px;margin-top:9px;background:#edf6f1;color:#4b8069;font-size:9px;font-weight:500}.staff-status.busy{background:#fff4dd;color:#a47b2d}
.project-direction{padding:22px 25px;border-radius:12px}.project-direction .hint{font-size:13px}.direction-item{align-items:center}
.workspace{grid-template-columns:330px minmax(0,1fr);gap:22px}.workspace>.discussion{border-top:1px solid #e6eaf2}.discussion #empty{padding:70px 20px}.mesh-icon{background:#edf1fe;color:#7289d8;width:65px;height:65px;font-size:44px}.roles span{border-color:#e6eaf2;background:#f7f9fc;color:#8190aa}.history h2{color:#8190a6}.history-item{border-radius:10px;background:#fff;padding:16px;color:#52617c;border-color:#e2e7f0;box-shadow:none}.history-item:not(:disabled):not([aria-disabled="true"]):hover{background:#eef3ff}.team-picker{background:#f8faff;border-color:#e1e8f4;border-radius:10px}.team-picker legend{color:#657799}.turn{border-color:#e6eaf3}.turn h3{font-size:16px}.turn p{font-size:14px}.turn .action{color:#517266}.turn-meta{font-size:10px}.metrics{gap:10px}.metrics>div{background:#f4f7fc;border-radius:9px;padding:12px}.metrics strong{font-size:19px;color:#394f7a}.metrics span{font-size:10px;color:#8995aa}.summary{font-size:15px;line-height:1.8;color:#495c7b}
.staff-profile-heading{gap:27px}.staff-profile-heading.panel{background:linear-gradient(110deg,#fff 40%,#eef2ff);padding:30px}.profile-photo{width:174px;height:174px;border-radius:13px;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:42px;color:#637daf;box-shadow:0 5px 16px #26355810}.staff-profile-heading h1{font-size:39px;margin-top:8px}.staff-profile-heading p{font-size:13px}.profile-layout{gap:22px}.profile-layout p{font-size:14px;color:#65748c;line-height:1.85}.profile-layout h2:not(:first-child){margin-top:24px}.agent-grid{gap:22px}.agent-card{border-top:1px solid #e0e6ef}.agent-card .staff-profile-heading{gap:18px}.agent-card .person-avatar{width:72px;height:72px;flex-basis:72px;border-radius:13px}.agent-card h2{font-size:23px;margin-bottom:0}.agent-traits{font-size:14px;line-height:1.75;min-height:0;color:#7a879e}.agent-card>details{border-top:1px solid #edf0f6;padding-top:17px;margin-top:17px}.agent-card summary,.roster-tools summary{font-size:13px;color:#53668a;font-weight:500}.agent-card .eyebrow{margin-bottom:4px;margin-top:17px}.project-tools{border-radius:13px}.roster-tools{border-top:1px solid #e6eaf2}.roster-tools>h2{font-size:21px}.roster-tools details{background:#f8faff;border-radius:10px;padding:16px;margin-top:14px}.decisions-panel{border-radius:14px}.decision-card .badge{background:#eef5f2;color:#6c8e7a}.inline-form button{border-radius:9px}
.one-to-one{border-top:1px solid #e6eaf2}.one-to-one .section-heading h2{font-size:22px}.chat-message{border-radius:12px;background:#f5f7fb}.chat-message.from-ceo{background:#edf1fd;border-left:0}.chat-message p{line-height:1.75}.chat-actions{gap:10px}.chat-history summary{font-size:12px;color:#7a88a1}.chat-history{border-top:1px solid #edf0f6;padding-top:20px}
footer{color:#9aa6b9;font-size:10px;border-color:#e3e8f2}pre{border-radius:8px;font-size:11px;color:#72829b}summary{cursor:pointer}.hint{color:#8a97ac;line-height:1.75}
@media(max-width:1250px){.portal-shell{grid-template-columns:184px minmax(0,1fr)}.portal-sidebar{padding:28px 13px}.portal main{padding-left:25px;padding-right:25px}.portal-header{padding:18px 25px}.team-directory{gap:10px}.person-card>div{padding:11px}.person-card h3{font-size:14px}.workspace{grid-template-columns:300px minmax(0,1fr)}.portal-header>span{display:none}}
@media(max-width:1050px){.team-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.portal-intro{padding:24px;gap:20px}.portal-intro h1{font-size:34px}.overview-card{padding:18px}.overview-card:before{left:18px;top:21px}.overview-card small{display:none}.portal-header nav{gap:12px}}
@media(max-width:700px){header,main,footer{padding-left:20px;padding-right:20px}header nav{font-size:11px;gap:12px}.portal-shell{display:block}.portal-sidebar{position:static;height:auto;padding:18px 20px}.portal-sidebar .brand{padding:0;margin-bottom:15px;border:0}.portal-navigation{flex-direction:row;gap:5px}.portal-navigation a{padding:10px;font-size:11px}.portal-navigation a:before{display:none}.sidebar-label,.sidebar-note{display:none}.portal-header{min-height:60px;padding:14px 20px}.portal main{padding:20px}.portal-intro{align-items:flex-start;min-height:0;padding:22px;gap:17px}.portal-intro h1{font-size:32px}.portal-intro p:last-child{font-size:13px}.overview-grid{gap:8px}.overview-card{padding:15px 10px}.overview-card:before{display:none}.overview-card span{padding:0;font-size:9px}.overview-card strong{font-size:26px}.team-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.section-heading{align-items:flex-start}.section-heading a{font-size:10px}.panel{padding:22px;border-radius:13px}.profile-layout{grid-template-columns:1fr}.staff-profile-heading{align-items:flex-start}.staff-profile-heading.panel{padding:24px}.staff-profile-heading h1{font-size:32px}.profile-photo{width:144px;height:144px}.agent-card .staff-profile-heading{flex-direction:row;align-items:center}.agent-card .person-avatar{width:62px;height:62px;flex-basis:62px}.chat-message{padding:14px}.chat-message p{font-size:13px}.ceo-identity{font-size:10px}.metrics>div{padding:9px}.metrics strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){button,.button-link,.person-card{transition:none}.person-card:not(:disabled):not([aria-disabled="true"]):hover{transform:none}}
[hidden]{display:none!important}
#profile-workplace{display:inline-block;font-size:12px;margin:2px 0 6px}