@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
body.company-workspace-active{background:#f7f6f9;font-family:Inter,Arial,sans-serif}
.company-workspace-active .company-topbar strong,.company-workspace-active .company-page-head h1,.company-workspace-active .company-work-card h2,.company-workspace-active .company-kpi strong,.company-workspace-active .company-overview-hero h2{font-family:Inter,Arial,sans-serif}.company-workspace-active .company-navigation button,.company-workspace-active .company-exit,.company-workspace-active .company-primary,.company-workspace-active .company-secondary{font-family:Inter,Arial,sans-serif}.company-workspace-active .company-page-head h1{font-size:clamp(25px,2.6vw,34px)}.company-workspace-active .company-work-card h2{font-size:21px}.company-workspace-active .company-topbar strong{font-size:18px}
.company-sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 12px;border-top:1px solid #ffffff25}.company-sidebar-title small{display:block;color:#c4a9d2;font-size:10px;font-weight:800;letter-spacing:.15em}.company-sidebar-title strong{display:block;margin-top:4px;color:#fff;font-size:17px}.company-sidebar-collapse{width:34px;height:34px;flex:none;border:1px solid #ffffff35;border-radius:10px;background:#ffffff0d;color:#fff;font-size:22px;cursor:pointer}.company-sidebar-collapse:focus-visible{outline:3px solid #c99be0;outline-offset:2px}@media(min-width:901px){.company-sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)!important}.company-sidebar-collapsed .company-sidebar{padding-inline:10px}.company-sidebar-collapsed .company-brand{display:none}.company-sidebar-collapsed .company-sidebar-title{justify-content:center;padding:0 0 10px}.company-sidebar-collapsed .company-sidebar-title small,.company-sidebar-collapsed .company-sidebar-title strong,.company-sidebar-collapsed .company-nav-label,.company-sidebar-collapsed .company-sidebar-foot,.company-sidebar-collapsed .company-exit{display:none}.company-sidebar-collapsed .company-navigation button{justify-content:center;padding:11px 0}.company-sidebar-collapsed .company-nav-symbol{width:auto}.company-sidebar-collapsed .company-sidebar-collapse{width:42px;height:42px}}@media(max-width:900px){.company-sidebar-collapse{display:none}}
@media(max-width:600px){.company-department-picker{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important}.company-department-picker button{display:grid!important;align-content:center;gap:4px;min-width:0!important;min-height:70px}.company-department-picker button strong{overflow-wrap:anywhere}.company-department-picker button small{white-space:normal!important}}
.company-overview-hero{margin:0 0 18px;padding:30px 34px;border-radius:20px;background:linear-gradient(110deg,#30204d,#56266a 70%,#704480);color:#fff;overflow:hidden}.company-overview-hero small,.company-section-label{display:block;font-size:11px;font-weight:800;letter-spacing:.16em}.company-overview-hero small{color:#dcb9f2}.company-overview-hero h2{margin:10px 0 7px;font:700 clamp(26px,3vw,39px)/1.1 Outfit,Arial,sans-serif}.company-overview-hero p{margin:0;color:#eee0f4;font-size:14px;line-height:1.5}.company-department-explorer{display:grid;grid-template-columns:minmax(250px,32%) minmax(0,1fr);gap:18px;align-items:stretch;margin-bottom:18px}.company-department-explorer>.company-work-card{margin:0;min-width:0;padding:24px}.company-section-label{color:#874d9e}.company-department-picker{display:grid;gap:8px;margin-top:18px}.company-department-picker button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;border:1px solid #eadfee;border-radius:12px;background:#faf8fb;color:#2b173d;padding:12px 14px;text-align:left;font:inherit;cursor:pointer}.company-department-picker button.active{background:#f0e7f5;border-color:#b78ace;box-shadow:inset 3px 0 #77418e}.company-department-picker button:hover{border-color:#a87bbd}.company-department-picker button:focus-visible,.company-department-person button:focus-visible{outline:3px solid #9469b0;outline-offset:2px}.company-department-picker button strong{font-size:14px}.company-department-picker button small{font-size:12px;color:#776784;white-space:nowrap}.company-department-detail-head h2{margin:6px 0!important;font-size:24px!important}.company-department-detail-head p{font-size:13px}.company-department-members{margin-top:18px}.company-department-person{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:10px 0;border-top:1px solid #eee7f1}.company-department-person>div:first-child{display:grid;gap:4px;min-width:0}.company-department-person strong{font-size:14px}.company-department-person small{color:#776784;font-size:12px}.company-department-person-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.company-person-kind{border-radius:999px;padding:6px 9px;background:#f1ebf4;color:#5c3970;font-size:11px;font-weight:800;white-space:nowrap}.company-department-person--manager{background:#f8f1fb;margin:0 -10px;padding:10px;border-radius:9px;border-top:0}.company-department-person--manager .company-person-kind{background:#68338a;color:#fff}.company-department-person .company-secondary{margin:0;min-height:38px;padding:8px 11px;font-size:12px}@media(max-width:950px){.company-department-explorer{grid-template-columns:1fr}.company-department-picker{display:flex;overflow-x:auto;padding-bottom:4px}.company-department-picker button{min-width:170px}}@media(max-width:600px){.company-overview-hero{padding:22px 20px}.company-department-explorer>.company-work-card{padding:18px}.company-department-person{align-items:flex-start;flex-direction:column}.company-department-person-actions{width:100%;justify-content:space-between}}
.company-menu-toggle,.company-menu-close,.company-menu-backdrop{display:none}
.company-department-explorer--empty{grid-template-columns:minmax(0,1fr)}.company-department-explorer--empty .company-department-list{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px}.company-department-explorer--empty .company-department-list>.company-section-label,.company-department-explorer--empty .company-department-list>h2{grid-column:1/-1}.company-department-explorer--empty .company-department-picker{margin-top:8px}.company-department-explorer--empty .company-department-picker p{margin:0}.company-department-explorer--empty .company-primary{margin:0}.company-department-detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.company-department-detail-head .company-secondary{flex:none}@media(max-width:600px){.company-department-explorer--empty .company-department-list{grid-template-columns:1fr}.company-department-explorer--empty .company-primary{width:100%;margin-top:14px}.company-department-detail-head{align-items:flex-start;flex-direction:column}.company-department-detail-head .company-secondary{width:100%}}
.company-workspace-active .page{display:block;padding:0}
.company-workspace-active .card{width:100%;max-width:none;min-height:100vh;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.company-workspace-active .brand{display:none}
.company-shell{display:grid;grid-template-columns:308px minmax(0,1fr);min-height:100vh;color:#2b173d;transition:grid-template-columns .28s ease}
.employee-workspace-active .company-brand{margin-bottom:18px}
.employee-workspace-active .company-brand span{margin-top:10px}
.mfa-trust-choice{display:flex!important;align-items:center;gap:9px;font-size:13px}.mfa-trust-choice input{width:18px!important;height:18px!important;flex:none}
@media(prefers-reduced-motion:reduce){.company-shell{transition:none}}
.company-sidebar{display:flex;flex-direction:column;gap:18px;background:#241035;color:#fff;padding:22px 18px}
.company-brand{display:grid;gap:14px;margin:0 0 22px}.company-brand img{width:180px;max-width:100%;height:auto;background:#fff;border-radius:7px;padding:8px}.company-brand span{font-size:11px;letter-spacing:.12em;color:#d6b9e3;font-weight:700}
.company-name{font-size:23px;line-height:1.2;padding-bottom:24px;border-bottom:1px solid #ffffff25}
.company-navigation{display:grid;gap:6px}.company-navigation button,.company-exit{width:100%;border:0;border-radius:10px;padding:12px 14px;background:transparent;color:#c7bcd0;text-align:left;font:600 14px/1.3 'DM Sans',Arial,sans-serif;cursor:pointer}.company-navigation button{display:flex;align-items:center;gap:15px}.company-nav-symbol{width:20px;text-align:center;font-size:19px;font-weight:400}.company-navigation button:hover,.company-navigation button:focus-visible{background:#352046;color:#fff;outline:none}.company-navigation button.active{background:#fff;color:#321845}.company-exit{margin-top:auto;border-top:1px solid #ffffff25;border-radius:0;color:#e7d8ef}.company-sidebar-foot{font-size:12px;color:#d9c1e3;border-top:1px solid #ffffff25;padding:24px 10px 0}
.company-main{min-width:0}.company-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:18px clamp(24px,3vw,42px);background:#fff;border-bottom:1px solid #e9e5ed;position:sticky;top:0;z-index:5}.company-topbar div{display:grid;gap:4px}.company-topbar small{font-size:12px;color:#71697e;font-weight:500;letter-spacing:0}.company-topbar strong{font:700 24px Outfit,Arial,sans-serif}.company-status{border:1px solid #ebd2a5;background:#fff7e8;color:#81500c;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700}
.company-topbar .company-top-actions{display:flex;align-items:center;gap:12px}.company-account-avatar{width:42px;height:42px;border:1px solid #e5d9e9;border-radius:50%;background:#f5eef8;color:#3a174f;font:800 16px Outfit,Arial,sans-serif;cursor:pointer}.company-account-avatar:hover{background:#e9dcef}
.company-content{max-width:1450px;margin:auto;padding:33px clamp(22px,3vw,42px) 56px}.company-page-head{margin-bottom:23px}.company-page-head h1{font:700 25px Outfit,Arial,sans-serif;margin:0 0 7px}.company-page-head p{font-size:14px;line-height:1.5;color:#71697e;margin:0}
.company-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:17px;margin-bottom:27px}.company-work-card{background:#fff;border:1px solid #e9e5ed;border-radius:13px;padding:20px;box-shadow:0 2px 8px #24103506;margin-bottom:18px}.company-summary-grid .company-work-card{margin:0}.company-work-card h2{font:700 17px Outfit,Arial,sans-serif;margin:0 0 8px}.company-work-card p{margin:0;color:#71697e;line-height:1.55}.company-primary{border:0;border-radius:9px;background:#3a174f;color:#fff;padding:11px 15px;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer;box-shadow:0 5px 13px #3a174f38}.company-primary:hover{background:#61317d}.company-primary:disabled{opacity:.55;cursor:wait}.company-work-card .company-primary{margin-top:20px}
.company-kpi{display:grid;align-content:start;gap:7px;min-height:125px;width:100%;padding:18px 20px;border:1px solid #e9e5ed;border-radius:13px;background:#fff;color:#2b173d;text-align:left;cursor:pointer;box-shadow:0 2px 8px #24103506}.company-kpi:hover,.company-kpi:focus-visible{border-color:#9f7db2;box-shadow:0 7px 20px #24103513;outline:none}.company-kpi span{font-size:13px;color:#71697e}.company-kpi strong{font:700 27px Outfit,Arial,sans-serif}.company-kpi small{font-size:12px;color:#71697e}
.company-person-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.company-person-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.company-person-form input{width:100%;padding:12px;border:1px solid #d9c9e2;border-radius:9px;font:inherit}.company-person-form button{justify-self:start}.company-feedback{align-self:center}.company-person-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 0;border-top:1px solid #eee5f1}.company-person-row div{display:grid;gap:5px}.company-person-row small{color:#74657b}.company-person-row span{font-size:12px;color:#795113;background:#fff5e3;border-radius:999px;padding:7px 10px;white-space:nowrap}
.company-document-output{margin-top:18px;max-width:100%;overflow:auto}.company-document-output pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 Arial,sans-serif;color:#322041;background:#f8f4fa;border:1px solid #e7dceb;border-radius:12px;padding:18px;max-height:65vh;overflow:auto}.company-document-download{display:inline-flex;align-items:center;padding:12px 16px;border:1px solid #cbb1d8;border-radius:9px;color:#4c2265;font-weight:700;text-decoration:none}
.company-person-form .company-field-wide{grid-column:1/-1}.company-person-form textarea{width:100%;resize:vertical;padding:12px;border:1px solid #d9c9e2;border-radius:9px;font:inherit}
.company-access-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);padding:28px;overflow:auto}.company-access-dialog h2{margin:0 0 14px;font-size:26px;line-height:1.2}.company-access-dialog>p{margin:0;color:#6a5875;font-size:15px;line-height:1.5}.company-access-dialog .company-access-fields{margin:24px 0 0;gap:16px}.company-access-fields label{min-width:0}.company-access-fields input{box-sizing:border-box;min-width:0;min-height:46px;background:#faf8fc;color:#351342}.company-access-open{display:grid;justify-items:start;gap:10px;margin-top:22px}.company-access-open .company-feedback{margin:0;font-size:13px;line-height:1.4}.company-access-open .company-feedback:empty{display:none}.company-access-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #eee5f1}.company-access-dialog button{box-sizing:border-box;min-height:42px;padding:10px 16px;border-radius:10px;font-size:13px;line-height:1.35;cursor:pointer}.company-access-actions .company-access-done{margin-left:auto}.company-access-dialog button:disabled{cursor:wait;opacity:.65}@media(max-width:600px){.company-access-dialog{padding:22px;width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.company-access-dialog h2{font-size:23px}.company-access-dialog .company-access-fields{grid-template-columns:1fr;gap:14px}.company-access-open{justify-items:stretch}.company-access-actions{display:grid;grid-template-columns:1fr}.company-access-actions .company-access-done{margin-left:0}.company-access-dialog button{width:100%}}
.company-team-names{grid-column:1/-1;min-width:0;box-sizing:border-box;margin:0;padding:14px;border:1px solid #e1d3eb;border-radius:12px;background:#faf7fc;display:grid;gap:12px}.company-team-names legend{padding:0 6px;font-size:13px;font-weight:700;color:#54226a}.company-team-names>div{display:grid;gap:12px}.company-team-names input,.company-manager-dialog input{box-sizing:border-box;min-width:0}.company-manager-dialog{box-sizing:border-box;max-width:calc(100vw - 24px)}.sera-appointment-team-filter{display:grid;gap:6px;font-size:13px;font-weight:700;color:#54226a}.sera-appointment-team-filter select{min-height:40px;max-width:100%;border:1px solid #decce8;border-radius:10px;padding:8px;background:#fff;color:#351342}
@media(max-width:900px){.company-shell{grid-template-columns:minmax(0,1fr)}.company-sidebar{position:fixed;inset:0 auto 0 0;z-index:31;box-sizing:border-box;width:min(320px,calc(100vw - 48px));height:100dvh;min-width:0;padding:17px 14px;overflow-y:auto;transform:translateX(-105%);transition:transform .25s ease;box-shadow:20px 0 50px #1c0b2b40}.company-menu-open .company-sidebar{transform:translateX(0)}.company-menu-backdrop{position:fixed;inset:0;z-index:30;width:100%;height:100%;border:0;background:#13071eb3}.company-menu-open .company-menu-backdrop{display:block}.company-menu-toggle,.company-menu-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #e4d8e9;border-radius:11px;background:#f8f2fa;color:#3d1a52;font-size:23px;cursor:pointer}.company-menu-close{align-self:flex-end;background:#ffffff1a;color:#fff;border-color:#ffffff40}.company-menu-toggle:focus-visible,.company-menu-close:focus-visible,.company-menu-backdrop:focus-visible{outline:3px solid #a36ac2;outline-offset:2px}.company-brand{display:grid;margin:0}.company-brand img{width:145px}.company-name{padding:0 0 15px;font-size:18px}.company-navigation{display:grid;width:100%;overflow:visible}.company-navigation button{width:100%;min-height:44px;white-space:normal;padding:11px 12px}.company-exit{display:block}.company-topbar{justify-content:flex-start;gap:12px}.company-topbar>div:first-of-type{min-width:0;margin-right:auto}.company-topbar strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px}.company-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.company-topbar{padding:12px 14px;min-height:68px}.company-topbar small,.company-role-badge,.company-status{display:none}.company-topbar .company-top-actions{gap:7px;flex-wrap:nowrap}.company-notification-bell,.company-account-avatar{width:38px;height:38px}.company-content{padding:20px 14px}.company-summary-grid{grid-template-columns:1fr}.company-person-form{grid-template-columns:1fr}.company-person-row{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.company-sidebar{transition:none}}
@media(max-width:600px){.employee-header-name{display:none}.employee-workspace-active .company-topbar{min-height:68px}.employee-workspace-active .company-topbar>div:first-of-type{min-width:0}.employee-workspace-active .company-content{padding:20px 14px}}
@media(max-width:900px){.company-sidebar{visibility:hidden}.company-menu-open .company-sidebar{visibility:visible}}
@media(max-width:600px){.company-topbar .company-role-badge,.company-topbar .company-status,.employee-workspace-active .employee-header-name{display:none}.company-topbar .company-top-actions{flex-wrap:nowrap}.company-topbar>div:first-of-type{flex:1;min-width:0}.company-topbar strong{font-size:17px}}
.company-assessment-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:26px}
.company-assessment-selector{display:grid;gap:10px}.company-assessment-selector button{border:1px solid #e6daeb;border-radius:12px;background:#fff;color:#2b173d;text-align:left;padding:15px;font:700 14px Arial,sans-serif;cursor:pointer}
.company-assessment-selector button.active{border-color:#795095;background:#f7f0fa;box-shadow:inset 3px 0 #795095}.company-assessment-selector small{display:block;font-size:11px;color:#74657b;font-weight:400;margin-top:5px}
.company-assessment-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.company-assessment-metrics>div{border:1px solid #eadfee;background:#faf7fb;border-radius:9px;padding:12px;min-width:0}.company-assessment-metrics strong{display:block;font-size:17px;overflow-wrap:anywhere}.company-assessment-metrics small{display:block;font-size:11px;color:#74657b;margin-top:5px}
.company-assessment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}.company-assessment-fields label{display:grid;gap:7px;font-size:12px;font-weight:700}.company-assessment-fields select,.company-assessment-fields input,.company-assessment-fields textarea{width:100%;min-width:0;border:1px solid #d9c9e2;border-radius:9px;background:#fff;padding:10px;color:#2b173d;font:13px Arial,sans-serif}.company-assessment-fields textarea{min-height:100px;resize:vertical}
.company-assessment-form>.company-primary{margin:0 0 8px}.company-secondary{border:1px solid #d9c9e2;border-radius:9px;background:#fff;color:#4c2265;padding:10px 14px;font:700 12px Arial,sans-serif;cursor:pointer}
.company-dashboard-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.company-report-readable:empty{display:none}.company-report-readable{margin:12px 0 25px;border-top:1px solid #eadfee;padding-top:14px}.company-report-readable>p,.company-report-section p{line-height:1.65;white-space:pre-line;color:#493955}.company-report-section{padding:18px 0;border-bottom:1px solid #eee5f1}.company-report-section h3{font-size:19px;margin:0 0 15px}.company-report-section h4{font-size:15px;margin:20px 0 9px}.company-report-person{border:1px solid #e6daeb;border-radius:10px;background:#fff;margin:10px 0;padding:0 16px}.company-report-person summary{cursor:pointer;padding:16px 0;font-weight:700;color:#3b1d50}.company-report-person p{margin:0 0 14px}.company-report-table{border-collapse:collapse;width:100%;margin:18px 0}.company-report-table td{border:1px solid #e6daeb;padding:12px;vertical-align:top}.company-report-table tr:first-child{background:#f8f4fa;font-weight:700}.company-report-readable pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1100px){.company-assessment-layout{grid-template-columns:1fr}.company-assessment-selector{display:flex;overflow:auto}.company-assessment-selector button{min-width:180px}}
@media(max-width:650px){.company-assessment-fields{grid-template-columns:1fr}.company-assessment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.company-evaluation-bars{display:grid;gap:14px;margin:24px 0}.company-evaluation-bar{display:grid;grid-template-columns:100px minmax(0,1fr) 50px;align-items:center;gap:14px}.company-evaluation-track{height:15px;border-radius:999px;background:#ece5f0;overflow:hidden}.company-evaluation-track i{display:block;height:100%;background:#75418e}.company-evaluation-bar strong{text-align:right}.company-evaluation-history{border-top:1px solid #ece3ef;padding-top:16px}.company-evaluation-history h3{font-size:16px}.company-work-privacy{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #e7ddeb;border-radius:12px;padding:18px;margin:18px 0}.company-work-privacy p{font-size:14px}.company-evaluation-note{font-size:13px}.company-profile-definitions{padding:12px 0}.company-trends-controls{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.company-trends-controls label{display:grid;gap:7px;font-size:13px;font-weight:700}.company-trends-controls select{min-width:180px;padding:11px;border:1px solid #d9c9e2;border-radius:9px;background:#fff}.company-trend-group{border-top:1px solid #eadfee;margin-top:18px;padding-top:14px}.company-trend-group h3{font-size:16px}.company-trend-line{display:flex;justify-content:space-between;padding:8px 0}.company-private-state{padding:14px;background:#f7f0fa;border-radius:10px}
@media(max-width:650px){.company-evaluation-bar{grid-template-columns:70px minmax(0,1fr) 44px;gap:8px}.company-work-privacy{align-items:flex-start;flex-direction:column}}
.employee-assessment-form{display:grid;gap:22px;margin-top:22px}.employee-question-group{border:1px solid #e8ddec;border-radius:14px;padding:20px}.employee-question-group legend{font-size:17px;font-weight:700;padding:0 8px}.employee-question{padding:10px 0;border-top:1px solid #eee7f1}.employee-question p{color:#2b173d;font-size:15px}.employee-choice-row{display:flex;gap:10px;flex-wrap:wrap}.employee-choice-row label{display:flex;align-items:center;gap:5px;background:#f8f4fa;border:1px solid #eadfee;border-radius:8px;padding:8px 12px;cursor:pointer}.employee-choice-row input{accent-color:#6c3685}
.company-evaluation-history .company-person-row{flex-wrap:wrap}.company-application-answers{flex:0 0 100%;display:grid;gap:8px;padding:12px;background:#faf7fb;border-radius:10px}.company-answer-line{display:grid;grid-template-columns:110px minmax(0,1fr) 42px;gap:10px;align-items:center;border-bottom:1px solid #eadfee;padding:8px 0}.company-answer-line small{color:#74657b}.company-answer-line strong{text-align:right}
.company-diagnostic-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;border:1px solid #e6daeb;border-radius:18px;padding:28px;color:#2b173d;box-shadow:0 20px 70px #29143c55}.company-diagnostic-dialog::backdrop{background:#1b1025a8}.company-diagnostic-dialog h2{margin:0 0 8px}.company-diagnostic-dialog form>label{display:grid;gap:8px;font-weight:700}.company-diagnostic-dialog input,.company-diagnostic-dialog select,.company-diagnostic-dialog textarea{padding:12px;border:1px solid #d9c9e2;border-radius:8px;font:inherit}.company-diagnostic-dialog h3{font-size:18px;margin:12px 0 0}.company-diagnostic-dialog .company-diagnostic-question{font-size:14px;font-weight:400}.company-diagnostic-dialog textarea{min-height:90px}
.company-diagnostic-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.company-diagnostic-summary>div{display:grid;gap:5px;background:#f8f4fa;border:1px solid #e7dceb;border-radius:10px;padding:14px}.company-diagnostic-summary strong{font-size:18px}.company-diagnostic-summary small{color:#74657b}.company-diagnostic-evolution{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.company-diagnostic-quadrant{display:grid;gap:10px;border:1px solid #e7dceb;border-radius:12px;padding:16px}.company-diagnostic-quadrant>div:first-child{display:flex;justify-content:space-between;gap:8px}.company-diagnostic-quadrant span,.company-diagnostic-quadrant small{font-size:12px;color:#6d5d75}.company-diagnostic-track{height:18px;border-radius:20px;background:#ede5f0;position:relative;overflow:hidden}.company-diagnostic-track i,.company-diagnostic-track b{position:absolute;left:0;top:0;height:100%;border-radius:20px}.company-diagnostic-track i{background:#c8b3d5}.company-diagnostic-track b{height:9px;top:4px;background:#77418e}.company-diagnostic-timeline{display:grid;gap:8px;margin-top:20px}.company-diagnostic-timeline>button{text-align:left}.company-diagnostic-detail{display:grid;gap:8px;background:#faf7fb;border:1px solid #e7dceb;border-radius:10px;padding:16px}.company-diagnostic-detail>div{display:grid;grid-template-columns:150px minmax(0,1fr) 42px;gap:12px;padding:8px 0;border-bottom:1px solid #e7dceb}.company-diagnostic-detail small{color:#74657b}.company-diagnostic-detail strong{text-align:right}@media(max-width:750px){.company-diagnostic-summary,.company-diagnostic-evolution{grid-template-columns:1fr 1fr}.company-diagnostic-detail>div{grid-template-columns:1fr 42px}.company-diagnostic-detail small{grid-column:1/-1}}@media(max-width:520px){.company-diagnostic-summary,.company-diagnostic-evolution{grid-template-columns:1fr}}
.company-premap{margin:18px 0 0;padding:17px 20px;border:1px solid #d9c4e4;background:#f7f0fa;border-radius:12px}.company-premap strong{display:block;margin-bottom:5px}.company-report-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.company-report-toolbar .active{background:#4c2265;color:#fff}.company-report-document{background:#fff;border:1px solid #e6daeb;border-radius:20px;padding:clamp(22px,3vw,42px);box-shadow:0 12px 36px #29143c0a}.company-report-cover{border-bottom:1px solid #eadfee;padding-bottom:25px;margin-bottom:28px;display:grid;gap:7px}.company-report-cover img{max-width:185px;max-height:70px;object-fit:contain;margin-bottom:16px}.company-report-cover small{color:#77418e;font-weight:700;letter-spacing:.13em}.company-report-cover h2{font-size:clamp(27px,3vw,39px);margin:0}.company-report-cover p{margin:0;color:#6e5d76}.company-report-distribution{display:grid;grid-template-columns:95px minmax(0,1fr) 35px;gap:14px;align-items:center;margin:14px 0}.company-report-distribution strong{text-align:right}.company-report-document .company-work-card{box-shadow:none;border-radius:13px}.company-report-footer{border-top:1px solid #eadfee;padding-top:20px;color:#716079;font-size:13px}
.company-trend-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.company-trend-display .active{background:#4c2265;color:#fff}.company-trend-bars{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,3fr) 70px;align-items:center;gap:12px}.company-trend-bars strong{text-align:right}.company-trend-ranking,.company-trend-table{border-bottom:1px solid #eee5f1}.company-trend-table:nth-child(even){background:#faf7fb}
.company-trends-controls label{min-width:210px;border:1px dashed #d9c9e2;border-radius:12px;padding:12px;background:#faf8fb}.company-trends-controls label.active{border-color:#75418e;background:#f6eef9}.company-trend-dimensions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.company-trend-chip{border:1px solid #ddcee4;border-radius:999px;background:#fff;color:#3a174f;padding:9px 15px;font:700 13px 'DM Sans',Arial,sans-serif;cursor:grab}.company-trend-chip:hover{background:#f6eef9}.company-trend-help{font-size:12px!important;margin:12px 0 0!important}
.company-trend-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.company-trend-filters label{display:grid;gap:6px;font-size:12px;font-weight:700}.company-trend-filters select{min-width:180px;padding:10px;border:1px solid #d9c9e2;border-radius:9px;background:#fff}.company-trend-pie{width:140px;height:140px;border-radius:50%;margin:15px auto;border:5px solid #fff;box-shadow:0 0 0 1px #e5d7ea}.company-trend-line{gap:12px;align-items:center}.company-trend-line>span{min-width:100px}.company-trend-line .company-evaluation-track{flex:1}.company-trend-line>strong{min-width:75px;text-align:right}
.company-trend-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.company-trend-filters label{min-width:0}.company-trend-filters select{width:100%;min-width:0;min-height:46px}.company-trend-builder{padding:24px!important}.company-trend-builder>.company-trends-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.company-trend-builder .company-trends-controls label{min-width:0;min-height:92px;padding:15px 17px;border:2px dashed #d5c2df}.company-trend-builder .company-trends-controls label.active{border-color:#683480}.company-trend-builder .company-trends-controls select{width:100%;min-width:0;border:0;background:transparent;padding:8px 0 0;font-size:18px;font-weight:700}.company-trend-builder .company-trend-dimensions{margin-top:18px}.company-trend-builder .company-trend-display{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-top:16px;border-top:1px solid #eee5f1}.company-trend-builder .company-trend-display button{min-height:42px}.company-trend-summary{padding:20px 23px;margin:0 0 18px;border-radius:15px;background:linear-gradient(105deg,#351748,#673481);color:#fff}.company-trend-summary h2{margin:0 0 7px;font-size:22px}.company-trend-summary p{margin:0;line-height:1.5}.company-trend-segment{width:100%;border:0;border-top:1px solid #eee5f1;background:transparent;color:#2b173d;font:inherit;text-align:left;cursor:pointer;padding:11px 5px}.company-trend-segment:hover,.company-trend-segment:focus-visible{background:#f7f0fa;outline:none}.company-trend-selection-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.company-trend-member{display:flex;justify-content:space-between;gap:15px;width:100%;padding:14px 3px;border:0;border-top:1px solid #eee5f1;background:#fff;color:#2b173d;font:inherit;text-align:left;cursor:pointer}.company-trend-member:hover{color:#683480}.company-trend-member small{color:#71697e}@media(max-width:950px){.company-trend-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.company-trend-builder .company-trend-display{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.company-trend-filters,.company-trend-builder>.company-trends-controls{grid-template-columns:1fr}.company-trend-builder .company-trend-display{grid-template-columns:repeat(2,minmax(0,1fr))}.company-trend-member{display:grid;gap:4px}}
.company-report-evolution{display:grid;grid-template-columns:minmax(160px,1fr) minmax(130px,1fr);gap:8px 18px;padding:14px 0;border-top:1px solid #eee5f1}.company-report-evolution>span{text-align:right;color:#6d5d75}.company-report-evolution>.company-diagnostic-track{grid-column:1/-1}@media(max-width:600px){.company-report-evolution{grid-template-columns:1fr}.company-report-evolution>span{text-align:left}}
.company-participant-actions{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap}.company-participant-actions .company-secondary{white-space:nowrap}
.company-participant-actions .company-remove-participant{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:#9b2942;border-color:#ead4db}.company-participant-actions .company-remove-participant:hover{background:#fff1f3;border-color:#d692a2}
.company-evaluation-bar{grid-template-columns:minmax(130px,1fr) minmax(100px,3fr) auto}.company-evaluation-bar strong{white-space:nowrap}@media(max-width:650px){.company-evaluation-bar{grid-template-columns:1fr auto}.company-evaluation-bar .company-evaluation-track{grid-column:1/-1;grid-row:2}}
.company-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.company-participant-dialog .company-person-form{margin-top:24px}.company-participant-dialog .company-feedback{grid-column:1/-1}.company-participant-dialog .company-secondary{justify-self:start}
.company-support-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.company-faq{border-top:1px solid #e9e5ed;padding:13px 0}.company-faq summary{font-weight:700;cursor:pointer}.company-faq p{margin:10px 0 0}.company-contact-link{display:inline-flex;margin:14px 0;padding:14px 16px;border:1px solid #e9e5ed;border-radius:12px;color:#3a174f;text-decoration:none;font-weight:700}@media(max-width:760px){.company-support-grid{grid-template-columns:1fr}}
.company-whatsapp-link{align-items:center;gap:11px}.company-whatsapp-link img{width:26px;height:26px;object-fit:contain;flex:0 0 26px}.company-whatsapp-link:hover{border-color:#56bd69;background:#f4fff5}
.company-plan-name{font:700 26px Outfit,Arial,sans-serif;margin:20px 0 5px}.company-plan-detail{font:800 26px Outfit,Arial,sans-serif;color:#3a174f}.company-plan-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0}.company-plan-facts>div{display:grid;gap:7px;border:1px solid #e9e5ed;border-radius:12px;padding:16px}.company-plan-facts small{color:#71697e}.company-plan-note{border-top:1px solid #e9e5ed;padding-top:18px}@media(max-width:700px){.company-plan-facts{grid-template-columns:1fr}}
@media print{.company-sidebar,.company-topbar,.company-page-head,.company-report-toolbar,.company-report-document~.company-work-card{display:none!important}.company-shell{display:block}.company-content{padding:0;max-width:none}.company-report-document{border:0;box-shadow:none;padding:0}.company-report-internal[hidden]{display:none!important}}
.employee-demographics-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:22px;align-items:end}.employee-demographics-form>label:not(.employee-demographics-consent){display:grid;gap:8px;font-size:13px;font-weight:700}.employee-demographics-form select,.employee-demographics-form input[type=text]{width:100%;min-width:0;padding:11px 12px;border:1px solid #d9c9e2;border-radius:9px;background:#fff;color:#2b173d;font:inherit}.employee-demographics-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;padding:15px 16px;border:1px solid #eadfee;border-radius:10px;background:#faf7fb;font-size:13px;line-height:1.45}.employee-demographics-consent input{width:18px;height:18px;flex:0 0 auto;accent-color:#4c2265}.employee-demographics-form>.company-primary{justify-self:start}.employee-demographics-form>.company-feedback{grid-column:1/-1;margin:0}@media(max-width:750px){.employee-demographics-form{grid-template-columns:1fr}}
.company-dashboard .company-page-head{display:grid;justify-content:initial;gap:5px;margin-bottom:25px}.company-dashboard .company-page-head h1{margin:0;font-size:27px}.company-dashboard .company-page-head p{max-width:700px;font-size:14px}.company-dashboard>.company-work-card{padding:23px 25px}.company-dashboard-evaluation-head{display:flex;align-items:center;justify-content:space-between;gap:22px}.company-dashboard-evaluation-copy{min-width:0}.company-dashboard-evaluation-copy h2{margin-bottom:7px}.company-dashboard-evaluation-head .company-secondary{flex:0 0 auto;margin:0}.company-dashboard .company-private-state{margin-top:18px;padding:13px 16px;font-size:14px}.company-dashboard .company-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 18px}.company-dashboard .company-kpi{grid-template-rows:auto 1fr auto;align-content:stretch;min-height:142px;padding:20px 22px;gap:9px;border-radius:14px}.company-dashboard .company-kpi strong{align-self:center;font-size:29px;line-height:1.12}.company-dashboard .company-kpi:nth-child(4) strong{font-size:clamp(17px,1.45vw,23px);overflow-wrap:anywhere}.company-dashboard .company-kpi small{line-height:1.35}.company-dashboard-lower{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.company-dashboard-lower .company-work-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:22px 24px}.company-dashboard-lower .company-work-card>.company-secondary{align-self:flex-start;margin-top:auto}.company-dashboard-lower .company-private-state{margin-top:18px}.company-dashboard-lower .company-person-row{gap:12px}.company-dashboard-lower .company-person-row span{text-align:right}@media(max-width:1150px){.company-dashboard .company-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-dashboard-lower{grid-template-columns:1fr}}@media(max-width:620px){.company-dashboard .company-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.company-dashboard .company-kpi{min-height:118px;padding:14px}.company-dashboard .company-kpi strong{font-size:23px}.company-dashboard .company-kpi:nth-child(4) strong{font-size:17px}.company-dashboard-evaluation-head{align-items:flex-start;flex-direction:column;gap:14px}.company-dashboard .company-page-head h1{font-size:23px}}
.employee-header-name{font-size:13px;color:#71697e;font-weight:700}.employee-account-facts{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px}.employee-account-facts small{color:#71697e}.employee-evaluation-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.employee-evaluation-tabs .active{background:#4c2265;color:#fff;border-color:#4c2265}.employee-evaluation-history{display:grid;gap:12px;margin:22px 0;padding:18px;border:1px solid #e7dceb;border-radius:12px;background:#faf7fb}.employee-evaluation-history>p{margin:0}.employee-evaluation-history>button{justify-self:start}.employee-history-item{border:1px solid #e7dceb;border-radius:10px;padding:12px;background:#fff}.employee-history-item summary{cursor:pointer;font-weight:700}.employee-history-item ol{display:grid;gap:5px;margin-bottom:0;padding-left:24px;color:#493955}.employee-coming-soon{display:inline-flex;margin-top:18px;padding:7px 12px;border-radius:999px;background:#fff5e3;color:#81500c;font-weight:700;font-size:12px}
.employee-profile-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.employee-profile-head strong{font-size:18px}.employee-profile-head small{color:#71697e}.employee-profile-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f1e6f5;color:#4c2265;object-fit:cover;font-size:23px;font-weight:700}.employee-settings-form{display:grid;gap:14px;max-width:510px;margin-top:18px}.employee-settings-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.employee-settings-form input{width:100%;padding:11px;border:1px solid #d9c9e2;border-radius:9px;font:inherit}.employee-settings-form input[type=file]{background:#faf7fb}.employee-settings-form small{color:#71697e}.employee-settings-form button{justify-self:start}
.employee-academy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.employee-academy-grid .company-work-card{margin:0}.employee-academy-grid small{display:block;margin-top:14px;color:#6b3485}.employee-academy-lesson{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eee5f1;padding:12px 0;font-size:13px}.employee-academy-lesson a{color:#4c2265;font-weight:700}
.employee-account-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid #eee5f1}.employee-account-row .employee-account-facts{display:grid;gap:5px;min-width:0;margin:0}.employee-account-row .employee-account-facts strong,.employee-account-row .employee-account-facts small{overflow-wrap:anywhere}.employee-account-row .company-secondary{flex:0 0 auto}.employee-workspace-active .company-summary-grid{margin-bottom:0}
@media(max-width:650px){.employee-account-row{align-items:flex-start;flex-direction:column}.employee-account-row .company-secondary{margin-top:4px}}
.employee-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.employee-settings-grid>.company-work-card{margin:0;min-width:0;padding:26px}.employee-settings-grid>.company-work-card>p{min-height:44px}.employee-profile-head{min-height:72px;margin:22px 0 18px;flex-wrap:nowrap}.employee-profile-text{display:grid;gap:5px;min-width:0}.employee-profile-text strong,.employee-profile-text small{overflow-wrap:anywhere}.employee-settings-form{max-width:none;margin-top:0;gap:13px}.employee-settings-form .company-feedback{min-height:20px}.employee-security-facts{margin:22px 0 20px;border-top:1px solid #eee5f1}.employee-security-row{display:flex;justify-content:space-between;align-items:start;gap:14px;padding:16px 0;border-bottom:1px solid #eee5f1;font-size:13px}.employee-security-row span{color:#71697e}.employee-security-row strong{text-align:right}.employee-security-notice{display:grid;gap:6px;margin-top:25px;padding:16px;background:#faf7fb;border:1px solid #eadfee;border-radius:11px;font-size:13px}.employee-security-notice small{color:#71697e;line-height:1.5}
.account-mfa-drawer{position:fixed;inset:0 0 0 auto;width:min(430px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;margin:0;padding:0;border:0;border-radius:18px 0 0 18px;background:#fff;color:#28133c;box-shadow:-18px 0 50px #24103524;overflow:auto}.account-mfa-drawer::backdrop{background:#24103578}.account-mfa-drawer-head{display:flex;justify-content:flex-end;padding:18px 22px 0}.account-mfa-close{border:1px solid #e7dfea;border-radius:9px;background:#f9f6fa;color:#3a174f;padding:8px 12px;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer}.account-mfa-drawer-body{padding:18px 30px 34px}.account-mfa-drawer h1{font:700 24px/1.2 Outfit,Arial,sans-serif;margin:0 0 10px}.account-mfa-drawer .intro{font-size:14px;margin:0 0 16px}.account-mfa-drawer .mfa-qr{width:190px;max-width:100%;margin:16px auto}.account-mfa-drawer .login-form{width:100%;gap:12px}.account-mfa-drawer .login-form input{background:#fff}.account-mfa-drawer .login-form button{background:#4b2063;color:#fff;cursor:pointer}.account-mfa-drawer .auth-status{font-size:13px;margin-top:14px}
.employee-workspace-active .company-content{min-height:calc(100vh - 92px)}
@media(max-width:860px){.employee-settings-grid{grid-template-columns:1fr}.employee-settings-grid>.company-work-card>p{min-height:0}}
@media(max-width:520px){.employee-settings-grid>.company-work-card{padding:20px}.employee-security-row{display:grid;gap:5px}.employee-security-row strong{text-align:left}.account-mfa-drawer{width:100vw;border-radius:0}.account-mfa-drawer-body{padding:16px 22px 30px}}
.employee-assessment-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.employee-assessment-option{display:grid;gap:10px;min-height:165px;padding:20px;border:1px solid #e5d9e9;border-radius:15px;background:#fff;color:#2b173d;text-align:left;cursor:pointer;box-shadow:0 5px 16px #2410350a}.employee-assessment-option.active{border-color:#7a4c91;box-shadow:inset 4px 0 #7a4c91,0 8px 24px #24103512}.employee-assessment-option:hover{border-color:#9b72af}.employee-assessment-option-top,.employee-assessment-option-foot{font-size:12px;color:#795095;font-weight:700}.employee-assessment-option strong{font:700 21px Outfit,Arial,sans-serif}.employee-assessment-option small{font-size:13px;color:#71697e}.employee-assessment-option-foot{margin-top:auto}.employee-assessment-privacy{display:grid;gap:5px;margin:18px 0;padding:15px 18px;border:1px solid #e8ddec;border-radius:11px;background:#faf7fb;font-size:13px}.employee-assessment-privacy p{margin:0!important}.employee-assessment-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-top:1px solid #eee5f1}.employee-assessment-summary>div{display:grid;gap:5px}.employee-assessment-summary small{color:#71697e}.employee-assessment-list{border-top:1px solid #eee5f1;padding-top:16px}.employee-assessment-list h3{font:700 15px Outfit,Arial,sans-serif;margin:0 0 12px}.employee-assessment-list .employee-history-item{margin-top:9px}.employee-assessment-list summary{display:flex;justify-content:space-between;gap:12px}.employee-assessment-list summary span{color:#71697e;font-weight:500}.employee-assessment-scores{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.employee-assessment-scores span{border-radius:999px;padding:7px 10px;background:#f2e9f6;color:#4c2265;font-size:12px;font-weight:700}
.employee-demo-banner{display:grid;gap:5px;margin-bottom:18px;padding:16px 20px;border:1px solid #e7cc97;border-radius:12px;background:#fff8e8;color:#76490b;font-size:13px}.employee-demo-banner strong{font-size:14px}.employee-demo-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.employee-demo-layout .company-work-card{margin:0;min-width:0}.employee-demo-entry{display:grid;gap:8px;width:100%;margin-top:20px;padding:16px;border:1px solid #e7dceb;border-radius:12px;background:#faf7fb;color:#2b173d;text-align:left;cursor:pointer;font:inherit}.employee-demo-entry:hover{border-color:#9b72af}.employee-demo-entry small{color:#795095;font-weight:700}.employee-demo-entry span{color:#71697e;font-size:13px;line-height:1.5}.employee-demo-detail{padding:14px 16px;border:1px solid #e7dceb;border-radius:10px;margin-top:10px;font-size:13px}.employee-demo-footnote{margin-top:17px!important;font-size:12px}.employee-demo-prompts{display:grid;gap:9px;margin:20px 0}.employee-demo-prompts button{text-align:left}.employee-demo-reply{min-height:115px;padding:17px;border-radius:12px;background:#f7f0fa;color:#3d2750;font-size:13px;line-height:1.55}.employee-demo-reply p{margin:8px 0!important}.employee-demo-reply small{color:#795095}
@media(max-width:760px){.employee-assessment-selector,.employee-demo-layout{grid-template-columns:1fr}.employee-assessment-summary{align-items:flex-start;flex-direction:column}.employee-assessment-list summary{display:grid;gap:5px}}
@media(min-width:901px){.company-shell{grid-template-columns:264px minmax(0,1fr)}.company-sidebar{position:sticky;top:0;height:100dvh;min-height:0;overflow:hidden;padding:18px 14px;gap:10px}.company-brand{place-items:center;margin:0 0 8px;width:100%}.company-brand img{width:184px;max-width:100%;height:auto}.company-brand span{text-align:center}.company-navigation{flex:1;min-height:0;overflow-y:auto;gap:3px;scrollbar-width:thin;scrollbar-color:#654878 transparent}.company-navigation button{padding:10px 12px}.company-exit{display:block;margin:0;padding:12px;border-top:1px solid #ffffff25}.company-sidebar-foot{padding:12px 10px 0}}
.employee-demo-hero{position:relative;display:grid;gap:9px;width:100%;min-height:205px;margin:0 0 28px;padding:27px 32px;border:0;border-radius:20px;background:linear-gradient(120deg,#351448,#68338a 65%,#8a55ab);color:#fff;text-align:left;cursor:pointer;box-shadow:0 16px 36px #3b17522b;font:inherit}.employee-demo-hero:hover{transform:translateY(-2px);box-shadow:0 20px 42px #3b175238}.employee-demo-hero:focus-visible{outline:3px solid #ac77cb;outline-offset:3px}.employee-demo-spark{font-size:27px;color:#e7c3fc}.employee-demo-hero-copy{font-size:11px;letter-spacing:.13em;font-weight:800;color:#e7c6f8}.employee-demo-hero strong{font:700 clamp(25px,3vw,36px) Outfit,Arial,sans-serif}.employee-demo-hero small{font-size:14px;color:#f3e6fa}.employee-demo-arrow{position:absolute;right:30px;bottom:26px;font-size:28px}.employee-demo-records-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin:0 0 15px}.employee-demo-records-head h2{margin:0 0 4px;font:700 24px Outfit,Arial,sans-serif}.employee-demo-records-head p{margin:0;color:#71697e}.employee-demo-records-actions{display:flex;flex-wrap:wrap;gap:9px}.employee-demo-records-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.employee-demo-records-layout .company-work-card{margin:0}.employee-demo-record-card{display:grid;align-content:start;gap:9px;padding:23px;border:1px solid #e7dceb;border-radius:15px;background:#fff;box-shadow:0 6px 20px #2410350b}.employee-demo-record-card strong{font-size:17px}.employee-demo-record-card small{color:#885a9d;font-weight:700}.employee-demo-record-card p{margin:4px 0 0;line-height:1.6;color:#62566a}.employee-demo-dialog{position:fixed;inset:0 0 0 auto;width:min(470px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;margin:0;padding:0;border:0;border-radius:18px 0 0 18px;background:#fff;color:#2b173d;box-shadow:-20px 0 55px #24103535;overflow:auto}.employee-demo-dialog::backdrop{background:#24103578}.employee-demo-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 25px;border-bottom:1px solid #eadfee}.employee-demo-dialog-top h2{margin:0;font:700 22px Outfit,Arial,sans-serif}.employee-demo-dialog-body{display:grid;align-content:start;gap:16px;padding:23px 25px 35px}.employee-demo-dialog-note{margin:0;padding:13px 15px;border:1px solid #e7cc97;border-radius:10px;background:#fff8e8;color:#76490b;font-size:13px;line-height:1.5}.employee-demo-personas{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px;border:1px solid #e7dceb;border-radius:12px}.employee-demo-personas small{flex-basis:100%;font-size:11px;letter-spacing:.1em;color:#795095;font-weight:800}.employee-demo-persona-name{flex-basis:100%;margin-top:5px}.employee-demo-sample-text{padding:18px;border:1px solid #e7dceb;border-radius:12px;background:#faf7fb;color:#62566a;line-height:1.6}.employee-demo-dialog .employee-demo-prompts{margin:0}
@media(max-width:760px){.employee-demo-records-layout{grid-template-columns:1fr}.employee-demo-hero{padding:23px;min-height:190px}.employee-demo-dialog{width:100vw;border-radius:0}}
.employee-workspace-active .company-content{max-width:1240px;padding-top:25px}.employee-workspace-active .company-page-head{margin-bottom:16px}.employee-workspace-active .company-work-card{padding:20px 23px}.employee-workspace-active .company-topbar{min-height:76px}.employee-header-actions{display:flex!important;align-items:center;gap:12px;min-width:0}.employee-header-name{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-notification-bell,.employee-header-avatar{display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border:1px solid #e5d9e9;border-radius:50%;background:#fff;color:#3a174f;cursor:pointer}.employee-notification-bell{font-size:17px}.employee-header-avatar{padding:0;overflow:hidden;background:#f3e7f8;font-weight:800}.employee-header-avatar img{width:100%;height:100%;object-fit:cover}.employee-header-avatar:hover,.employee-notification-bell:hover{border-color:#9265a8;background:#faf4fc}.employee-assessment-selector{gap:11px;margin-bottom:12px}.employee-assessment-option{min-height:112px;padding:14px 17px;gap:5px}.employee-assessment-option strong{font-size:18px}.employee-assessment-option small,.employee-assessment-option-top,.employee-assessment-option-foot{font-size:12px}.employee-assessment-privacy{margin:12px 0;padding:11px 14px}.employee-assessment-summary{padding:12px 0}.employee-demo-banner{margin-bottom:13px;padding:12px 16px}.employee-demo-hero{min-height:151px;gap:5px;margin-bottom:18px;padding:19px 25px}.employee-demo-spark{font-size:20px}.employee-demo-hero strong{font-size:27px}.employee-demo-records-head{margin-bottom:10px}.employee-demo-records-head h2{font-size:20px}.employee-demo-record-card{padding:17px 19px;gap:5px}.employee-demo-record-card strong{font-size:15px}.employee-demo-records-layout{gap:12px}.employee-profile-photo-button{position:relative;border:0;border-radius:50%;background:transparent;padding:0;cursor:pointer}.employee-profile-photo-button:focus-visible{outline:3px solid #9265a8}.employee-photo-edit{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#4c2265;color:#fff;font-size:12px;border:2px solid #fff}.employee-photo-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.employee-credential-actions{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 15px}.employee-credential-form{display:grid;gap:15px}.employee-credential-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.employee-credential-form input{width:100%;padding:11px;border:1px solid #d9c9e2;border-radius:9px;font:inherit}.employee-credential-form .company-primary{justify-self:start}
@media(max-width:650px){.employee-header-name{max-width:120px;font-size:11px}.employee-header-actions{gap:7px}.employee-notification-bell,.employee-header-avatar{width:34px;height:34px}.employee-assessment-selector{grid-template-columns:1fr}.employee-assessment-option{min-height:0}.employee-demo-hero{min-height:148px;padding:18px}.employee-demo-hero strong{font-size:24px}.employee-demo-records-layout{grid-template-columns:1fr}}
.employee-credential-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.employee-credential-actions button{width:100%;min-height:46px;margin:0;text-align:center;white-space:normal}.employee-demo-chat-form{display:grid;gap:9px;border-top:1px solid #e7dceb;padding-top:17px}.employee-demo-chat-form textarea{width:100%;resize:vertical;min-height:82px;padding:12px;border:1px solid #d9c9e2;border-radius:10px;font:inherit}.employee-demo-chat-form button{justify-self:end}.employee-diary-section{margin-top:18px}.employee-diary-info{color:#71697e;font-size:13px;line-height:1.55}.employee-diary-lock,.employee-diary-editor{max-width:900px;margin:auto;padding:26px;border:1px solid #e7dceb;border-radius:17px;background:#fff;box-shadow:0 10px 28px #2410350b}.employee-diary-lock h2,.employee-diary-editor h2,.employee-diary-book-head h2{margin:5px 0 12px;font:700 24px Outfit,Arial,sans-serif}.employee-diary-kicker{font-size:11px;letter-spacing:.13em;font-weight:800;color:#795095}.employee-diary-unlock{display:grid;gap:12px;max-width:460px;margin-top:19px}.employee-diary-unlock label,.employee-diary-editor label{display:grid;gap:8px;font-size:13px;font-weight:700}.employee-diary-unlock input,.employee-diary-editor input,.employee-diary-editor textarea{width:100%;padding:12px;border:1px solid #d9c9e2;border-radius:10px;background:#fff;font:inherit}.employee-diary-unlock button{justify-self:start}.employee-diary-book-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.employee-diary-book-head>div{margin-right:auto}.employee-diary-book{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);min-height:340px;margin-top:17px;border:1px solid #dfd0e6;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 10px 28px #2410350c}.employee-diary-index{display:grid;align-content:start;gap:6px;padding:17px;background:#f6f0f8;border-right:1px solid #e6dbea}.employee-diary-index-item{display:grid;gap:5px!important;text-align:left!important;width:100%}.employee-diary-index-item.active{background:#4c2265;color:#fff}.employee-diary-index-item small{font-size:11px;font-weight:500}.employee-diary-page{padding:26px 31px;background:linear-gradient(90deg,#fff 0,#fff 96%,#f8f4fa 100%)}.employee-diary-page h3{margin:10px 0 20px;font:700 24px Outfit,Arial,sans-serif}.employee-diary-page-text{min-height:190px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;color:#493955}.employee-diary-editor{display:grid;gap:15px}.employee-diary-editor textarea{line-height:1.6}.employee-diary-editor-actions{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:760px){.employee-credential-actions{grid-template-columns:1fr}.employee-diary-book{grid-template-columns:1fr}.employee-diary-index{border-right:0;border-bottom:1px solid #e6dbea}.employee-diary-page{padding:22px}}
.employee-demo-personas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.employee-demo-personas small{grid-column:1/-1}.employee-persona-card{display:grid;justify-items:center;gap:6px;min-width:0;padding:8px 5px;border:1px solid #e3d4eb;border-radius:12px;background:#fff;color:#4b2262;cursor:pointer;font:700 12px 'DM Sans',Arial,sans-serif}.employee-persona-card[aria-pressed=true]{border-color:#75418e;background:#f7effa;box-shadow:inset 0 0 0 1px #75418e}.employee-persona-card img,.employee-persona-neutral{width:55px;height:55px;border-radius:50%;object-fit:cover;object-position:center 17%;background:#f2e8f7}.employee-persona-neutral{display:grid;place-items:center;font-size:23px}.employee-chat-conversation{display:grid;align-content:start;gap:15px;min-height:220px;max-height:42vh;overflow:auto;padding:14px 4px}.employee-chat-row{display:flex;align-items:flex-end;gap:8px}.employee-chat-row.user{justify-content:flex-end}.employee-chat-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#f2e8f7;color:#4b2262}.employee-chat-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 16%}.employee-chat-bubble{max-width:86%;padding:11px 14px;border-radius:14px;background:#f5eef8;color:#3d2750}.employee-chat-row.user .employee-chat-bubble{background:#4c2265;color:#fff}.employee-chat-bubble small{font-size:10px;font-weight:800;opacity:.7}.employee-chat-bubble p{margin:5px 0 0!important;line-height:1.5;font-size:13px}.employee-diary-cover-wrap{display:grid;justify-items:center;gap:15px;padding:22px;border-radius:17px;background:#eee6f2}.employee-diary-cover-wrap>.employee-diary-info{max-width:610px;text-align:center;margin:0}.employee-diary-cover{position:relative;display:grid;align-content:center;justify-items:center;gap:13px;width:min(360px,100%);min-height:260px;border:0;border-radius:6px 22px 22px 6px;background:linear-gradient(90deg,#321740 0,#5a2b72 11%,#48215f 15%,#673887 100%);box-shadow:10px 13px 0 #e7d9b9,13px 17px 25px #2a143d55;color:#fff;cursor:pointer;transform-origin:left center;transition:transform .35s ease,box-shadow .35s ease}.employee-diary-cover:hover{transform:perspective(900px) rotateY(-12deg);box-shadow:15px 13px 0 #e7d9b9,20px 20px 28px #2a143d55}.employee-diary-cover strong{font:700 33px Georgia,serif}.employee-diary-cover small{color:#efe1f5}.employee-diary-cover-symbol{font-size:34px;color:#e8c879}.employee-diary-legacy{display:grid;gap:12px;max-width:520px;margin:auto;padding:24px;border:1px solid #e7dceb;border-radius:15px;background:#fff}.employee-diary-legacy label{display:grid;gap:7px}.employee-diary-legacy input{padding:10px;border:1px solid #d9c9e2;border-radius:9px}.employee-diary-book-head{margin:10px 0 17px}.employee-diary-spread{display:grid;grid-template-columns:1fr 1fr;min-height:440px;perspective:1100px;filter:drop-shadow(0 18px 18px #25102f25);animation:employee-book-open .45s ease both}.employee-diary-left-page,.employee-diary-right-page{min-width:0;padding:30px 34px;background:#fffdf7;border:1px solid #e5ddc9}.employee-diary-left-page{border-radius:16px 0 0 16px;box-shadow:inset -16px 0 25px #49332810}.employee-diary-right-page{border-radius:0 16px 16px 0;box-shadow:inset 16px 0 24px #4933280e}.employee-diary-page-number{display:block;font-size:11px;letter-spacing:.12em;font-weight:800;color:#8a6b92}.employee-diary-left-page h3,.employee-diary-right-page h3{margin:10px 0 20px;font:700 24px Georgia,serif;color:#3c234e}.employee-diary-page-link{display:grid!important;gap:3px;width:100%;margin:0 0 8px;padding:10px 12px;border:0;border-bottom:1px solid #e9dfca;background:transparent;color:#4c2b60;text-align:left;cursor:pointer;font:700 14px 'DM Sans',Arial,sans-serif}.employee-diary-page-link.active{background:#f1e8f4;border-radius:8px}.employee-diary-page-link small{font-size:11px;color:#8a6b92}.employee-diary-page-text{min-height:260px;white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.75 Georgia,serif;color:#3c3141}.employee-diary-page-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.employee-diary-page-form{display:grid;gap:13px}.employee-diary-page-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.employee-diary-page-form input,.employee-diary-page-form textarea{width:100%;padding:10px;border:1px solid #e5ddc9;border-radius:6px;background:repeating-linear-gradient(#fffdf7,#fffdf7 31px,#eee3d8 32px);font:15px/1.6 Georgia,serif}.employee-diary-page-form textarea{resize:vertical;min-height:240px}@keyframes employee-book-open{from{opacity:.65;transform:perspective(1100px) rotateY(-8deg) scale(.97)}to{opacity:1;transform:perspective(1100px) rotateY(0) scale(1)}}
@media(max-width:760px){.employee-diary-spread{grid-template-columns:1fr}.employee-diary-left-page{border-radius:15px 15px 0 0;border-bottom:0;max-height:210px;overflow:auto}.employee-diary-right-page{border-radius:0 0 15px 15px;min-height:350px}.employee-diary-cover{min-height:220px}.employee-demo-personas{gap:5px}.employee-persona-card img,.employee-persona-neutral{width:60px;height:60px}}
.employee-diary-cover-wrap{perspective:1200px;overflow:hidden}
.employee-diary-cover.opening{pointer-events:none;animation:employee-cover-flip .42s cubic-bezier(.42,0,.2,1) forwards}
.employee-diary-cover.returning{animation:employee-cover-return .42s cubic-bezier(.2,.7,.2,1) both}
.employee-diary-spread{animation:none;transform-origin:left center}
.employee-diary-spread.opening{animation:employee-book-open .5s cubic-bezier(.18,.75,.25,1) both}
.employee-diary-spread.closing{pointer-events:none;animation:employee-book-close .39s cubic-bezier(.55,0,.8,.4) forwards}
.employee-diary-book-head.closing{pointer-events:none;animation:employee-head-close .3s ease-in forwards}
@keyframes employee-cover-flip{from{transform:perspective(1200px) rotateY(0);opacity:1}to{transform:perspective(1200px) rotateY(-78deg);opacity:.12}}
@keyframes employee-cover-return{from{transform:perspective(1200px) rotateY(-78deg);opacity:.12}to{transform:perspective(1200px) rotateY(0);opacity:1}}
@keyframes employee-book-close{from{transform:perspective(1100px) rotateY(0) scale(1);opacity:1}to{transform:perspective(1100px) rotateY(-12deg) scale(.93);opacity:0}}
@keyframes employee-head-close{to{opacity:0;transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.employee-diary-cover.opening,.employee-diary-cover.returning,.employee-diary-spread.opening,.employee-diary-spread.closing,.employee-diary-book-head.closing{animation:none!important}}
.employee-diary-flying-cover{position:fixed!important;z-index:9999!important;min-height:0!important;margin:0!important;pointer-events:none!important;transform-origin:left center;backface-visibility:hidden;will-change:transform,left,top,width,height}
.employee-diary-section.diary-transitioning{pointer-events:none}
.employee-workspace-active .employee-demo-hero{min-height:104px;margin-bottom:12px;padding:13px 22px;gap:2px;align-content:center}
.employee-workspace-active .employee-demo-spark{position:absolute;left:22px;top:15px;font-size:17px}
.employee-workspace-active .employee-demo-hero-copy{padding-left:27px;font-size:10px}
.employee-workspace-active .employee-demo-hero strong{font-size:24px;line-height:1.1}
.employee-workspace-active .employee-demo-hero small{font-size:12px}
.employee-workspace-active .employee-demo-arrow{right:22px;bottom:28px;font-size:22px}
.employee-workspace-active .employee-diary-section{margin-top:12px}
.company-workspace-active .employee-demo-hero{min-height:104px;margin-bottom:12px;padding:13px 22px;gap:2px;align-content:center}
.company-workspace-active .employee-demo-spark{position:absolute;left:22px;top:15px;font-size:17px}
.company-workspace-active .employee-demo-hero-copy{padding-left:27px;font-size:10px}
.company-workspace-active .employee-demo-hero strong{font-size:24px;line-height:1.1}
.company-workspace-active .employee-demo-hero small{font-size:12px}
.company-workspace-active .employee-demo-arrow{right:22px;bottom:28px;font-size:22px}
.company-workspace-active .employee-diary-section{margin-top:12px}
@media(max-width:650px){.employee-workspace-active .employee-demo-hero{min-height:100px;padding:12px 18px}.employee-workspace-active .employee-demo-spark{left:18px;top:13px}.employee-workspace-active .employee-demo-hero strong{font-size:21px}}
.employee-diary-section.diary-opening .employee-diary-spread,.employee-diary-section.diary-opening .employee-diary-book-head{animation:employee-diary-pages-reveal .76s linear both}
@keyframes employee-diary-pages-reveal{0%,86%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.employee-diary-section.diary-opening .employee-diary-spread,.employee-diary-section.diary-opening .employee-diary-book-head{animation:none}}
.employee-diary-cover-wrap{min-height:460px;align-content:center;gap:0;padding:14px 20px;background:radial-gradient(circle at 50% 55%,#f8f3fa,#f1e9f5 70%);overflow:visible}
.employee-diary-cover{display:grid;justify-items:center;align-content:center;gap:0;width:min(440px,100%);min-height:0;padding:0;border:0;background:transparent;box-shadow:none;transform:none;filter:drop-shadow(0 18px 17px #34173f38)}
.employee-diary-cover:hover{transform:translateY(-5px) scale(1.025);box-shadow:none}
.employee-diary-cover:focus-visible{outline:3px solid #8753a2;outline-offset:4px;border-radius:18px}
.employee-diary-cover-image{display:block;width:100%;height:auto;max-height:470px;object-fit:contain}
.employee-diary-cover-hint{position:relative;margin-top:-36px;padding:7px 15px;border-radius:999px;background:#fff;color:#4c2265;font:700 12px 'DM Sans',Arial,sans-serif;box-shadow:0 5px 15px #34173f21}
.employee-diary-cover-hint{display:inline-flex;align-items:center;gap:7px;margin-top:0;padding:5px 10px;border:1px solid #f3d59370;border-radius:999px;background:#fff1b014;color:#fbe5ae;font:700 11px 'DM Sans',Arial,sans-serif;letter-spacing:.01em;box-shadow:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.employee-diary-cover-hint::before{content:'';width:6px;height:6px;border-radius:50%;background:conic-gradient(#138fe6 0 25%,#f5a300 25% 50%,#78bb16 50% 75%,#982db4 75%);box-shadow:0 0 0 2px #fff}
.employee-diary-cover:hover .employee-diary-cover-hint{background:#fff1b02a;border-color:#f3d593b0;color:#fff3d4}
.employee-diary-animation{position:relative;display:grid;place-items:center;min-height:460px;border-radius:17px;background:radial-gradient(circle at 50% 55%,#f8f3fa,#f1e9f5 70%);overflow:hidden}
.employee-diary-animation-frame{grid-area:1/1;display:block;width:min(550px,100%);height:440px;object-fit:contain;opacity:0;transition:opacity .08s linear;filter:drop-shadow(0 15px 15px #34173f30)}
.employee-diary-animation-frame.active{opacity:1}
.employee-diary-spread{position:relative;gap:3px;padding:14px;border:3px solid #4d0c4d;border-radius:17px;background:linear-gradient(135deg,#350936,#6b1b64 58%,#3a0b40);box-shadow:0 18px 26px #30123635,0 3px 0 #bc8a20,inset 0 0 0 2px #d7a321;filter:none}
.employee-diary-left-page,.employee-diary-right-page{position:relative;background:repeating-linear-gradient(to bottom,#fffaf0 0,#fffaf0 37px,#efdcaf 38px,#fffaf0 39px);border:1px solid #d5ac45;min-height:420px}
.employee-diary-left-page{border-radius:10px 2px 2px 10px;box-shadow:inset -20px 0 23px #6b3d2121}
.employee-diary-right-page{border-radius:2px 10px 10px 2px;box-shadow:inset 20px 0 23px #6b3d2121}
.employee-diary-left-page:before,.employee-diary-right-page:before{content:'';position:absolute;inset:10px;border:1px solid #d9a625;border-radius:9px;pointer-events:none}
.employee-diary-book-head{justify-content:flex-end}
.employee-diary-page-link{position:relative;z-index:1;background:#fffaf0cc;border:1px solid #eadab6;border-radius:9px}
.employee-diary-page-link:hover,.employee-diary-page-link.active{background:#efe0f1;border-color:#ae7cbd}
.employee-diary-page-form,.employee-diary-page-controls,.employee-diary-page-text{position:relative;z-index:1}
@media(max-width:760px){.employee-diary-cover-wrap,.employee-diary-animation{min-height:360px}.employee-diary-cover{width:min(350px,100%)}.employee-diary-animation-frame{height:350px}.employee-diary-spread{grid-template-columns:1fr;gap:0}.employee-diary-left-page,.employee-diary-right-page{min-height:0}.employee-diary-left-page{border-radius:10px 10px 0 0;max-height:180px;overflow:auto}.employee-diary-right-page{border-radius:0 0 10px 10px;min-height:350px}}
.employee-diary-cover-wrap{min-height:520px}
.employee-diary-cover{width:min(490px,100%)}
.employee-diary-cover-image{max-height:520px}
.employee-diary-animation{width:min(100%,960px);min-height:0;aspect-ratio:960/820;margin:auto;background:transparent;overflow:visible}
.employee-diary-animation-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:none}
.employee-diary-spread{width:min(100%,960px);aspect-ratio:960/820;margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8%;padding:20% 11.5% 22% 12.5%;border:0;border-radius:0;background:url('/diary-open.webp') center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 18px 17px #34173f30);animation:employee-diary-reveal .32s ease-out both}
.employee-diary-left-page,.employee-diary-right-page{min-height:0;height:100%;overflow:auto;padding:8px 4px;background:transparent;border:0;border-radius:0;box-shadow:none}
.employee-diary-left-page:before,.employee-diary-right-page:before{display:none}
.employee-diary-left-page h3,.employee-diary-right-page h3{margin:7px 0 14px;font-size:21px}
.employee-diary-page-text{min-height:0;max-height:300px;overflow:auto;font-size:15px;line-height:1.6}
.employee-diary-page-form{gap:8px}
.employee-diary-page-form textarea{min-height:150px;max-height:210px}
.employee-diary-page-form input,.employee-diary-page-form textarea{background:#fffaf0c9}
.employee-diary-page-controls{margin-top:12px}
.employee-diary-leaf-controls{position:absolute;left:12%;right:11.5%;bottom:12%;display:flex;justify-content:space-between;gap:8px;pointer-events:none}
.employee-diary-leaf-button{pointer-events:auto!important;border:1px solid #dcb54a!important;border-radius:999px!important;background:#fff9e9ed!important;color:#4c2265!important;padding:7px 12px!important;font:700 12px 'DM Sans',Arial,sans-serif!important;box-shadow:0 4px 10px #38172d1f;cursor:pointer}
.employee-diary-leaf-button:last-child{margin-left:auto}
.employee-diary-leaf-button:hover{background:#f7e4ba!important;transform:translateY(-2px)}
@keyframes employee-diary-reveal{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){.employee-diary-cover-wrap{min-height:400px}.employee-diary-cover{width:min(370px,100%)}.employee-diary-animation{min-height:0;aspect-ratio:960/820}.employee-diary-animation-frame{height:100%}.employee-diary-spread{display:block;aspect-ratio:auto;padding:0;background:none;filter:none}.employee-diary-spread:before{content:'';display:block;width:100%;aspect-ratio:960/820;background:url('/diary-open.webp') center / contain no-repeat}.employee-diary-left-page,.employee-diary-right-page{height:auto;padding:20px 24px;border:1px solid #d5ac45;background:#fffaf0}.employee-diary-left-page{max-height:200px;border-radius:12px 12px 0 0}.employee-diary-right-page{min-height:350px;border-radius:0 0 12px 12px}.employee-diary-leaf-controls{position:static;margin:12px 0}}
.employee-diary-animation-still{display:block;width:100%;height:100%;object-fit:contain;transform-origin:16% center}
.employee-diary-3d-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block}
.employee-diary-cover{width:min(390px,100%)}
.employee-diary-cover-image{max-height:none}
.employee-diary-animation{aspect-ratio:1122/1120}
.employee-diary-spread{aspect-ratio:1122/1120;column-gap:5%;padding:21% 7.8% 25% 7.8%;background-image:url('/diary-front-open.webp')}
.employee-diary-left-page,.employee-diary-right-page{padding:2% 3%;scrollbar-width:thin;scrollbar-color:#bba58a transparent}
.employee-diary-left-page{padding-right:6%}
.employee-diary-right-page{padding-left:6%}
.employee-diary-leaf-controls{left:8%;right:8%;bottom:13%}
@media(max-width:760px){.employee-diary-animation{aspect-ratio:1122/1120}.employee-diary-spread{aspect-ratio:auto;padding:0;background:none}.employee-diary-spread:before{aspect-ratio:1122/1120;background-image:url('/diary-front-open.webp')}.employee-diary-left-page,.employee-diary-right-page{padding:20px 24px}.employee-diary-leaf-controls{position:static}}
.employee-diary-cover-wrap{min-height:0;padding:22px}
.employee-diary-cover{width:min(320px,42vh,100%)}
.employee-diary-cover-image{width:100%;height:auto;max-height:60vh;object-fit:contain}
.employee-diary-animation{width:min(100%,680px,88vh);aspect-ratio:1122/1120;overflow:hidden}
.employee-diary-animation-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center center}
.employee-diary-spread{width:min(100%,680px,88vh);aspect-ratio:1122/1120}
@media(max-width:760px){.employee-diary-cover{width:min(240px,70vw)}.employee-diary-cover-image{max-height:55vh}.employee-diary-animation{width:100%;max-width:min(100%,55vh);overflow:hidden}.employee-diary-spread{width:100%;max-width:100%;aspect-ratio:auto}}
@media(prefers-reduced-motion:reduce){.employee-diary-spread{animation:none!important}.employee-diary-cover{transition:none!important}}
.company-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.company-settings-grid>.company-work-card{margin:0;min-width:0}.company-settings-identity{display:flex;align-items:center;gap:14px;margin:26px 0}.company-settings-identity>div{display:grid;gap:3px;min-width:0}.company-settings-identity strong,.company-settings-identity small{overflow-wrap:anywhere}.company-settings-identity small{color:#71697e}.company-settings-avatar{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:#eee4f4;color:#4c2265;font-size:23px;font-weight:800}.company-settings-rows{border-top:1px solid #e9e0ed}.company-settings-rows>div{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 0;border-bottom:1px solid #e9e0ed}.company-settings-rows span{color:#71697e}.company-settings-rows strong{text-align:right;overflow-wrap:anywhere}.company-settings-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}.company-settings-actions button{min-height:44px;white-space:normal}.company-settings-note{margin:18px 0 0!important;font-size:12px}.company-account-dialog{width:min(470px,calc(100vw - 24px))}.company-settings-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.company-settings-form{display:grid;gap:16px}.company-settings-form label{display:grid;gap:7px;font-weight:700}.company-settings-form button{justify-self:start}@media(max-width:900px){.company-settings-grid{grid-template-columns:1fr}}@media(max-width:560px){.company-settings-actions{grid-template-columns:1fr}}
.company-academy-state{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:10px 0;padding:7px 11px;border-radius:999px;background:#f5edf8;color:#68338a;font-size:12px;font-weight:800}.company-academy-grid,.company-plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.company-academy-grid>.company-work-card{margin:0}.company-plan-option{display:grid;align-content:start;gap:10px;min-width:0;padding:20px;border:1px solid #e7dceb;border-radius:15px;background:#fff}.company-plan-option h3,.company-plan-option p{margin:0}.company-plan-option strong{font-size:22px}.company-plan-option a{justify-self:start;margin-top:6px;text-decoration:none}@media(max-width:720px){.company-academy-grid,.company-plan-options{grid-template-columns:1fr}}
.company-academy-hero{position:relative;isolation:isolate;overflow:hidden;min-height:290px;margin:0 0 26px;padding:clamp(26px,4vw,48px);border-radius:20px;background:radial-gradient(circle at 85% 30%,#70428e 0,transparent 30%),linear-gradient(115deg,#1a0d2a,#41205e 74%,#613174);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.company-academy-hero:after{content:"";position:absolute;z-index:-1;right:-48px;top:-115px;width:460px;height:460px;border:1px solid #ffffff2b;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff06}
.company-academy-eyebrow{display:block;color:#aaf05e;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.company-academy-hero h2{max-width:700px;margin:12px 0;font-size:clamp(28px,3.4vw,45px);line-height:1.06;letter-spacing:-.04em}
.company-academy-hero p{max-width:570px;margin:0 0 18px;color:#eadff1;font-size:15px;line-height:1.55}
.company-academy-access{display:inline-flex;padding:8px 12px;border:1px solid #ffffff40;border-radius:999px;background:#ffffff15;color:#fff;font-size:12px;font-weight:700}
.company-academy-section{margin:0 0 26px}.company-academy-section h2{margin:7px 0 17px;color:#301745;font-size:23px}.company-academy-section>.company-academy-eyebrow{color:#77418e}.company-academy-section>p{margin:-6px 0 18px;color:#706078;line-height:1.5}
.company-academy-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.company-academy-tile{min-width:0;overflow:hidden;border:1px solid #e7dfeb;border-radius:17px;background:#fff;box-shadow:0 10px 25px #29183a0a}.company-academy-cover{min-height:195px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(135deg,#512071,#29103e 65%,#121025)}.company-academy-cover-1{background:linear-gradient(135deg,#086e9c,#23124a 75%)}.company-academy-cover-2{background:linear-gradient(135deg,#94c943,#452263 75%)}.company-academy-cover-3{background:linear-gradient(135deg,#f0a323,#53206c 75%)}.company-academy-cover span{font-size:10px;font-weight:800;letter-spacing:.17em}.company-academy-cover strong{max-width:330px;font-size:clamp(21px,2vw,29px);line-height:1.06;letter-spacing:-.03em;overflow-wrap:anywhere}.company-academy-tile-body{padding:18px}.company-academy-tile-body h3{margin:0 0 7px;font-size:17px}.company-academy-tile-body p{margin:0;color:#706078;font-size:13px;line-height:1.5}.company-academy-tile-body .company-academy-state{margin:14px 0 0}.company-academy-lesson{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eee5f1;padding:12px 0;font-size:13px}.company-academy-lesson:first-of-type{margin-top:12px}.company-academy-lesson a{flex:0 0 auto;color:#4c2265;font-weight:800;text-decoration:none}.company-academy-empty{padding:23px;border:1px solid #e7dfeb;border-radius:15px;background:#fff;color:#706078;line-height:1.5}.company-academy-immersions{scroll-margin-top:110px}
@media(max-width:620px){.company-academy-hero{min-height:260px;padding:25px 21px}.company-academy-hero:after{right:-210px}.company-academy-hero h2{font-size:29px}.company-academy-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.company-academy-cover{min-height:165px;padding:15px}.company-academy-cover strong{font-size:20px}.company-academy-tile-body{padding:13px}.company-academy-tile-body h3{font-size:15px}}@media(max-width:390px){.company-academy-shelf{grid-template-columns:1fr}}
.company-notification-bell{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e5d9e9;border-radius:50%;background:#fff;color:#3a174f;font-size:17px;cursor:pointer}.company-notification-bell:hover{border-color:#9265a8;background:#faf4fc}
.company-account-avatar{padding:0;overflow:hidden}.company-account-avatar img{width:100%;height:100%;object-fit:cover}.company-settings-photo-button{position:relative;display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.company-settings-photo-button:focus-visible{outline:3px solid #9265a8;outline-offset:3px}.company-settings-photo-button .company-settings-avatar{width:56px;height:56px;object-fit:cover}.company-settings-photo-edit{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:23px;height:23px;border:2px solid #fff;border-radius:50%;background:#4c2265;color:#fff;font-size:12px}.company-settings-photo-note{display:block;margin:0 0 13px;color:#71697e}.company-settings-identity+input+.company-settings-photo-note+button{margin-bottom:7px}
.employee-persona-card img,.employee-persona-neutral{width:70px;height:70px}.employee-chat-avatar{width:42px;height:42px;flex:0 0 42px}
.company-role-badge{display:inline-flex;align-items:center;max-width:220px;padding:8px 12px;border:1px solid #ddc9e7;border-radius:999px;background:#f5eef8;color:#51286a;font-size:12px;font-weight:800;line-height:1.2;text-align:center}.company-topbar .company-top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}@media(max-width:700px){.company-role-badge{order:2;max-width:100%;font-size:11px}.company-status{order:3}.company-notification-bell,.company-account-avatar{order:1}}
.employee-role-badge{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #ddc9e7;border-radius:999px;background:#f5eef8;color:#51286a;font-size:11px;font-weight:800;white-space:nowrap}@media(max-width:650px){.employee-role-badge{display:none}}
.company-team-group{margin-top:16px;padding:15px 17px;border:1px solid #e7dceb;border-radius:13px;background:#fcfaff}.company-team-group h3{margin:0;color:#371948;font-size:16px}.company-team-group>p{margin:4px 0 10px;color:#796985;font-size:12px}.company-team-group .company-person-row:last-child{border-bottom:0}
.company-historical-layout{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);align-items:center;gap:24px;margin-top:18px}.company-historical-donut{position:relative;width:min(100%,230px);aspect-ratio:1}.company-historical-donut svg{display:block;width:100%;height:100%;overflow:visible}.company-historical-donut svg text{font:700 8px 'DM Sans',Arial,sans-serif}.company-historical-donut>span{position:absolute;inset:38%;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:800;color:#442454}.company-historical-legend{display:grid;gap:10px}.company-historical-legend>div{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border:1px solid #eee5f1;border-radius:9px}.company-historical-legend i{width:12px;height:12px;border-radius:50%}.company-historical-legend strong{white-space:nowrap}.company-historical-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.company-historical-badges>div{display:grid;gap:3px;min-width:0;padding:11px 13px;border:1px solid #e9dfed;border-radius:10px;background:#fcf9fd}.company-historical-badges small{color:#71697e}.company-historical-badges strong{overflow-wrap:anywhere}.company-historical-scores{display:grid;gap:9px;margin-top:20px}.company-historical-scores h3{margin:0 0 3px}.company-historical-scores>div{display:grid;grid-template-columns:90px minmax(0,1fr) 40px;align-items:center;gap:10px}.company-historical-details{margin-top:18px;border-top:1px solid #eee5f1;padding-top:15px}.company-historical-details summary{cursor:pointer;color:#4c2265;font-weight:800}.company-historical-details>div{padding:11px 0;border-bottom:1px solid #f1eaf3}.company-historical-details>div p{margin:4px 0 0;white-space:pre-wrap}@media(max-width:700px){.company-historical-layout{grid-template-columns:1fr;justify-items:center}.company-historical-legend{width:100%}.company-historical-badges{grid-template-columns:1fr}}
.company-historical-legend>div:nth-child(1) span{color:#007d83;font-weight:800}.company-historical-legend>div:nth-child(2) span{color:#bf4765;font-weight:800}.company-historical-legend>div:nth-child(3) span{color:#8b633f;font-weight:800}.company-historical-legend>div:nth-child(4) span{color:#536d89;font-weight:800}
.company-reaction-card{margin:18px 0;padding:20px;border:1px solid #e8dcec;border-radius:18px;background:#fcf9fd}.company-reaction-card h2{font-size:20px}.company-reaction-card .company-historical-layout{grid-template-columns:minmax(145px,210px) minmax(0,1fr);gap:18px}.company-reaction-card .company-historical-donut svg circle[role=button]{cursor:pointer}.company-historical-legend>button{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:8px 10px;border:1px solid #eee5f1;border-radius:9px;background:#fff;color:#351b47;font:inherit;text-align:left;cursor:pointer}.company-historical-legend>button:hover,.company-historical-legend>button:focus-visible{border-color:#9b6db7;background:#f5edfa}.company-historical-legend>button span{font-weight:800}.company-historical-legend>button:nth-child(1) span{color:#007d83}.company-historical-legend>button:nth-child(2) span{color:#bf4765}.company-historical-legend>button:nth-child(3) span{color:#8b633f}.company-historical-legend>button:nth-child(4) span{color:#536d89}.company-reaction-results{margin-top:14px;padding:12px 14px;border-radius:10px;background:#f3eaf7}.company-reaction-results[hidden]{display:none}.company-reaction-results p{margin:6px 0 0}.company-reaction-results strong{color:#4c2265}@media(max-width:700px){.company-reaction-card .company-historical-layout{grid-template-columns:1fr;justify-items:center}}
.company-reaction-card .company-historical-layout{grid-template-columns:minmax(0,1fr) minmax(145px,210px)}
.company-reaction-card .company-historical-legend{order:1}
.company-reaction-card .company-historical-donut{order:2}
.company-reaction-card .company-historical-donut>span{inset:33%;font-size:15px}
.company-reaction-card .company-historical-donut{width:186px;max-width:100%;justify-self:center}
.company-reaction-card .company-historical-donut>span{inset:27%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #eee7f0}
.company-reaction-card .company-historical-donut>span strong{font-size:27px;line-height:1;color:#351947}
.company-reaction-card .company-historical-donut>span small{font-size:10px;color:#74627e}
.company-reaction-card h2{font-size:18px}
.company-reaction-card .company-historical-legend>button{min-height:32px;padding:4px 0;border:0;border-bottom:1px solid #eee7f0;border-radius:0;background:transparent;font-size:12px}
.company-reaction-card .company-historical-legend>button:hover,.company-reaction-card .company-historical-legend>button:focus-visible{background:#f5edfa}
.company-chart-switch{display:inline-flex;gap:4px;margin:14px 0 0;padding:4px;border:1px solid #e4d6ea;border-radius:11px;background:#f6eff8}
.company-chart-switch button{min-height:36px;padding:7px 13px;border:0;border-radius:8px;background:transparent;color:#694a78;font:800 12px Inter,Arial,sans-serif;cursor:pointer}
.company-chart-switch button[aria-pressed=true]{background:#fff;color:#4b2063;box-shadow:0 2px 8px #3014401b}
.company-chart-switch{gap:2px;margin:10px 0 0;padding:3px;border-radius:999px;background:#f7f1f9;box-shadow:inset 0 0 0 1px #e8ddec}
.company-chart-switch button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:5px 10px;border-radius:999px;font-size:11px;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.company-chart-switch button::before{content:'';display:block;width:15px;height:15px;flex:none;background:url('/favicon-sera-health-64.png') center/contain no-repeat;opacity:.75;transition:transform .24s ease,opacity .18s ease}
.company-chart-switch button:hover{color:#4b2063;background:#fff9;transform:translateY(-1px)}
.company-chart-switch button:hover::before,.company-chart-switch button[aria-pressed=true]::before{opacity:1;transform:rotate(28deg)}
.company-chart-switch button:focus-visible{outline:2px solid #8050a0;outline-offset:2px}
.company-reaction-card .company-historical-donut{border:5px solid #fff;border-radius:50%;box-shadow:0 13px 30px #30123f20,0 0 0 1px #e9ddec;transition:transform .22s ease,box-shadow .22s ease}
.company-reaction-card .company-historical-donut:hover{transform:translateY(-2px);box-shadow:0 18px 34px #30123f28,0 0 0 1px #e9ddec}
.company-reaction-card .company-historical-donut svg circle[role=button]:hover,.company-reaction-card .company-historical-donut svg circle[role=button]:focus-visible{stroke-width:31;filter:drop-shadow(0 0 3px #32184288);outline:none}
.company-reaction-card[hidden]{display:none!important}
@media(max-width:600px){.company-chart-switch{display:inline-flex;width:auto;max-width:100%}.company-chart-switch button{flex:0 1 auto}}
@media(max-width:700px){.company-reaction-card .company-historical-layout{grid-template-columns:1fr}.company-reaction-card .company-historical-donut{order:1}.company-reaction-card .company-historical-legend{order:2}}
.company-historical-details button{border:0;background:transparent;padding:3px 0;color:#4c2265;font:800 14px 'DM Sans',Arial,sans-serif;cursor:pointer;text-align:left}.company-historical-details button:hover{text-decoration:underline}.company-historical-details button:focus-visible,.company-historical-dialog-header button:focus-visible{outline:2px solid #75449a;outline-offset:3px}.company-historical-dialog{width:min(620px,calc(100vw - 32px));max-height:min(78vh,780px);padding:0;border:1px solid #e8dcec;border-radius:18px;background:#fff;color:#281538;box-shadow:0 30px 90px #210b3580;overflow:hidden}.company-historical-dialog::backdrop{background:#1c0e2f80;backdrop-filter:blur(3px)}.company-historical-dialog-header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:23px 26px 18px;border-bottom:1px solid #eee6f0;background:#fcf9fd}.company-historical-dialog-header small{font-weight:800;letter-spacing:.1em;color:#825494}.company-historical-dialog-header h3{margin:7px 0 0;font-size:21px}.company-historical-dialog-header button{width:34px;height:34px;flex:none;border:1px solid #e7dceb;border-radius:50%;background:#fff;color:#532969;font-size:25px;line-height:1;cursor:pointer}.company-historical-dialog-body{max-height:calc(min(78vh,780px) - 100px);overflow:auto;padding:8px 26px 22px}.company-historical-dialog-body>div{padding:16px 0;border-bottom:1px solid #eee6f0}.company-historical-dialog-body>div:last-child{border-bottom:0}.company-historical-dialog-body strong{font-size:13px;color:#54226d}.company-historical-dialog-body p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;color:#51415c}@media(max-width:600px){.company-historical-dialog-header{padding:18px}.company-historical-dialog-body{padding:4px 18px 18px}}
@media(max-width:600px){.company-diagnostic-dialog,.company-account-dialog{width:calc(100vw - 20px);max-width:none;max-height:calc(100dvh - 20px);padding:18px}.company-diagnostic-dialog input,.company-account-dialog input{max-width:100%;min-width:0}.company-settings-dialog-head h2{font-size:20px}.company-person-row{min-width:0}.company-person-row>div{max-width:100%;min-width:0}.company-person-row small{overflow-wrap:anywhere}}
.company-manager-dialog{width:min(540px,calc(100vw - 24px))}.company-manager-dialog .company-person-form label{grid-column:1/-1}.company-manager-dialog .company-person-form button{width:100%;justify-self:stretch;min-height:44px}.company-manager-dialog .company-feedback{grid-column:1/-1;margin:0}.company-page-head>.company-primary{margin-top:15px}@media(max-width:600px){.company-manager-dialog .company-person-form{grid-template-columns:1fr}.company-manager-dialog .company-person-form button{grid-column:1/-1}}
.company-dashboard .company-page-head{display:none}
.company-dashboard .company-overview-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:136px;margin:0 0 22px;padding:26px 36px;border-radius:22px;background:linear-gradient(105deg,#34285c 0%,#56276b 58%,#704270 100%);box-shadow:0 16px 38px #30144515}
.company-dashboard .company-overview-hero::after{content:'';position:absolute;left:26%;right:25%;bottom:0;height:3px;background:linear-gradient(90deg,#138ce5,#ef9f13,#8fc923,#9235ba)}
.company-dashboard .company-overview-hero{position:relative}
.company-dashboard .company-overview-hero h2{margin:0;color:#fff;font:800 clamp(25px,3vw,38px)/1.12 Inter,Arial,sans-serif;letter-spacing:-.035em}
.company-overview-hero-action{flex:none;min-height:47px;padding:11px 20px;border:0;border-radius:12px;background:#fff;color:#351b4c;font:800 14px Inter,Arial,sans-serif;box-shadow:0 7px 18px #180a2940;cursor:pointer}
.company-overview-hero-action:hover{transform:translateY(-2px);box-shadow:0 12px 22px #180a2950}
.company-overview-hero-action:focus-visible,.company-department-manage:focus-visible{outline:3px solid #c9a5e2;outline-offset:3px}
.company-dashboard .company-department-explorer{grid-template-columns:minmax(275px,32%) minmax(0,1fr);gap:18px;align-items:stretch;margin-bottom:24px}
.company-dashboard .company-department-explorer>.company-work-card{padding:26px 28px;border:1px solid #e7dfeb;border-radius:19px;box-shadow:0 12px 30px #29183a0b;min-height:450px}
.company-department-list-head,.company-department-list-head>div{display:flex;align-items:center;gap:12px}
.company-department-list-head{justify-content:space-between}
.company-department-list-head h2{margin:0!important;font:800 26px Inter,Arial,sans-serif!important;letter-spacing:-.03em}
.company-department-count{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:50%;background:#f0e6f6;color:#612e7b;font-weight:800}
.company-department-manage{border:0;background:transparent;color:#693881;font:800 13px Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.company-department-manage:hover{text-decoration:underline}
.company-dashboard .company-department-picker{gap:9px;margin-top:26px}
.company-dashboard .company-department-picker button{min-height:76px;padding:14px 16px;border:1px solid transparent;border-radius:15px;background:#f8f5fa}
.company-dashboard .company-department-picker button.active{border-color:#b993cb;background:#f0e5f6;box-shadow:inset 4px 0 #754196}
.company-dashboard .company-department-picker button strong{font-weight:800}
.company-dashboard .company-department-picker button small{padding:6px 9px;border-radius:20px;background:#efe5f3;color:#5e3376;font-weight:800}
.company-dashboard .company-department-picker>p{max-width:26ch;margin:0;color:#766b7f;line-height:1.55}
.company-department-detail-head{align-items:flex-start}
.company-department-detail-head h2{margin:0!important;font:800 clamp(23px,2.5vw,29px) Inter,Arial,sans-serif!important}
.company-department-detail-head .company-person-kind{display:inline-flex;margin-top:9px}
.company-department-summary{display:flex;align-items:baseline;gap:12px;margin:25px 0 27px;padding:17px 20px;border-radius:14px;background:#f5eff8;color:#5a2b75}
.company-department-summary strong{font-size:29px;line-height:1}
.company-department-summary span{font-size:13px}
.company-department-chart{padding:24px 26px;border:1px solid #e9ddec;border-radius:16px;background:#fbf9fc}
.company-department-chart h3,.company-department-members h3{margin:0 0 8px;font:800 20px Inter,Arial,sans-serif}
.company-department-chart>p{font-size:13px;line-height:1.5}
.company-department-chart .company-private-state{margin-top:22px!important}
.company-department-chart .company-evaluation-bars{margin-top:20px}
.company-department-members{border-top:1px solid #ece2ef;padding-top:21px}
.company-department-members h3{margin-bottom:15px}
@media(max-width:950px){.company-dashboard .company-department-explorer{grid-template-columns:1fr}.company-dashboard .company-department-explorer>.company-work-card{min-height:0}.company-dashboard .company-department-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}}
@media(max-width:600px){.company-dashboard .company-overview-hero{min-height:0;align-items:stretch;flex-direction:column;padding:23px 20px;gap:18px;margin-bottom:14px;border-radius:17px}.company-dashboard .company-overview-hero h2{font-size:25px}.company-overview-hero-action{width:100%;min-height:44px}.company-dashboard .company-department-explorer{gap:12px;margin-bottom:16px}.company-dashboard .company-department-explorer>.company-work-card{padding:19px 20px}.company-department-list-head h2{font-size:22px!important}.company-dashboard .company-department-picker{margin-top:15px;gap:8px}.company-dashboard .company-department-picker button{min-height:70px;padding:11px}.company-dashboard .company-department-picker button small{padding:3px 7px;font-size:11px}.company-department-summary{margin:18px 0;padding:14px 15px}.company-department-chart{padding:17px}.company-department-chart h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.company-overview-hero-action:hover{transform:none}}

/* Alinhamento visual com o painel comercial SERÁ. */
.company-workspace-active .company-shell{grid-template-columns:232px minmax(0,1fr);font-family:Inter,Arial,sans-serif}
.company-workspace-active .company-shell button,.company-workspace-active .company-shell input,.company-workspace-active .company-shell select,.company-workspace-active .company-shell textarea{font-family:Inter,Arial,sans-serif}
.company-workspace-active .company-sidebar{gap:10px;background:#23132e;padding:18px 12px 16px}
.company-workspace-active .company-brand{display:grid;justify-items:center;gap:0;margin:0;padding:2px 8px 15px;width:100%}
.company-workspace-active .company-brand img{width:100%;max-width:196px;height:80px;object-fit:contain;padding:12px 10px;border-radius:17px;border:1px solid #ffffffa8;background:linear-gradient(145deg,#fff 4%,#f9f5fc 58%,#ece3f4 100%);box-shadow:inset 0 2px 3px #fff,inset 0 -2px 4px #c9b5d25c,0 11px 18px #0d061c75,0 2px 2px #1409229c;transform:perspective(400px) rotateX(2deg);filter:drop-shadow(0 1px 0 #ffffff42)}
.company-workspace-active .company-sidebar-title{padding:11px 8px 10px;border-top:1px solid #ffffff25}
.company-workspace-active .company-sidebar-title-text{min-width:0;flex:1}
.company-workspace-active .company-sidebar-title small{font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.company-workspace-active .company-sidebar-title strong{font-size:16px}
.company-workspace-active .company-navigation{gap:3px;align-content:start}
.company-workspace-active .company-navigation button{min-height:43px;gap:10px;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:700}
.company-workspace-active .company-nav-symbol{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px}
.company-workspace-active .company-nav-symbol svg{display:block;width:17px;height:17px;overflow:visible}
@media(min-width:901px){.company-workspace-active .company-sidebar-collapsed .company-nav-symbol svg{width:19px;height:19px}}
.company-workspace-active .company-topbar{min-height:68px;padding:10px clamp(18px,2.4vw,32px)}
.company-workspace-active .company-topbar small{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#93769f}
.company-workspace-active .company-topbar strong{font-size:16px;font-weight:800}
.company-workspace-active .company-content{max-width:1420px;padding:24px clamp(18px,2.4vw,32px) 54px}
.company-workspace-active .company-dashboard .company-overview-hero{min-height:142px;margin-bottom:22px;padding:25px 30px;border-radius:18px}
.company-workspace-active .company-dashboard .company-overview-hero h2{font-size:clamp(25px,2.7vw,36px)}
.company-workspace-active .company-dashboard .company-department-explorer>.company-work-card{padding:20px 22px;border-radius:15px}
.company-workspace-active .company-department-list-head h2{font-size:24px!important}
.company-workspace-active .company-dashboard .company-department-picker{margin-top:20px}
.company-workspace-active .company-dashboard .company-department-picker button{min-height:68px;padding:12px 14px}
@media(min-width:901px){.company-workspace-active .company-shell.company-sidebar-collapsed{grid-template-columns:62px minmax(0,1fr)!important}.company-workspace-active .company-sidebar-collapsed .company-sidebar{padding-inline:8px}.company-workspace-active .company-sidebar-collapsed .company-brand{display:grid!important;place-items:center;height:68px;margin:0;padding:3px 0 12px}.company-workspace-active .company-sidebar-collapsed .company-brand img{display:none}.company-workspace-active .company-sidebar-collapsed .company-brand::before{content:'';display:block;width:44px;height:44px;border-radius:50%;background:#fff url('/favicon-sera-health-64.png?v=4') center/contain no-repeat;box-shadow:0 6px 16px #0d061c75,0 0 0 1px #ffffffb3}.company-workspace-active .company-sidebar-collapsed .company-sidebar-title{padding:0 0 10px}.company-workspace-active .company-sidebar-collapsed .company-sidebar-title-text{display:none}}
@media(max-width:900px){.company-workspace-active .company-shell{grid-template-columns:minmax(0,1fr)}.company-workspace-active .company-sidebar{padding:18px 12px}.company-workspace-active .company-brand{margin:0 0 8px}.company-workspace-active .company-brand img{max-width:196px}.company-workspace-active .company-content{padding:20px 16px 44px}}
@media(max-width:600px){.company-workspace-active .company-topbar{min-height:64px;padding:10px 14px}.company-workspace-active .company-topbar strong{font-size:16px}.company-workspace-active .company-content{padding:18px 14px 40px}.company-workspace-active .company-dashboard .company-overview-hero{min-height:0;padding:20px;border-radius:17px}.company-workspace-active .company-dashboard .company-department-explorer>.company-work-card{padding:18px}.company-workspace-active .company-dashboard .company-department-picker{margin-top:14px}.company-workspace-active .company-dashboard .company-department-picker button{min-height:62px}.company-workspace-active .company-dashboard .company-department-picker>p{grid-column:1/-1;max-width:none;line-height:1.45}}

/* Visão geral: mesma escala e sequência de leitura do painel comercial. */
.company-workspace-active .company-dashboard .company-overview-hero{min-height:105px;margin-bottom:18px;padding:22px 29px}
.company-workspace-active .company-dashboard .company-overview-hero h2{font-size:clamp(22px,2.3vw,31px)}
.company-workspace-active .company-overview-hero-action{min-height:38px;padding:0 18px;font-size:13px}
.company-workspace-active .company-dashboard .company-department-explorer{gap:14px;margin-bottom:20px}
.company-workspace-active .company-dashboard .company-department-explorer>.company-work-card{min-height:360px;padding:20px 22px}
.company-workspace-active .company-department-list-head h2{font-size:21px!important}
.company-workspace-active .company-department-list-head h2{font-size:23px!important}
.company-workspace-active .company-department-detail-head h2{font-size:23px!important}
.company-workspace-active .company-dashboard .company-department-picker{margin-top:20px}
.company-workspace-active .company-dashboard .company-department-picker button{min-height:62px;padding:10px 13px;border-radius:12px}
.company-workspace-active .company-department-summary{margin:16px 0;padding:13px 17px}
.company-workspace-active .company-department-chart{padding:18px 20px}
.company-workspace-active .company-department-chart h3{font-size:18px}
.company-overview-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.company-overview-insights>.company-work-card{min-width:0;margin:0;padding:20px 22px;border:1px solid #e7dfeb;border-radius:15px;background:#fff}
.company-overview-insights>.company-work-card h2{margin:7px 0 0;font-size:19px}
.company-overview-insights>.company-work-card>p{font-size:13px}
.company-overview-reading-list{max-height:350px;overflow:auto}
.company-overview-reading-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 0;border:0;border-top:1px solid #eee7f1;background:transparent;color:#2b173d;text-align:left;cursor:pointer}
.company-overview-reading-row>span:first-child{display:grid;gap:3px;min-width:0}
.company-overview-reading-row strong{font-size:13px}
.company-overview-reading-row small{font-size:11px;color:#786986}
.company-overview-reading-row .company-research-received{color:#287341;font-weight:700}
.company-overview-reading-row:hover strong{text-decoration:underline}
.company-overview-reading-row:focus-visible{outline:3px solid #9469b0;outline-offset:2px}
.company-overview-insights>.company-work-card{min-height:150px;box-shadow:0 7px 24px #25142f07}
.company-overview-insights.has-selection{grid-template-columns:minmax(0,1fr)}
.company-overview-insights.has-selection>.company-work-card{padding:20px 22px}
.company-overview-insights>.company-work-card>p{line-height:1.5;color:#776681}
.company-overview-empty-state{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:7px 11px;border:1px solid #e9deed;border-radius:999px;background:#faf7fb;color:#70547e;font-size:11px;font-weight:750}
.company-overview-empty-state::before{content:'';width:6px;height:6px;border-radius:50%;background:#9d7bad}
.company-overview-reading-detail{margin-top:14px;padding:16px;border:1px solid #e9deed;border-radius:12px;background:#fcf9fd}
.company-overview-reading-detail[hidden]{display:none}
.company-overview-reading-detail h3{margin:6px 0;font-size:18px}
.company-overview-reading-detail p{margin:0;color:#776681;font-size:13px}
.company-overview-reading-detail .company-secondary{margin-top:13px}
.company-workspace-active .company-navigation button{min-height:37px;padding:8px 12px}
@media(max-width:950px){.company-overview-insights{grid-template-columns:1fr}.company-workspace-active .company-dashboard .company-department-explorer>.company-work-card{min-height:0}}
@media(max-width:600px){.company-overview-insights{gap:12px}.company-workspace-active .company-dashboard .company-overview-hero{min-height:0;padding:20px}.company-workspace-active .company-dashboard .company-department-explorer>.company-work-card,.company-overview-insights>.company-work-card{padding:18px}}

/* Cabeçalho: mesma hierarquia de notificações e perfil do painel comercial. */
.company-workspace-active .company-topbar .company-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap;min-width:0}
.company-workspace-active .company-notification-bell{display:grid;place-items:center;flex:none;order:0;width:40px;height:40px;padding:0;border:1px solid #e7e0e9;border-radius:11px;background:#fff;color:#48235f}
.company-workspace-active .company-notification-bell svg{width:20px;height:20px}
.company-workspace-active .company-notification-bell:hover{background:#f5edf8;border-color:#e7e0e9}
.company-header-identity{display:flex;align-items:center;gap:9px;max-width:260px;min-width:0;padding:2px 0 2px 13px;border:0;border-left:1px solid #e9e0ed;background:transparent;color:#281538;font:inherit;cursor:pointer}
.company-header-identity:hover .company-header-person strong{color:#683786}
.company-header-identity:focus-visible,.company-notification-bell:focus-visible{outline:3px solid #a36ac2;outline-offset:3px}
.company-topbar .company-header-person{display:grid;min-width:0;text-align:right}
.company-topbar .company-header-person strong{display:block;max-width:178px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 13px Inter,Arial,sans-serif;letter-spacing:-.015em}
.company-workspace-active .company-account-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border:0;border-radius:50%;background:#efe3f5;color:#51296d;font:900 15px Inter,Arial,sans-serif;overflow:hidden;cursor:inherit}
.company-workspace-active .company-account-avatar img{width:100%;height:100%;object-fit:cover}
.company-profile-chevron{font-size:15px;color:#806c8c;margin-left:1px}
.company-account-menu{position:relative;display:block;min-width:0}
.company-account-popover[hidden]{display:none!important}
.company-account-popover{position:absolute;top:calc(100% + 14px);right:0;z-index:30;width:min(310px,calc(100vw - 32px));padding:16px;background:#fff;border:1px solid #e5dce9;border-radius:16px;box-shadow:0 18px 44px #2513332b,0 2px 6px #25133312;display:grid;gap:5px;transform-origin:top right;animation:company-popover-in .18s ease-out both}
.company-account-popover:before{content:'';position:absolute;top:-6px;right:23px;width:11px;height:11px;background:#fff;border-top:1px solid #e5dce9;border-left:1px solid #e5dce9;transform:rotate(45deg)}
.company-topbar .company-popover-person{display:flex;align-items:center;gap:11px;padding:2px 2px 11px}
.company-popover-person .company-account-avatar{order:0;width:43px;height:43px}
.company-popover-person>span:last-child{display:grid;gap:3px;min-width:0}
.company-topbar .company-popover-person strong{font-size:14px;color:#8a7397;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.company-topbar .company-popover-person small{display:block;font-size:11px;color:#806b8b;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.company-account-popover p{font-size:12px;color:#75647f;overflow-wrap:anywhere;margin:0 2px 10px;padding-bottom:12px;border-bottom:1px solid #eee7f0}
.company-account-popover button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 10px;border:0;border-radius:9px;background:transparent;color:#3c2050;text-align:left;font:700 12px Inter,Arial,sans-serif;cursor:pointer}
.company-account-popover button:hover{background:#f7f1fa}.company-account-popover button:last-child{color:#785c84}
.company-account-popover button:focus-visible{outline:2px solid #a36ac2;outline-offset:2px}
@keyframes company-popover-in{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.company-account-popover{animation:none}}
@media(max-width:600px){.company-workspace-active .company-topbar .company-top-actions{gap:8px}.company-topbar .company-header-person,.company-profile-chevron{display:none}.company-header-identity{padding-left:8px}.company-workspace-active .company-notification-bell{width:38px;height:38px}}

/* Diretório de gestores: mesma escala e composição da aba Clientes do comercial. */
.company-workspace-active .company-managers-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:4px 0 5px}
.company-managers-heading-copy{min-width:0}.company-managers-heading-copy .company-section-label{color:#87509d;margin-bottom:9px}
.company-workspace-active .company-managers-heading h1{font-size:clamp(28px,2.5vw,36px);letter-spacing:-.045em;margin:0 0 5px}
.company-managers-heading p{font-size:13px;line-height:1.45}
.company-managers-heading .company-primary{flex:none;min-height:44px;padding:12px 18px;border-radius:11px;font:800 13px Inter,Arial,sans-serif;box-shadow:none}
.company-manager-directory{padding:20px 22px;border:1px solid #e7e0e9;border-radius:18px;background:#fff;box-shadow:0 8px 26px #25142f08}
.company-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.company-manager-toolbar label{display:grid;gap:6px;flex:1;max-width:420px;color:#776682;font-size:11px;font-weight:800;letter-spacing:.04em}
.company-manager-toolbar input{width:100%;height:44px;padding:0 13px;border:1px solid #e3d9e8;border-radius:10px;background:#fff;color:#281538;font:500 13px Inter,Arial,sans-serif}
.company-manager-toolbar input:focus-visible,.company-manager-toggle:focus-visible{outline:2px solid #8751a7;outline-offset:2px}
.company-manager-count{color:#81728a;font-size:12px;font-weight:800;white-space:nowrap}
.company-manager-archive-toggle{flex:none;padding:9px 11px;border:1px solid #eaddec;border-radius:9px;background:#faf6fc;color:#673c7b;font:750 11px Inter,Arial,sans-serif;cursor:pointer}.company-manager-archive-toggle:hover{background:#f1e8f5}.company-manager-archive-toggle:focus-visible{outline:2px solid #8751a7;outline-offset:2px}
.company-manager-list{display:grid;gap:9px}
.company-manager-entry{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e8e0eb;border-radius:13px;background:#fff;transition:border-color .2s,box-shadow .2s}
.company-manager-entry:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#0078d4,#f4a000,#76b813,#5b1a80);transform:scaleY(0);transition:transform .25s;pointer-events:none}
.company-manager-entry:hover,.company-manager-entry:has([aria-expanded="true"]){border-color:#c9abd8;box-shadow:0 9px 26px #35174514}
.company-manager-entry:hover:before,.company-manager-entry:has([aria-expanded="true"]):before{transform:scaleY(1)}
.company-manager-entry-line{display:flex;align-items:stretch}.company-manager-toggle{display:flex;align-items:center;gap:14px;flex:1;min-width:0;min-height:73px;padding:14px 17px;border:0;background:transparent;color:#281538;text-align:left;font:inherit;cursor:pointer}
.company-manager-toggle:hover,.company-manager-toggle[aria-expanded="true"]{background:linear-gradient(100deg,#fff,#fbf7fd)}
.company-manager-avatar{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:11px;background:#eee0f3;color:#6b2d88;font-size:18px;font-weight:900}
.company-manager-identity{display:grid;gap:4px;min-width:0;flex:1}.company-manager-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.company-manager-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#81728a;font-size:11px}
.company-manager-status{flex:none;padding:6px 10px;border-radius:999px;background:#f2e8f6;color:#5a2a72;font-size:11px;font-weight:800;white-space:nowrap}
.company-manager-mobile-count{display:none}
.company-manager-open{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;min-width:55px;padding:5px 7px;border:1px solid #eaddec;border-radius:999px;background:#faf5fc;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.company-manager-open img{display:block;width:22px;height:22px;object-fit:contain;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.company-manager-toggle:hover .company-manager-open,.company-manager-toggle[aria-expanded="true"] .company-manager-open{border-color:#d7c0e1;background:#fff;box-shadow:0 3px 10px #5b1a8015}.company-manager-toggle:hover .company-manager-open img{transform:rotate(90deg)}.company-manager-toggle[aria-expanded="true"] .company-manager-open img{animation:company-manager-mark-turn .65s ease both}.company-manager-chevron{display:block;width:15px;height:15px;flex:none;color:#714789;transition:transform .25s ease}.company-manager-trash{display:grid;place-items:center;align-self:center;flex:none;width:40px;height:40px;margin-right:12px;border:1px solid #eaddec;border-radius:10px;background:#fff;color:#8f6d91;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.company-manager-trash svg{width:18px;height:18px}.company-manager-trash:hover{color:#ab3659;border-color:#dfa6b7;background:#fff4f7}.company-manager-trash:focus-visible,.company-manager-actions button:focus-visible{outline:2px solid #8751a7;outline-offset:2px}
@keyframes company-manager-mark-turn{0%{transform:rotate(0deg) scale(.9)}65%{transform:rotate(390deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}
.company-manager-toggle[aria-expanded="true"] .company-manager-chevron{transform:rotate(180deg)}
.company-manager-details{padding:18px 20px 20px 76px;border-top:1px solid #eee7f0;background:#fdfbfe}.company-manager-details[hidden],.company-manager-empty[hidden]{display:none}
.company-manager-details dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 24px;margin:0}
.company-manager-details dt{margin-bottom:5px;color:#877790;font-size:11px}.company-manager-details dd{margin:0;overflow-wrap:anywhere;color:#321943;font-size:13px;font-weight:750}
.company-manager-access{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.company-manager-access>span{min-width:0;overflow-wrap:anywhere}.company-manager-reissue{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:5px 9px;border:1px solid #d9bfe3;border-radius:9px;background:#faf1fd;color:#57286e;font:800 11px Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.company-manager-reissue svg{width:15px;height:15px;flex:none}.company-manager-reissue:hover{background:#efddf7;border-color:#bb91cf;transform:translateY(-1px)}.company-manager-reissue:disabled{opacity:.6;cursor:wait;transform:none}.company-manager-reissue:focus-visible{outline:2px solid #8751a7;outline-offset:2px}
.company-manager-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:14px;border-top:1px solid #eee7f0}.company-manager-actions button{min-height:40px;padding:9px 14px;border:1px solid #cda9db;border-radius:10px;background:#f8f0fb;color:#512869;font:800 12px Inter,Arial,sans-serif;cursor:pointer}.company-manager-actions button:hover{background:#f0e2f6}
.company-participant-detail-actions{gap:8px;flex-wrap:wrap}
.company-workspace-active .company-dashboard .company-department-explorer--manager{grid-template-columns:minmax(250px,32%) minmax(0,1fr)}
.company-department-explorer--manager .company-department-list-head h2{font-size:21px!important}
.company-department-explorer--manager .company-department-picker{margin-top:15px}
.company-department-explorer--manager .company-department-picker button{min-height:58px}
.company-department-explorer--manager .company-department-picker .company-department-participant{margin-left:18px;min-height:48px;background:#fff;border:1px solid #eee4f1}
.company-workspace-active .company-dashboard .company-department-picker .company-department-tree{display:grid;gap:2px;margin:-9px 0 2px 27px;padding:0 0 0 14px;border-left:2px solid #e8d7ee;max-height:0;opacity:0;overflow:hidden;transition:max-height .36s ease,opacity .24s ease,margin .36s ease}
.company-workspace-active .company-dashboard .company-department-picker .company-department-tree.is-open{max-height:900px;opacity:1;margin:0 0 9px 27px}
.company-workspace-active .company-dashboard .company-department-picker .company-department-tree button{display:block;width:100%;min-height:0;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:#5c3a6c;text-align:left;font:700 12px Inter,Arial,sans-serif;box-shadow:none}
.company-workspace-active .company-dashboard .company-department-picker .company-department-tree button:hover,.company-workspace-active .company-dashboard .company-department-picker .company-department-tree button.active{background:#f1e7f5;color:#4f2367}
.company-department-tree-manager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:3px 0;padding:8px 9px;border-radius:7px;background:#f5ecf8;color:#633482;font-size:12px}
.company-department-tree-manager small{border-radius:999px;background:#68338a;color:#fff;padding:3px 6px;font-size:10px;font-weight:800}
.company-department-tree p{margin:6px 9px;color:#776784;font-size:12px}
.company-workspace-active .company-dashboard .company-department-list-head{flex-wrap:wrap;row-gap:8px}
.company-workspace-active .company-dashboard .company-department-picker{max-height:560px;overflow-y:auto;scrollbar-color:#b996c9 transparent;scrollbar-width:thin}
.company-workspace-active .company-dashboard .company-department-picker .company-department-tree.is-open{max-height:340px;overflow-y:auto;scrollbar-color:#b996c9 transparent;scrollbar-width:thin}
.company-workspace-active .company-dashboard .company-department-picker .company-department-tree .company-department-tree-person{padding-left:32px;background-image:url('/favicon-sera-health-64.png');background-repeat:no-repeat;background-position:8px center;background-size:16px}
.company-workspace-active .company-dashboard .company-department-picker .company-department-tree .company-department-tree-person:hover,.company-workspace-active .company-dashboard .company-department-picker .company-department-tree .company-department-tree-person.active{background-color:#f1e7f5}
.company-overview-reading-toolbar{display:flex;align-items:center;gap:10px;margin:12px 0 7px}
.company-overview-reading-toolbar[hidden],.company-overview-reading-list[hidden],.company-overview-insights>.company-work-card[hidden]{display:none!important}
.company-overview-reading-search{flex:1;min-width:0;min-height:38px;padding:8px 12px 8px 38px;border:1px solid #e2d3e8;border-radius:10px;background:#fbf8fc url('/favicon-sera-health-64.png') no-repeat 12px center;background-size:18px;color:#2b173d;font:600 12px Inter,Arial,sans-serif}
.company-overview-reading-search:focus{outline:2px solid #9567aa;outline-offset:1px;background-color:#fff}
.company-overview-reading-list{max-height:300px;scrollbar-color:#b996c9 transparent;scrollbar-width:thin}
.company-overview-reading-row[hidden]{display:none}
.company-overview-reading-row:hover{background:#fbf7fc}
@media(max-width:950px){.company-workspace-active .company-dashboard .company-department-picker .company-department-tree{grid-column:1/-1}}
@media(max-width:950px){.company-workspace-active .company-dashboard .company-department-explorer--manager{grid-template-columns:1fr}}
/* A visão geral usa a mesma régua visual do explorador comercial. */
.company-workspace-active .company-dashboard .company-department-explorer,.company-workspace-active .company-dashboard .company-department-explorer--manager{grid-template-columns:minmax(250px,.8fr) minmax(0,1.7fr);gap:14px;margin-bottom:14px}
.company-workspace-active .company-dashboard .company-department-explorer>.company-work-card{min-height:0;padding:20px 22px;border:1px solid #e7dfeb;border-radius:15px;box-shadow:0 7px 24px #25142f07}
.company-workspace-active .company-dashboard .company-department-picker{display:grid;gap:7px;max-height:540px;margin-top:18px;overflow:auto}
.company-workspace-active .company-dashboard .company-department-picker>button,.company-workspace-active .company-dashboard .company-department-explorer--manager .company-department-picker>.company-department-participant{display:flex;align-items:center;gap:12px;width:100%;min-height:0;margin:0;padding:11px;border:1px solid transparent;border-radius:12px;background:#faf8fb;color:#291437;text-align:left;box-shadow:none}
.company-workspace-active .company-dashboard .company-department-picker>button:hover,.company-workspace-active .company-dashboard .company-department-picker>button.active{border-color:#b992c8;background:#f1e8f6;box-shadow:none}
.company-picker-avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:11px;background:#eadcf1;color:#663882;font-size:16px;font-weight:800}
.company-picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800}
.company-picker-count{display:grid;place-items:center;min-width:29px;height:29px;flex:none;padding:0 7px;border-radius:999px;background:#eadcf1;color:#54256d;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.company-picker-chevron{flex:none;color:#7a468f;font-size:22px;line-height:1}
.company-workspace-active .company-dashboard .company-department-picker .company-department-tree{margin:-2px 0 8px 28px;padding-left:15px}
.company-workspace-active .company-dashboard .company-department-picker .company-department-tree.is-open{margin:5px 0 12px 28px}
.company-workspace-active .company-dashboard .company-department-picker .company-department-tree .company-department-tree-person{padding-left:9px;background-image:none}
.company-workspace-active .company-department-list-head h2,.company-workspace-active .company-department-detail-head h2{font-size:23px!important;line-height:1.15!important;letter-spacing:-.035em}
.company-workspace-active .company-dashboard .company-overview-hero{min-height:105px;padding:22px 29px;margin-bottom:18px;border-radius:18px}
.company-workspace-active .company-dashboard .company-overview-hero h2{font-size:clamp(22px,2.3vw,31px);font-weight:850;line-height:1.15;letter-spacing:-.035em}
.company-workspace-active .company-overview-hero-action{min-height:38px;padding:9px 16px;border:1px solid #ffffffbb;border-radius:10px;background:linear-gradient(160deg,#fff,#f2eaf8);color:#3f2054;font-size:12px;box-shadow:0 5px 14px #1b0b2761,inset 0 1px #fff}
.company-overview-insights{gap:14px;margin-bottom:14px}
.company-workspace-active .company-department-detail-head{align-items:center;gap:12px}
.company-workspace-active .company-department-detail-head .company-person-kind{display:inline-flex;align-items:center;margin:0;padding:5px 10px;border-radius:100px;background:#f1e8f6;color:#572b6d;font-size:12px;font-weight:700}
.company-explorer-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 22px}
.company-explorer-filters label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#6b5278}
.company-explorer-filters select{width:100%;height:44px;min-width:0;padding:0 12px;border:1px solid #ddd0e5;border-radius:10px;background:#fff;color:#291437;font:inherit}
@media(max-width:1100px){.company-workspace-active .company-dashboard .company-department-explorer,.company-workspace-active .company-dashboard .company-department-explorer--manager{grid-template-columns:1fr}.company-workspace-active .company-dashboard .company-department-picker{max-height:300px}}
@media(max-width:600px){.company-workspace-active .company-dashboard .company-overview-hero{min-height:0;padding:16px}.company-workspace-active .company-dashboard .company-department-picker{grid-template-columns:1fr}.company-workspace-active .company-dashboard .company-department-explorer>.company-work-card{padding:16px}}
@media(max-width:600px){.company-workspace-active .company-dashboard .company-department-picker>button,.company-workspace-active .company-dashboard .company-department-explorer--manager .company-department-picker>.company-department-participant{display:flex!important;align-items:center;min-height:64px;padding:10px 11px}.company-workspace-active .company-overview-hero-action{width:auto;align-self:flex-start;min-height:38px;padding:9px 16px}.company-workspace-active .company-dashboard .company-department-picker .company-department-tree{grid-column:auto}}
@media(max-width:650px){.company-overview-mobile-sheet{box-sizing:border-box;width:min(100vw,540px);height:min(96dvh,900px);max-width:none;max-height:none;margin:auto 0 0 auto;padding:0;border:0;border-radius:20px 20px 0 0;background:#f8f5fa;color:#2f193f;overflow-y:auto;overflow-x:hidden;font:14px Inter,Arial,sans-serif;box-shadow:0 -12px 55px #20102b50}.company-overview-mobile-sheet::backdrop{background:#1b0c2cb8}.company-overview-mobile-sheet>header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:10px 16px;background:#fff;border-bottom:1px solid #eee4f1}.company-overview-mobile-sheet>header strong{font-size:16px}.company-overview-mobile-sheet>header button{width:38px;height:38px;border:1px solid #e5d8eb;border-radius:10px;background:#f8f2fa;color:#4d2762;font-size:25px;cursor:pointer}.company-overview-sheet-nav{position:sticky;top:60px;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px 12px;background:#f8f5fa;border-bottom:1px solid #eee4f1}.company-overview-sheet-nav button{min-height:42px;border:1px solid #e2d5e9;border-radius:10px;background:#fff;color:#664579;font:700 12px Inter,Arial,sans-serif;cursor:pointer}.company-overview-sheet-nav button[aria-pressed=true]{background:#54276e;border-color:#54276e;color:#fff;box-shadow:0 5px 14px #54276e29}.company-overview-mobile-sheet>[data-sheet-section]{display:none!important}.company-overview-mobile-sheet[data-active-section=overview]>[data-sheet-section=overview]:not([hidden]),.company-overview-mobile-sheet[data-active-section=mapping]>[data-sheet-section=mapping]:not([hidden]),.company-overview-mobile-sheet[data-active-section=analysis]>[data-sheet-section=analysis]:not([hidden]){display:block!important}.company-overview-mobile-sheet>.company-work-card{margin:12px;min-width:0;padding:18px}}
.company-workspace-active .company-dashboard .company-department-explorer--manager>.company-work-card{min-height:0}
.company-department-explorer--manager .company-department-chart{max-width:none}
.company-overview-empty-state[hidden],.company-overview-person-selector[hidden]{display:none!important}
.company-overview-person-selector{display:grid;gap:7px;max-width:520px;margin:18px 0 0;color:#6b5278;font-size:12px;font-weight:800}
.company-overview-person-selector select{width:100%;height:44px;padding:0 12px;border:1px solid #ddd0e5;border-radius:10px;background:#fff;color:#2b173d;font:13px Inter,Arial,sans-serif}
.company-overview-insights.has-selection>.company-overview-insight{min-height:0}
.company-overview-insights.has-selection .company-overview-reading-detail{margin-top:18px;padding:20px 22px;border-radius:12px}
.company-overview-mapping-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.company-overview-mapping-facts>div{display:grid;gap:5px;padding:12px 15px;border:1px solid #e9deed;border-radius:10px;background:#fff}
.company-overview-mapping-facts small{color:#806f89;font-size:11px}
.company-overview-mapping-facts strong{font-size:14px;line-height:1.35}
.company-trend-overview-body>.company-work-card{margin:18px 0 0}
.company-trend-overview-body>.company-trend-builder,.company-trend-overview-body>.company-work-card:not(.company-trend-builder){padding:0!important;border:0;box-shadow:none;background:transparent}
.company-trend-overview-body>.company-trend-builder .company-trends-controls{margin:17px 0 0}
.company-trend-overview-body>.company-trend-builder .company-trends-controls label{min-height:90px;border:1px solid #e7dcea;border-radius:12px;background:#f9f6fb}
.company-trend-overview-body>.company-trend-builder .company-trends-controls label.active{border-color:#b992c8;background:#f4ecf7}
.company-trend-overview-body .company-trend-filters,.company-trend-overview-body .company-trend-help{display:none}
.company-trend-overview-body .company-trend-summary{margin:18px 0;padding:15px 17px;background:#f6eff8;color:#39204b}
.company-trend-overview-body .company-trend-summary h2{font-size:17px}
.company-overview-analysis-axes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 16px}
.company-overview-analysis-axis{display:grid;align-content:center;gap:6px;min-height:112px;padding:16px 18px;border:1px dashed #cbb4d4;border-radius:13px;background:#faf6fb}
.company-overview-analysis-axis small{color:#7c4d91;font-size:11px;font-weight:800;letter-spacing:.1em}
.company-overview-analysis-axis strong{color:#2f1541;font-size:19px}
.company-overview-analysis-axis span{color:#806d89;font-size:11px}
.company-overview-analysis-options{display:grid;grid-template-columns:152px minmax(0,1fr);gap:18px;align-items:start;padding:12px 0;border-top:1px solid #eee6f0}
.company-overview-analysis-options>summary{list-style:none;padding-top:8px;color:#6e527a;font-size:12px;font-weight:800;cursor:pointer}
.company-overview-analysis-options>summary::-webkit-details-marker{display:none}
.company-overview-analysis-options>div{display:flex;flex-wrap:wrap;gap:8px}
.company-overview-analysis-options button{min-height:33px;padding:7px 11px;border:1px solid #d8c9de;border-radius:30px;background:#fff;color:#4b2063;font:700 11px Inter,Arial,sans-serif;cursor:pointer}
.company-overview-analysis-options button:hover{background:#f4ebf8}
.company-overview-analysis-options button[aria-pressed=true]{border-color:#4b2063;background:#4b2063;color:#fff}
.company-overview-analysis-result{margin-top:20px;padding:20px;border:1px solid #eadfec;border-radius:14px}
.company-overview-analysis-result-head h3{margin:0 0 5px;font-size:17px}
.company-overview-analysis-result-head p{margin:0;color:#786984;font-size:12px}
.company-overview-analysis-result>.company-private-state{margin-top:18px}
.company-overview-analysis-bars{display:grid;gap:8px;margin-top:18px}
.company-overview-analysis-bars>div{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(100px,2fr) 70px;gap:12px;align-items:center;font-size:12px}
.company-overview-analysis-bars span{display:grid;gap:2px}
.company-overview-analysis-bars small{color:#806d89;font-size:10px}
.company-overview-analysis-bars>div>div{height:13px;border-radius:99px;background:#eee7f1;overflow:hidden}
.company-overview-analysis-bars i{display:block;height:100%;border-radius:99px}
.company-overview-analysis-bars>div>strong{text-align:right}
.company-overview-analysis-pie-layout{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:20px 0}
.company-overview-analysis-pie{display:grid;place-items:center;flex:none;width:190px;height:190px;border-radius:50%}
.company-overview-analysis-pie span{display:grid;place-items:center;width:55%;height:55%;border-radius:50%;background:#fff;text-align:center;font-size:12px;font-weight:800}
.company-overview-analysis-pie-layout p{display:flex;align-items:center;gap:8px;font-size:12px}
.company-overview-analysis-pie-layout i{width:10px;height:10px;border-radius:50%}
.company-overview-analysis-trend{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;border-top:1px solid #eee6f0;padding-top:15px}
.company-overview-analysis-trend span{display:grid;gap:4px}
@media(max-width:700px){.company-overview-analysis-options{display:block;margin:8px 0;padding:0;border:1px solid #e4d8e9;border-radius:11px;background:#fff}.company-overview-analysis-options>summary{padding:12px 14px}.company-overview-analysis-options>div{padding:0 12px 12px}.company-overview-analysis-axes{gap:8px;margin:12px 0}.company-overview-analysis-axis{min-height:0;padding:11px}.company-overview-analysis-axis strong{font-size:13px}.company-overview-analysis-axis span{font-size:10px}}
@media(max-width:650px){.company-overview-mapping-facts{grid-template-columns:1fr}.company-overview-insights.has-selection .company-overview-reading-detail{padding:17px}}
.company-manager-empty{margin:0;padding:24px 10px;color:#756782;font-size:13px}
@media(max-width:800px){.company-manager-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.company-workspace-active .company-managers-heading{align-items:flex-start;flex-direction:column;gap:12px}.company-workspace-active .company-managers-heading h1{font-size:27px}.company-managers-heading .company-primary{width:100%}.company-manager-directory{padding:13px}.company-manager-toolbar{align-items:flex-start;flex-direction:column}.company-manager-toolbar label{width:100%;max-width:none}.company-manager-count{align-self:flex-end}.company-manager-toggle{gap:9px;min-height:64px;padding:12px}.company-manager-avatar{width:37px;height:37px;font-size:15px}.company-manager-status{display:none}.company-manager-open{min-width:55px}.company-manager-open img{width:22px;height:22px}.company-manager-trash{width:38px;height:38px;margin-right:7px}.company-manager-details{padding:16px}.company-manager-details dl{gap:13px}}
@media(max-width:600px){.company-manager-mobile-count{display:inline}}
@media(max-width:600px){.company-manager-archive-toggle{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){.company-manager-entry,.company-manager-entry:before,.company-manager-open,.company-manager-chevron,.company-manager-open img{transition:none}.company-manager-toggle[aria-expanded="true"] .company-manager-open img{animation:none}}
.company-manager-pager[hidden]{display:none}.company-manager-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.company-manager-pager button{width:42px;height:42px;border:1px solid #dccce5;border-radius:11px;background:#f9f4fb;color:#542b6d;font-size:19px;cursor:pointer}.company-manager-pager button:disabled{opacity:.38;cursor:default}.company-manager-pager span{min-width:55px;text-align:center;color:#725d7e;font-size:12px;font-weight:800}
.company-manager-sheet{width:min(480px,calc(100vw - 20px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #e5d9ea;border-radius:18px;background:#fff;color:#281538;box-shadow:0 24px 70px #1a0b2850;overflow:auto}.company-manager-sheet::backdrop{background:#1d1029b0}
.company-manager-sheet header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #eee7f0}.company-manager-sheet header div{display:grid;gap:4px;min-width:0}.company-manager-sheet header small{color:#8b5a9e;font-size:10px;font-weight:800;letter-spacing:.14em}.company-manager-sheet header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.company-manager-sheet header button{width:36px;height:36px;flex:none;border:0;border-radius:9px;background:#f4eef7;color:#4d2b62;font-size:24px;cursor:pointer}
.company-manager-sheet .company-manager-details{border:0;padding:20px}.company-manager-sheet .company-manager-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Análises completas ficam em gavetas compactas da Visão geral. */
.company-overview-tools{display:grid;gap:12px;min-width:0;margin:20px 0}
.company-overview-tool{min-width:0;overflow:hidden;border:1px solid #e5dce9;border-radius:17px;background:#fff;box-shadow:0 8px 24px #25142f08}
.company-overview-tool>summary{display:flex;align-items:center;gap:16px;min-height:67px;padding:15px 20px;list-style:none;cursor:pointer;color:#321a42}
.company-overview-tool>summary::-webkit-details-marker{display:none}
.company-overview-tool>summary span{font:800 16px Inter,Arial,sans-serif}
.company-overview-tool>summary small{flex:1;color:#7a6885;font:500 12px Inter,Arial,sans-serif}
.company-overview-tool>summary b{font-size:20px;font-weight:500;transition:transform .2s ease}
.company-overview-tool[open]>summary b{transform:rotate(180deg)}
.company-overview-tool>summary:hover{background:#fbf7fd}
.company-overview-tool>summary:focus-visible{outline:2px solid #8751a7;outline-offset:-3px}
.company-overview-tool-body{display:grid;gap:16px;min-width:0;padding:20px;border-top:1px solid #eee7f0}
.company-overview-tool-body>.company-work-card{margin:0}
.company-overview-tool[hidden]{display:none!important}
.company-overview-tool--nested{margin-top:16px;background:#faf7fc;box-shadow:none}
.company-overview-tool--nested>summary{min-height:56px;padding:12px 15px}
.company-overview-tool--nested .company-overview-tool-body{background:#fff}
.company-trend-scope{margin:0;padding:11px 14px;border-radius:10px;background:#f4edf7;color:#58366d;font-size:12px;font-weight:700}
.company-trend-filters label[hidden]{display:none!important}
.company-overview-explore{margin-top:14px}
@media(max-width:600px){.company-overview-tool>summary{flex-wrap:wrap;gap:5px 12px;padding:14px 16px}.company-overview-tool>summary span{flex:1;font-size:14px}.company-overview-tool>summary small{order:3;flex-basis:100%;font-size:11px}.company-overview-tool-body{padding:12px}}
@media print{.company-dashboard> :not(.company-overview-tools),.company-overview-tools>.company-overview-tool:not(.company-overview-tool--report),.company-overview-tool--report>summary{display:none!important}.company-overview-tool--report,.company-overview-tool-body{border:0;box-shadow:none;padding:0;margin:0}.company-overview-tool--report .company-report-document{display:block}}
.employee-workspace-active .employee-home>.company-page-head{display:none}
.employee-home{display:grid;gap:18px}
.employee-home-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:212px;padding:32px 38px;overflow:hidden;border-radius:22px;background:linear-gradient(112deg,#2c2155 0%,#4b245e 58%,#734671 100%);color:#fff;box-shadow:0 15px 30px #29133819}
.employee-home-hero:after{content:'';position:absolute;right:0;bottom:0;left:40%;height:3px;background:linear-gradient(90deg,#1689ed,#ffad08,#6eae16,#9e33ba)}
.employee-home-hero-copy{position:relative;z-index:1;max-width:620px}
.employee-home-eyebrow,.employee-home-label{display:block;font-size:11px;font-weight:800;letter-spacing:.14em}
.employee-home-eyebrow{color:#e5c6ee}
.employee-home-hero h2{margin:10px 0 8px;font:800 clamp(27px,3vw,39px)/1.15 Inter,Arial,sans-serif}
.employee-home-hero p{max-width:540px;margin:0;color:#f0e5f3;font-size:14px;line-height:1.5}
.employee-home-hero-action{margin-top:19px;padding:11px 17px;border:0;border-radius:10px;background:#fff;color:#3d2054;font:800 13px Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 7px 17px #13082130;transition:transform .2s ease,box-shadow .2s ease}
.employee-home-hero-action:hover{transform:translateY(-2px);box-shadow:0 11px 20px #13082142}
.employee-home-hero-art{position:relative;display:grid;place-items:center;flex:0 0 190px;width:190px;height:190px;margin-right:3%;border-radius:50%;box-shadow:0 0 0 14px #ffffff09,0 0 0 30px #ffffff05}
.employee-home-orbit-wheel{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 17%,#ffffff68,transparent 35%),radial-gradient(circle at 75% 85%,#0c001a78,transparent 54%),conic-gradient(from -75deg,#08b8ec 0 25%,#ffae17 25% 50%,#8ccf05 50% 75%,#8625ae 75% 100%);background-blend-mode:screen,multiply,normal;box-shadow:inset 0 4px 7px #ffffff65,inset 0 -9px 15px #13051b85,0 4px 0 #170a2c,0 15px 30px #07021188;animation:employee-orbit-spin 22s linear infinite}
.employee-home-orbit-labels{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;fill:#fff;font:900 12px Inter,Arial,sans-serif;letter-spacing:.045em;text-shadow:0 1px 3px #190624;pointer-events:none}
.employee-home-orbit-labels text{text-anchor:middle;dominant-baseline:middle}
.employee-home-orbit-core{position:relative;z-index:1;display:grid;align-content:center;justify-items:center;gap:3px;width:142px;height:142px;border-radius:50%;background:radial-gradient(circle at 36% 24%,#633385,#241139 58%,#12091f 100%);box-shadow:inset 0 2px 5px #ffffff4a,inset 0 10px 18px #08011385,0 0 0 2px #ffffff32}
.employee-home-orbit-core img{width:62px;height:62px;object-fit:contain;animation:employee-orb-dance 7s ease-in-out infinite}
.employee-home-orbit-core strong{color:#fff;font:900 15px Inter,Arial,sans-serif;letter-spacing:.12em}
@keyframes employee-orbit-spin{to{transform:rotate(360deg)}}
@keyframes employee-orb-dance{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(75deg)}50%{transform:translateY(2px) rotate(180deg)}75%{transform:translateY(-3px) rotate(285deg)}}
.employee-workspace-active .company-nav-symbol{display:grid;place-items:center;flex:none;width:19px;height:19px;font-size:0}
.employee-workspace-active .company-nav-symbol svg{display:block;width:19px;height:19px}
.employee-header-actions .company-header-identity{border-left:1px solid #e9e0ed;text-transform:uppercase;color:#6d4085}
.employee-header-actions .company-header-person strong{font-size:13px;max-width:170px;letter-spacing:0}
.employee-header-actions .company-profile-chevron{font-size:15px;color:#806c8c}
.employee-home-overview{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(275px,.85fr);gap:18px}
.employee-home-assessment,.employee-home-account{min-width:0;min-height:176px;padding:23px 26px;border:1px solid #e6dceb;border-radius:18px;background:#fff;box-shadow:0 8px 23px #2410350b}
.employee-home-assessment{display:flex;align-items:center;justify-content:space-between;gap:20px}
.employee-home-label{color:#8c54a4}
.employee-home-assessment h2,.employee-home-account h2,.employee-home-section-head h2{margin:7px 0 7px;color:#28153d;font:800 21px/1.2 Inter,Arial,sans-serif}
.employee-home-assessment p{max-width:480px;margin:0;color:#6e607a;font-size:13px;line-height:1.5}
.employee-home-text-action{display:inline-flex;align-items:center;margin-top:17px;padding:0;border:0;background:none;color:#54266c;font:800 13px Inter,Arial,sans-serif;cursor:pointer}
.employee-home-text-action:hover{text-decoration:underline;text-underline-offset:4px}
.employee-home-progress{display:grid;align-content:center;justify-items:center;flex:0 0 108px;width:108px;height:108px;border:8px solid #f0e9f3;border-radius:50%;background:#fff;color:#54266c;box-shadow:inset 0 0 0 1px #e7d9ec}
.employee-home-progress.is-complete{border-color:#8d49a8;border-top-color:#7ab519;border-right-color:#edaa1b}
.employee-home-progress strong{font:800 21px Inter,Arial,sans-serif}.employee-home-progress small{margin-top:2px;font-size:10px;color:#73627d}
.employee-home-account{display:flex;flex-direction:column;align-items:flex-start}
.employee-home-account h2{margin-bottom:13px}.employee-home-account>strong{max-width:100%;overflow-wrap:anywhere;color:#3b2050;font-size:14px}.employee-home-account>small{margin-top:4px;color:#746681;font-size:12px}.employee-home-account .employee-home-text-action{margin-top:auto;padding-top:15px}
.employee-home-section-head{margin-top:7px}.employee-home-section-head h2{margin-bottom:0}
.employee-home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.employee-journey-link{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;gap:8px 14px;min-width:0;min-height:128px;padding:18px;border:1px solid #e6dceb;border-radius:17px;background:#fff;color:#2d173f;text-align:left;cursor:pointer;box-shadow:0 8px 23px #2410350b;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.employee-journey-link:hover{transform:translateY(-3px);border-color:#b58cca;box-shadow:0 15px 28px #3218401a}.employee-journey-link:active{transform:translateY(-1px)}
.employee-journey-icon{display:grid;grid-column:1;grid-row:1/3;place-items:center;width:44px;height:44px;border-radius:12px;background:#f0e5f5;color:#6b3385;font-size:22px}
.employee-journey-link:nth-child(1) .employee-journey-icon{background:#e9f3fb;color:#1379ba}.employee-journey-link:nth-child(3) .employee-journey-icon{background:#fff3e4;color:#b46b13}
.employee-journey-copy{display:grid;grid-column:2/4;grid-row:1;gap:5px;min-width:0}.employee-journey-copy strong{font:800 14px Inter,Arial,sans-serif}.employee-journey-copy small{color:#746681;font-size:11px;line-height:1.35}
.employee-journey-status{grid-column:2;grid-row:2;justify-self:start;padding:4px 7px;border-radius:999px;background:#f5edf8;color:#63387a;font-size:10px;font-weight:800;white-space:nowrap}.employee-journey-arrow{grid-column:3;grid-row:2;justify-self:end;color:#8b5da1;font-size:20px}
.employee-home button:focus-visible{outline:3px solid #aa65d0;outline-offset:3px}
@media(max-width:1100px){.employee-home-links{gap:10px}}
@media(max-width:760px){.employee-home-hero{min-height:195px;padding:25px}.employee-home-hero-art{flex-basis:112px;width:112px;height:112px;margin-right:8px;box-shadow:0 0 0 10px #ffffff0a}.employee-home-orbit-core{width:84px;height:84px}.employee-home-orbit-core img{width:38px;height:38px}.employee-home-orbit-core strong{font-size:10px}.employee-home-orbit-labels{font-size:11px}.employee-home-overview{grid-template-columns:1fr}.employee-home-links{grid-template-columns:1fr}.employee-journey-link{min-height:96px}}
@media(max-width:480px){.employee-home-hero{min-height:0;padding:25px 22px}.employee-home-hero-art{display:none}.employee-home-assessment,.employee-home-account{padding:20px}.employee-home-progress{flex-basis:88px;width:88px;height:88px}.employee-home-progress strong{font-size:17px}.employee-journey-link{padding:15px}.employee-journey-status{font-size:9px}}
@media(prefers-reduced-motion:reduce){.employee-home-hero-action,.employee-journey-link{transition:none}.employee-home-orbit-wheel,.employee-home-orbit-core img{animation:none}}

/* Avaliações do participante: progresso, resposta e histórico em hierarquia clara. */
.employee-workspace-active .employee-assess-page>.company-page-head{display:none}
.employee-workspace-active .employee-assess-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:175px;margin-bottom:18px;padding:29px 34px;border-radius:21px;background:linear-gradient(110deg,#30204d,#56266a 70%,#704480);color:#fff;overflow:hidden;box-shadow:0 15px 30px #29133816}
.employee-assess-hero-copy{position:relative;z-index:1;max-width:640px}
.employee-assess-hero h1{margin:9px 0 8px;font:800 clamp(28px,3vw,39px)/1.1 Inter,Arial,sans-serif;letter-spacing:-.025em}
.employee-assess-hero p{max-width:520px;margin:0;color:#eee0f4;font-size:14px;line-height:1.5}
.employee-assess-hero-mark{display:grid;align-content:center;justify-items:center;flex:none;width:118px;height:118px;border:7px solid #ffffff45;border-top-color:#148fea;border-right-color:#ffad08;border-bottom-color:#82be14;border-left-color:#9b3cb5;border-radius:50%;background:#ffffff15;box-shadow:0 0 0 14px #ffffff09}
.employee-assess-hero-mark span{font:900 38px/1 Inter,Arial,sans-serif}.employee-assess-hero-mark small{font-size:11px;font-weight:700}
.employee-assess-panel{padding:25px 28px;border:1px solid #e7ddeb;border-radius:19px;background:#fff;box-shadow:0 8px 24px #2410350b}
.employee-assess-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.employee-assess-panel-copy h2{margin:8px 0 6px;color:#28153d;font:800 23px/1.2 Inter,Arial,sans-serif}
.employee-assess-panel-copy p{margin:0;color:#71647e;font-size:13px;line-height:1.5}
.employee-assess-status{display:flex;align-items:center;gap:14px;margin-top:22px;padding:17px 18px;border:1px solid #e2d9e8;border-radius:14px;background:#faf7fb}
.employee-assess-status-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#e7f2e5;color:#3e8b3d;font-size:23px;font-weight:800}
.employee-assess-status>div{display:grid;gap:4px;min-width:0}.employee-assess-status strong{font-size:15px;color:#321c43}.employee-assess-status small{font-size:12px;color:#766780}
.employee-assess-action{min-height:39px;margin-left:auto;padding:9px 14px;border:1px solid #d8c6e3;border-radius:10px;background:#fff;color:#572672;font:800 12px Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.employee-assess-action:hover{background:#f4eaf9;border-color:#a879be;transform:translateY(-1px)}
.employee-assessment-list{margin-top:27px;padding-top:23px;border-top:1px solid #ede6ef}
.employee-assessment-list .employee-assess-history-head h3{margin:7px 0 4px;color:#28153d;font:800 19px Inter,Arial,sans-serif}.employee-assess-history-head p{margin:0 0 15px;color:#766780;font-size:12px}
.employee-assessment-list .employee-history-item{margin-top:8px;padding:0;border:1px solid #e8deec;border-radius:12px;overflow:hidden;background:#fff}
.employee-assessment-list .employee-history-item summary{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;list-style:none;cursor:pointer;transition:background .16s}
.employee-assessment-list .employee-history-item summary::-webkit-details-marker{display:none}
.employee-assessment-list .employee-history-item summary:hover{background:#faf5fc}
.employee-assessment-list .employee-history-number{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#efe2f5;color:#613081;font-size:14px;font-weight:900}
.employee-history-label{display:grid;gap:3px}.employee-history-label strong{font-size:13px}.employee-history-label small{font-size:11px;color:#766780;font-weight:500}
.employee-assessment-list .employee-history-chevron{margin-left:auto;color:#76448d;font-size:20px;transition:transform .16s}.employee-history-item[open] .employee-history-chevron{transform:rotate(180deg)}
.employee-history-item ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:0;padding:17px 26px 19px 41px;border-top:1px solid #eee5f1;background:#fcf9fd;font-size:12px;color:#493955}.employee-history-item ol li{padding:3px 0 4px 2px;line-height:1.4}.employee-history-item ol li strong{display:inline-block;margin-left:7px;color:#5b2875;white-space:nowrap}
.employee-assess-about{margin:14px 2px 0;border:1px solid #e7ddeb;border-radius:12px;background:#fff;color:#5b3770;font-size:12px}
.employee-assess-about summary{padding:13px 17px;font-weight:800;cursor:pointer}.employee-assess-about p{margin:0;padding:0 17px 15px;color:#71647e;line-height:1.6}
.employee-assess-scale{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:25px;padding:12px 15px;border-radius:11px;background:#f6eff9;color:#553068;font-size:12px}.employee-assess-scale strong{margin-right:auto}.employee-assess-scale i{font-style:normal}
.employee-assess-panel .employee-assessment-form{gap:18px;margin-top:20px}.employee-assess-panel .employee-question-group{min-width:0;margin:0;padding:18px;border-radius:13px;background:#fff}.employee-assess-panel .employee-question-group legend{color:#4e2466;font-size:15px;font-weight:800}.employee-assess-panel .employee-question{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;padding:15px 0}.employee-assess-panel .employee-question p{margin:0;font-size:13px;line-height:1.45}.employee-assess-panel .employee-choice-row{gap:5px;flex-wrap:nowrap}.employee-assess-panel .employee-choice-row label{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:9px;font-size:12px;font-weight:800}.employee-assess-panel .employee-choice-row label:has(input:checked){background:#5a2876;border-color:#5a2876;color:#fff}.employee-assess-panel .employee-choice-row input{position:absolute;opacity:0;width:1px;height:1px}.employee-assess-panel .employee-choice-row label:has(input:focus-visible){outline:3px solid #a36ac2;outline-offset:2px}.employee-assess-panel .company-evaluation-note{font-size:12px}.employee-assess-panel .company-primary{justify-self:start}
@media(max-width:760px){.employee-assess-hero{padding:24px!important}.employee-assess-hero-mark{width:85px;height:85px;border-width:5px}.employee-assess-hero-mark span{font-size:27px}.employee-assess-hero-mark small{font-size:9px}.employee-assess-panel{padding:20px}.employee-assess-status{align-items:flex-start;flex-wrap:wrap}.employee-assess-action{margin-left:56px}.employee-history-item ol{grid-template-columns:1fr}.employee-assess-panel .employee-question{grid-template-columns:1fr}}
@media(max-width:480px){.employee-assess-hero-mark{display:none}.employee-assess-status-icon{width:36px;height:36px}.employee-assess-action{margin-left:0;width:100%}.employee-history-item ol{grid-template-columns:1fr}.employee-assess-scale i{display:none}.employee-assess-panel .employee-choice-row{justify-content:space-between}.employee-assess-panel .employee-choice-row label{width:18%}}
.employee-diary-reading > :not(.employee-diary-section){display:none!important}
.employee-diary-reading .employee-diary-section{min-height:0;padding-top:0}
.employee-diary-opening-pages{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center top;will-change:transform}
.employee-diary-opening-leaf{position:absolute;left:25%;top:1.5%;width:50%;height:79%;transform-origin:left center;transform-style:preserve-3d;will-change:transform}
.employee-diary-opening-front,.employee-diary-opening-back{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;border-radius:2% 4% 4% 2%}
.employee-diary-opening-front{background:url('/diary-front-closed.webp') center top / 100% 114% no-repeat;box-shadow:6px 7px 13px #28123255}
.employee-diary-opening-back{transform:rotateY(180deg);background:#fff8e9;border:2px solid #d7a321;box-shadow:inset 10px 0 25px #765c3b30}
.employee-diary-animation{perspective:1200px}
@media(min-width:761px){
  .employee-diary-reading .employee-diary-book-head{width:min(100%,680px,calc(100dvh - 200px));margin:0 auto 8px;align-items:center;min-height:48px}
  .employee-diary-reading .employee-diary-book-head h2{margin:0;font-size:23px}
  .employee-diary-reading .employee-diary-book-head .company-primary,.employee-diary-reading .employee-diary-book-head .company-secondary{min-height:36px;padding:7px 12px;font-size:12px}
  .employee-diary-animation,.employee-diary-spread{width:min(100%,680px,calc(100dvh - 200px));margin-left:auto;margin-right:auto}
  .employee-diary-spread{display:block;padding:0;min-height:0}
  .employee-diary-left-page,.employee-diary-right-page{position:absolute;top:18%;bottom:21%;width:39%;height:auto;min-height:0;max-height:none;overflow:auto;padding:0 2%;scrollbar-width:thin}
  .employee-diary-left-page{left:8%;padding-right:1.5%}
  .employee-diary-right-page{right:8%;padding-left:1.5%}
  .employee-diary-page-form textarea{height:200px;min-height:150px;max-height:200px}
}
@media(max-width:760px){.employee-diary-opening-leaf{height:79%}.employee-diary-reading .employee-diary-section{padding-top:4px}}

/* The book and the conversation are peers; the book's page content stays inside its artwork. */
.employee-diary-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(270px,1fr);align-items:start;justify-content:center;gap:24px;max-width:1240px;margin:0 auto}
.employee-diary-layout .employee-diary-section{grid-column:1;grid-row:1;min-width:0;margin-top:0}
.employee-diary-ai-side{grid-column:2;grid-row:1;min-width:0;padding-top:64px}
.employee-diary-ai-side .employee-demo-hero{min-height:280px;margin:0;padding:28px;align-content:center;gap:12px}
.employee-diary-ai-side .employee-demo-hero strong{font-size:clamp(25px,2.4vw,33px)}
.employee-diary-layout.employee-diary-reading > .employee-diary-ai-side{display:block!important}
.employee-diary-layout.employee-diary-reading > .employee-diary-section{display:block!important}
.company-page-head:has(~ .employee-diary-layout.employee-diary-reading),.employee-demo-banner:has(~ .employee-diary-layout.employee-diary-reading){display:none}
.employee-diary-right-page:has(.employee-diary-page-form){overflow:hidden}
.employee-diary-page-form{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;gap:7px}
.employee-diary-page-form label{min-width:0;min-height:0;gap:4px}
.employee-diary-page-form label:has(textarea){grid-template-rows:auto minmax(0,1fr)}
.employee-diary-page-form input,.employee-diary-page-form textarea{box-sizing:border-box;min-width:0}
.employee-diary-page-form input{height:38px;padding:6px 9px}
.employee-diary-page-form textarea{height:100%;min-height:0;max-height:none;resize:none;padding:8px 9px}
.employee-diary-page-form .employee-diary-page-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:0}
.employee-diary-page-form .employee-diary-page-controls button{min-width:0;min-height:34px;margin:0;padding:5px 9px;font-size:11px;white-space:nowrap}
.employee-diary-page-form .company-feedback:empty{display:none}
.employee-diary-page-form .company-feedback:not(:empty){position:absolute;left:0;right:0;bottom:37px;margin:0;padding:5px;background:#fff8e9;font-size:11px}
@media(min-width:761px){
  .employee-diary-layout .employee-diary-book-head,.employee-diary-layout .employee-diary-animation,.employee-diary-layout .employee-diary-spread{width:min(100%,720px,calc(100dvh - 180px))}
  .employee-diary-layout .employee-diary-book-head{min-height:40px;margin:0 auto 3px}
  .employee-diary-layout .employee-diary-spread{aspect-ratio:1122/1120}
  .employee-diary-layout .employee-diary-left-page{top:18%;bottom:21%}
  .employee-diary-layout .employee-diary-right-page{top:18%;bottom:21%}
  .employee-diary-layout .employee-diary-right-page:has(.employee-diary-page-form){bottom:30%}
}
@media(max-width:1100px){.employee-diary-layout{grid-template-columns:minmax(0,1fr);gap:20px}.employee-diary-layout .employee-diary-section,.employee-diary-ai-side{grid-column:1}.employee-diary-ai-side{grid-row:2;padding-top:0}.employee-diary-ai-side .employee-demo-hero{min-height:155px}}
@media(max-width:760px){.employee-diary-page-form{height:auto;min-height:0;display:grid;grid-template-rows:auto auto auto auto}.employee-diary-page-form label:has(textarea){display:grid;grid-template-rows:auto auto}.employee-diary-page-form textarea{height:240px;min-height:180px}.employee-diary-right-page:has(.employee-diary-page-form){overflow:visible}.employee-diary-page-form .employee-diary-page-controls{flex-wrap:wrap}}

/* Diary and AI introduction: a clean book cutout with a matching-height companion panel. */
.employee-diary-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch;max-width:1400px}
.employee-diary-layout .employee-diary-cover-wrap{height:min(60dvh,540px);min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;align-content:center;overflow:visible}
.employee-diary-layout .employee-diary-cover{width:min(380px,48dvh,100%);height:100%;position:relative;align-content:center}
.employee-diary-layout .employee-diary-cover-image{display:block;height:100%;max-height:100%;width:100%;object-fit:contain}
.employee-diary-layout .employee-diary-cover-hint{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffaf0;color:#4c2265}
.employee-diary-layout .employee-diary-animation{background:transparent}
.employee-diary-ai-side{display:flex;align-self:stretch;padding-top:0}
.employee-diary-ai-side .employee-demo-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:11px;flex:1;height:100%;min-height:0;margin:0;padding:25px 28px;text-align:left;overflow:hidden}
.employee-diary-ai-side .employee-demo-hero strong{font-size:clamp(21px,2vw,30px);line-height:1.13}
.employee-diary-ai-side .employee-demo-hero small{font-size:12px;line-height:1.4}
.employee-ai-mascots{display:flex;align-items:flex-end;justify-content:center;gap:0;width:100%;height:clamp(170px,27dvh,270px);min-height:0;margin-top:auto;overflow:visible;pointer-events:none}
.employee-ai-mascots img{display:block;width:50%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 10px #1b092c55)}
.employee-ai-mascots .employee-ai-serafino{mix-blend-mode:screen;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
.employee-diary-ai-side .employee-demo-hero::before{content:'';position:absolute;inset:15% -25%;border-radius:50%;background:radial-gradient(circle,#9d69bb55 0,transparent 58%);animation:sera-ai-glow 7s ease-in-out infinite alternate;pointer-events:none}
.employee-diary-ai-side .employee-demo-hero::after{content:'';position:absolute;right:0;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#088bd5 0 25%,#ffae00 25% 50%,#88c900 50% 75%,#a23ac0 75%);pointer-events:none}
.employee-diary-ai-side .employee-demo-hero>*{position:relative;z-index:1}
.employee-diary-ai-side .employee-demo-spark{align-self:flex-start;display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff16;color:#ffd159;box-shadow:0 0 22px #ffce5077;font-size:21px}
.employee-ai-mascots img{animation:sera-ai-float 4.8s ease-in-out infinite}
.employee-ai-mascots .employee-ai-serafino{animation-delay:-2.4s}
@keyframes sera-ai-glow{from{transform:translate(-8%,0) scale(.9)}to{transform:translate(8%,0) scale(1.12)}}
@keyframes sera-ai-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.employee-diary-ai-side .employee-demo-hero::before,.employee-ai-mascots img{animation:none}}
.employee-ai-disclaimer{display:block;max-width:92%;font-size:10px;line-height:1.4;color:#e7d6ef}
.employee-diary-ai-side .employee-demo-arrow{right:20px;bottom:17px;font-size:22px}
.employee-diary-layout.employee-diary-reading .employee-diary-ai-side{align-self:start;height:min(60dvh,540px);margin-top:48px}
.employee-diary-layout.employee-diary-reading .employee-diary-ai-side .employee-demo-hero{height:100%}
.employee-diary-layout .employee-diary-left-page h3,.employee-diary-layout .employee-diary-right-page h3,.employee-diary-layout .employee-diary-page-text{overflow-wrap:anywhere;word-break:normal}
.employee-diary-layout .employee-diary-left-page,.employee-diary-layout .employee-diary-right-page{isolation:isolate}
@media(max-width:1100px){.employee-diary-layout{grid-template-columns:minmax(0,1fr)}.employee-diary-layout .employee-diary-cover-wrap{height:auto;min-height:0;padding:8px}.employee-diary-ai-side{grid-row:2}.employee-diary-ai-side .employee-demo-hero{min-height:0;height:auto}.employee-ai-mascots{height:190px}}
@media(max-width:1100px){.employee-diary-layout.employee-diary-reading .employee-diary-ai-side{height:auto;margin-top:0}}
@media(max-width:600px){.employee-diary-ai-side .employee-demo-hero{padding:20px}.employee-diary-ai-side .employee-demo-hero strong{font-size:21px}.employee-ai-mascots{height:155px}}
.employee-ai-consent{display:flex;align-items:flex-start;gap:9px;color:#594765;font-size:13px;line-height:1.4}.employee-ai-consent input{width:17px;height:17px;flex:none;margin:1px 0 0;accent-color:#5a2479}.employee-ai-chat-status{min-height:1.4em;margin:0;color:#7a3b43;font-size:13px}.employee-demo-chat-form button:disabled{opacity:.55;cursor:wait}

/* Diário e IA: composição compartilhada nos três painéis. */
.employee-diary-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1200px;align-items:stretch}
.sera-diary-visual{grid-column:1;grid-row:1;display:grid;place-items:center;min-width:0;min-height:540px;background:transparent}
.employee-diary-layout .sera-diary-visual .employee-diary-section{width:100%;grid-column:auto;grid-row:auto;margin:0}
.employee-diary-layout .sera-diary-visual .employee-diary-cover-wrap{display:grid;place-items:center;width:100%;height:540px;padding:0;background:transparent;overflow:visible}
.employee-diary-layout .sera-diary-visual .employee-diary-cover{height:100%;width:min(390px,48dvh,100%);filter:drop-shadow(0 18px 20px #34173f33)}
.employee-diary-layout .sera-diary-visual .employee-diary-cover-image{max-height:100%;height:100%;width:100%;object-fit:contain}
.employee-diary-ai-side{grid-column:2;grid-row:1;min-width:0;align-self:stretch;padding:0}
.employee-diary-ai-side .employee-demo-hero{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;width:100%;height:540px;min-height:0;margin:0;padding:27px 30px;border:1px solid #9a65af44;border-radius:24px;background:linear-gradient(145deg,#321542,#572770 62%,#824a9d);box-shadow:0 18px 38px #37174326;text-align:left;cursor:default;transform:none}
.employee-diary-ai-side .employee-demo-hero:hover{transform:none;box-shadow:0 18px 38px #37174326}
.employee-diary-ai-side .employee-demo-hero strong{max-width:430px;font-size:clamp(26px,2.3vw,34px);line-height:1.09}
.employee-diary-ai-side .employee-demo-hero small{max-width:430px;font-size:13px;color:#f0dff6}
.employee-diary-ai-side .employee-demo-hero::before{inset:8% -20%;background:radial-gradient(circle,#ad78c34d 0,transparent 56%)}
.employee-ai-mascots{height:clamp(170px,25dvh,235px);min-height:0;margin:auto 0 0;align-items:flex-end;overflow:visible}
.employee-ai-mascots img{height:100%;max-width:50%;object-fit:contain;object-position:center bottom}
.sera-ai-quick-form{position:relative;z-index:2;display:flex;align-items:center;gap:8px;width:100%;padding:7px 7px 7px 15px;border:1px solid #f3e3f7a6;border-radius:15px;background:#fff;color:#3d1b50;box-shadow:0 10px 25px #210f3030}
.sera-ai-quick-form input{flex:1;min-width:0;height:34px;padding:0;border:0;outline:0;background:transparent;color:#3d1b50;font:500 13px 'DM Sans',Arial,sans-serif}
.sera-ai-quick-form input::placeholder{color:#8e7b98}
.sera-ai-quick-form button{flex:none;min-height:36px;padding:7px 12px;border:0;border-radius:10px;background:#612a7d;color:#fff;cursor:pointer;font:800 12px 'DM Sans',Arial,sans-serif}
.sera-ai-quick-form button:hover{background:#793796}
.employee-diary-ai-side .employee-ai-disclaimer{max-width:100%;margin:0;color:#ecdef1;font-size:10px;line-height:1.35}
.sera-diary-extras{display:grid;gap:20px;max-width:1200px;margin:24px auto 0}
.sera-diary-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sera-diary-action{display:flex;align-items:center;gap:12px;min-width:0;min-height:74px;padding:13px;border:1px solid #e6dbe9;border-radius:16px;background:#fff;color:#3b1b50;text-align:left;cursor:pointer;box-shadow:0 8px 20px #35133e0a;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.sera-diary-action:hover,.sera-diary-topic:hover,.sera-diary-mood:hover{transform:translateY(-3px);border-color:#a774bc;box-shadow:0 11px 24px #461c5b20}
.sera-diary-action-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#f0e4f5;color:#71328f;font-size:22px}
.sera-diary-action:nth-child(1) .sera-diary-action-icon{background:#fff0d6;color:#b97a00}.sera-diary-action:nth-child(3) .sera-diary-action-icon{background:#e7f3fc;color:#088bd5}.sera-diary-action:nth-child(4) .sera-diary-action-icon{background:#edf6dc;color:#5c9907}
.sera-diary-action-copy{display:grid;gap:3px;min-width:0}.sera-diary-action-copy strong{font-size:14px;line-height:1.2}.sera-diary-action-copy small{color:#7c6c83;font-size:11px;line-height:1.3}
.sera-diary-reflection{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);align-items:center;gap:18px;padding:24px 27px;border:1px solid #e9dfea;border-radius:20px;background:linear-gradient(110deg,#fffaf3,#fff 52%,#f8f0fb);box-shadow:0 8px 22px #3e1a490a}
.sera-diary-kicker{font-size:11px;letter-spacing:.14em;font-weight:900;color:#854999}
.sera-diary-reflection h2,.sera-diary-topics h2{margin:6px 0;color:#331542;font:700 22px Outfit,Arial,sans-serif}
.sera-diary-reflection p{max-width:430px;margin:0;color:#76647c;font-size:12px;line-height:1.5}
.sera-diary-moods{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.sera-diary-mood{display:grid;place-items:center;gap:5px;min-width:78px;padding:10px 9px;border:1px solid #eadfeb;border-radius:12px;background:#fff;color:#48235f;cursor:pointer;font:700 12px 'DM Sans',Arial,sans-serif;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.sera-diary-mood span{font-size:23px;color:#ae5b9f}
.sera-diary-topics{padding:3px 0 0}.sera-diary-topic-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.sera-diary-topic{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 13px;border:1px solid #e8dfea;border-radius:13px;background:#fff;color:#4a255c;cursor:pointer;text-align:left;font:800 12px 'DM Sans',Arial,sans-serif;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.sera-diary-topic span{font-size:21px;color:#8b4a9d}
.sera-diary-pillars{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;padding:0 0 15px}.sera-diary-pillar{display:flex;align-items:center;gap:5px;color:#715d7a;font-size:11px;font-weight:800}.sera-diary-pillar::before{content:'';width:7px;height:7px;border-radius:50%;background:#1593dc}.sera-diary-pillar.gold::before{background:#efab16}.sera-diary-pillar.violet::before{background:#9e3db6}.sera-diary-pillar.green::before{background:#81bd1e}
.employee-diary-layout.employee-diary-reading{display:block;max-width:1000px}.employee-diary-layout.employee-diary-reading>.employee-diary-ai-side{display:none!important}.employee-diary-layout.employee-diary-reading>.sera-diary-visual{display:block!important;min-height:0}.employee-diary-layout.employee-diary-reading .employee-diary-section{display:block!important}.company-content:has(.employee-diary-layout.employee-diary-reading) .sera-diary-extras{display:none}
@media(max-width:1100px){.employee-diary-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-diary-layout .sera-diary-visual{grid-column:1;grid-row:1}.employee-diary-layout .employee-diary-ai-side{grid-column:2;grid-row:1}.sera-diary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sera-diary-reflection{grid-template-columns:1fr}.sera-diary-moods{justify-content:flex-start}}
@media(max-width:760px){.employee-diary-layout{grid-template-columns:1fr;gap:14px}.employee-diary-layout .sera-diary-visual{grid-column:1;grid-row:1;min-height:0}.employee-diary-layout .sera-diary-visual .employee-diary-cover-wrap{height:min(60dvh,480px)}.employee-diary-layout .sera-diary-visual .employee-diary-cover{width:min(340px,70vw)}.employee-diary-layout .employee-diary-ai-side{grid-column:1;grid-row:2}.employee-diary-ai-side .employee-demo-hero{height:auto;min-height:430px;padding:23px}.employee-ai-mascots{height:170px}.sera-diary-topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sera-diary-reflection{padding:20px}.sera-diary-moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sera-diary-mood{min-width:0}.sera-diary-pillars{padding-bottom:8px}}
@media(max-width:480px){.sera-diary-actions{grid-template-columns:1fr 1fr;gap:8px}.sera-diary-action{min-height:70px;padding:10px;gap:8px}.sera-diary-action-icon{width:33px;height:33px;font-size:17px}.sera-diary-action-copy strong{font-size:12px}.sera-diary-action-copy small{font-size:10px}.employee-diary-ai-side .employee-demo-hero strong{font-size:24px}.sera-ai-quick-form input{font-size:11px}.sera-ai-quick-form button{padding:7px 8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.sera-diary-action,.sera-diary-topic,.sera-diary-mood{transition:none!important}}

/* Diário e IA: duas experiências equilibradas e uma faixa de ações sem duplicações. */
.employee-diary-layout{max-width:1120px;gap:28px}
.sera-diary-extras{max-width:1120px;gap:16px;margin-top:18px}
.sera-diary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sera-diary-action{min-height:62px;padding:11px 16px}
.sera-diary-reflection{align-items:start;min-height:130px;padding:20px 24px}
.sera-diary-topics{padding:19px 24px 22px;border:1px solid #e9dfea;border-radius:20px;background:#fff;box-shadow:0 8px 22px #3e1a490a}
.sera-diary-topic-list{margin-top:10px}
.employee-demo-personas{padding:13px;background:#fbf7fc}
.employee-persona-card{min-height:118px;padding:9px 5px 11px;align-content:center;overflow:hidden}
.employee-persona-card img{width:72px;height:72px;border-radius:13px;object-fit:contain;object-position:center bottom;background:radial-gradient(circle at center,#f2e8f7 0,#fff 72%)}
.employee-chat-avatar{overflow:hidden}
.employee-chat-avatar img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.employee-diary-ai-side .employee-demo-hero{overflow:hidden}
.employee-ai-mascots{box-sizing:border-box;height:220px;max-height:40%;padding:6px 0 0;overflow:hidden}
.employee-ai-mascots img{height:100%;max-height:100%;object-fit:contain;object-position:center bottom}
@media(max-width:760px){.employee-diary-layout{gap:12px}.sera-diary-extras{margin-top:12px}.sera-diary-reflection{min-height:0}.employee-ai-mascots{height:175px;max-height:none}.employee-diary-ai-side .employee-demo-hero{min-height:0}}
@media(max-width:480px){.sera-diary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sera-diary-reflection,.sera-diary-topics{padding:18px}.employee-persona-card img{width:62px;height:62px}}

/* Diário e IA agora vivem em páginas distintas. */
.employee-diary-layout.employee-diary-diary{display:block;max-width:900px;margin:0 auto}
.employee-diary-layout.employee-diary-diary .sera-diary-visual{min-height:0}
.employee-diary-layout.employee-diary-diary .employee-diary-cover-wrap{height:min(62dvh,570px)}
.employee-diary-layout.employee-diary-diary .employee-diary-cover{width:min(420px,52dvh,100%)}
.employee-diary-diary + .sera-diary-extras{max-width:720px;margin:12px auto 0}
.sera-diary-inspiration{border:1px solid #eadfeb;border-radius:15px;background:#fff;overflow:hidden}
.sera-diary-inspiration>summary{padding:15px 20px;color:#55256e;font-size:13px;font-weight:800;cursor:pointer;list-style-position:inside}
.sera-diary-inspiration[open]>summary{border-bottom:1px solid #eadfeb}
.sera-diary-inspiration .sera-diary-reflection{border:0;border-radius:0;box-shadow:none}
.sera-diary-inspiration .sera-diary-topics{border:0;border-top:1px solid #eadfeb;border-radius:0;box-shadow:none}
.employee-diary-layout.employee-diary-ai{display:block;max-width:760px;margin:0 auto}
.employee-diary-layout.employee-diary-ai .employee-diary-ai-side{display:block;max-width:none;padding:0}
.employee-diary-layout.employee-diary-ai .employee-demo-hero{height:min(72dvh,620px);min-height:490px;padding:34px 40px}
.employee-diary-layout.employee-diary-ai .employee-demo-hero strong{font-size:clamp(30px,3vw,42px)}
.employee-diary-layout.employee-diary-ai .employee-ai-mascots{height:clamp(180px,32dvh,270px);max-height:48%;justify-content:space-evenly}
@media(max-width:760px){.employee-diary-layout.employee-diary-diary .employee-diary-cover-wrap{height:min(56dvh,500px)}.employee-diary-layout.employee-diary-diary .employee-diary-cover{width:min(350px,75vw)}.employee-diary-layout.employee-diary-ai .employee-demo-hero{height:auto;min-height:500px;padding:26px}.employee-diary-layout.employee-diary-ai .employee-ai-mascots{height:200px;max-height:none}}

/* Two distinct experiences: a quiet writing room and an expressive conversation stage. */
.employee-diary-layout.employee-diary-diary{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);align-items:center;gap:clamp(20px,3vw,48px);max-width:1180px}
.employee-diary-layout.employee-diary-diary .sera-diary-visual{min-width:0;min-height:560px}
.employee-diary-layout.employee-diary-diary .employee-diary-cover-wrap{height:min(65dvh,580px)}
.employee-diary-layout.employee-diary-diary .employee-diary-cover{width:min(440px,55dvh,100%)}
.sera-diary-welcome{position:relative;display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:500px;padding:clamp(26px,3.2vw,48px);border:1px solid #eddccb;border-radius:26px;background:radial-gradient(circle at 100% 0%,#f4e5fa 0%,transparent 42%),linear-gradient(145deg,#fffdf8,#fff7ee);box-shadow:0 22px 50px #3d184213;overflow:hidden}
.sera-diary-welcome::before{content:'✦';position:absolute;top:22px;right:26px;color:#e5aa30;font-size:28px}
.sera-diary-welcome::after{content:'';position:absolute;right:-75px;bottom:-110px;width:280px;height:280px;border:2px solid #efd4a5;border-radius:50%;box-shadow:0 0 0 28px #f6e9d844;pointer-events:none}
.sera-diary-welcome>*{position:relative;z-index:1}
.sera-diary-welcome-eyebrow{color:#87549a;font-size:11px;font-weight:900;letter-spacing:.16em}
.sera-diary-welcome h2{max-width:490px;margin:0;color:#351843;font:700 clamp(29px,3vw,43px)/1.06 Georgia,serif}
.sera-diary-welcome>p{max-width:460px;margin:0;color:#715c73;font-size:15px;line-height:1.65}
.sera-diary-welcome .sera-diary-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.sera-diary-welcome .sera-diary-action{flex:1 1 165px;min-height:70px;padding:11px 13px;border-radius:14px;box-shadow:none}
.sera-diary-welcome .sera-diary-action:hover{box-shadow:0 10px 20px #461c5b16}
.sera-diary-welcome .sera-diary-inspiration{margin-top:4px;background:#ffffffbf;backdrop-filter:blur(8px)}
.sera-diary-welcome .sera-diary-inspiration>summary{padding:14px 16px}
.sera-diary-welcome .sera-diary-reflection{display:block;padding:16px}
.sera-diary-welcome .sera-diary-reflection h2,.sera-diary-welcome .sera-diary-topics h2{font:700 17px Outfit,Arial,sans-serif}
.sera-diary-welcome .sera-diary-moods{justify-content:flex-start;margin-top:13px}
.sera-diary-welcome .sera-diary-mood{min-width:68px}
.sera-diary-welcome .sera-diary-topics{padding:16px}
.sera-diary-welcome .sera-diary-topic-list{display:flex;flex-wrap:wrap}
.sera-diary-welcome .sera-diary-topic{min-height:43px;flex:1 1 125px}
.employee-diary-layout.employee-diary-diary.employee-diary-reading{display:block;max-width:1000px}
.employee-diary-layout.employee-diary-reading>.sera-diary-welcome{display:none!important}

.employee-diary-layout.employee-diary-ai{max-width:1120px}
.employee-diary-layout.employee-diary-ai .employee-demo-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:minmax(270px,1fr) auto;align-items:center;gap:12px 24px;height:auto;min-height:600px;padding:clamp(26px,3vw,42px);overflow:hidden;background:radial-gradient(circle at 75% 30%,#8946a5 0%,transparent 45%),linear-gradient(130deg,#2b143d,#552274 70%,#71348b)}
.employee-diary-layout.employee-diary-ai .employee-demo-hero::before{inset:auto -12% -55% 32%;height:130%;background:radial-gradient(circle,#a85ac266,transparent 65%)}
.sera-ai-lead{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0;align-self:center}
.sera-ai-lead .employee-demo-spark{width:47px;height:47px;font-size:28px}
.sera-ai-eyebrow{color:#e8c9ed;font-size:11px;font-weight:900;letter-spacing:.14em}
.employee-diary-layout.employee-diary-ai .sera-ai-lead strong{max-width:440px;font-size:clamp(35px,4vw,58px);line-height:1.04;letter-spacing:-.025em}
.employee-diary-layout.employee-diary-ai .sera-ai-lead small{max-width:410px;color:#f0e3f5;font-size:15px;line-height:1.55}
.employee-diary-layout.employee-diary-ai .employee-ai-mascots{position:relative;display:flex;align-items:end;justify-content:center;gap:0;width:100%;height:320px;max-height:none;margin:0;overflow:visible}
.employee-diary-layout.employee-diary-ai .employee-ai-mascots img{position:relative;z-index:1;width:50%;max-width:50%;height:95%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 18px #1b092c66)}
.employee-diary-layout.employee-diary-ai .employee-ai-serafino{mix-blend-mode:normal;mask-image:none}
.sera-ai-orbit{position:absolute;inset:8% 10%;border:1px solid #e7bbf380;border-radius:50%;box-shadow:0 0 0 24px #ffffff08;animation:sera-orbit-turn 14s linear infinite}
.sera-ai-orbit i,.sera-ai-talk-orb i{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#0a95df}
.sera-ai-orbit i.gold,.sera-ai-talk-orb i.gold{background:#ffaf00}.sera-ai-orbit i.green,.sera-ai-talk-orb i.green{background:#8dcc18}.sera-ai-orbit i.violet,.sera-ai-talk-orb i.violet{background:#a438c6}
.sera-ai-orbit i.blue{top:8%;left:13%}.sera-ai-orbit i.gold{top:7%;right:13%}.sera-ai-orbit i.green{bottom:9%;right:12%}.sera-ai-orbit i.violet{bottom:8%;left:11%}
@keyframes sera-orbit-turn{to{transform:rotate(360deg)}}
.sera-ai-start{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px 22px;padding:20px 22px;border:1px solid #fff4;border-radius:20px;background:#ffffff13;backdrop-filter:blur(10px)}
.sera-ai-choice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#eedbf5;font-size:12px;font-weight:800}
.sera-ai-choice-button{min-height:36px;padding:7px 12px;border:1px solid #ffffff5c;border-radius:999px;background:#ffffff16;color:#fff;cursor:pointer;font:800 12px 'DM Sans',Arial,sans-serif}
.sera-ai-choice-button[aria-pressed=true]{border-color:#ffe2aa;background:#fff8ec;color:#51236a;box-shadow:0 0 0 3px #ffcf7552}
.sera-ai-talk{display:flex;align-items:center;justify-content:center;gap:15px;min-height:68px;padding:10px 22px;border:1px solid #f4d28d;border-radius:18px;background:linear-gradient(120deg,#fff9ec,#f5e5fb);color:#4b1f64;cursor:pointer;box-shadow:0 14px 28px #210e3299;font:900 clamp(18px,2vw,24px) Outfit,Arial,sans-serif;transition:transform .2s ease,box-shadow .2s ease}
.sera-ai-talk:hover{transform:translateY(-3px);box-shadow:0 20px 30px #210e32aa}
.sera-ai-talk-orb{position:relative;display:block;flex:none;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 34% 27%,#fff,#e8d7f3 60%,#7b3999);box-shadow:0 0 0 3px #fff,0 0 18px #ae76c6}
.sera-ai-talk-orb i{width:9px;height:9px;border-width:1px}.sera-ai-talk-orb i.blue{top:2px;left:7px}.sera-ai-talk-orb i.gold{top:3px;right:6px}.sera-ai-talk-orb i.green{right:5px;bottom:5px}.sera-ai-talk-orb i.violet{left:5px;bottom:6px}
.sera-ai-talk-arrow{margin-left:auto;font-size:23px}
.sera-ai-suggestions{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.sera-ai-suggestions button{padding:8px 13px;border:1px solid #f3dbfc65;border-radius:999px;background:#ffffff16;color:#fff;cursor:pointer;font:700 12px 'DM Sans',Arial,sans-serif}
.sera-ai-suggestions button:hover{background:#ffffff32}
.employee-diary-layout.employee-diary-ai .employee-ai-disclaimer{grid-column:1/-1;max-width:none;margin:0;text-align:center;color:#e7d5eb;font-size:11px}
@media(max-width:900px){.employee-diary-layout.employee-diary-diary{grid-template-columns:1fr;gap:8px}.employee-diary-layout.employee-diary-diary .sera-diary-visual{min-height:0}.sera-diary-welcome{min-height:0}.employee-diary-layout.employee-diary-ai .employee-demo-hero{grid-template-columns:1fr 1fr;min-height:0}.employee-diary-layout.employee-diary-ai .employee-ai-mascots{height:260px}}
@media(max-width:620px){.employee-diary-layout.employee-diary-ai .employee-demo-hero{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:24px 19px}.sera-ai-lead{gap:10px}.employee-diary-layout.employee-diary-ai .sera-ai-lead strong{font-size:36px}.employee-diary-layout.employee-diary-ai .sera-ai-lead small{font-size:13px}.employee-diary-layout.employee-diary-ai .employee-ai-mascots{height:220px}.sera-ai-start{display:flex;flex-direction:column;align-items:stretch;padding:16px;gap:12px}.sera-ai-talk{min-height:58px}.sera-ai-suggestions{justify-content:flex-start}.sera-diary-welcome{padding:26px 22px}.sera-diary-welcome h2{font-size:33px}.employee-diary-layout.employee-diary-diary .employee-diary-cover-wrap{height:min(56dvh,500px)}}
@media(prefers-reduced-motion:reduce){.sera-ai-orbit,.sera-ai-talk{animation:none;transition:none}}

/* A real conversation surface, retaining the panel navigation around it. */
.employee-diary-layout[hidden],.sera-chat-workspace[hidden]{display:none!important}
.sera-chat-workspace{max-width:1240px;min-height:min(78dvh,760px);margin:0 auto;border:1px solid #e4d5e9;border-radius:22px;background:#fff;box-shadow:0 18px 45px #36194118;overflow:hidden}
.sera-chat-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:min(78dvh,760px)}
.sera-chat-sidebar{display:flex;flex-direction:column;gap:16px;min-width:0;padding:22px 15px;background:linear-gradient(170deg,#271334,#3e1c52);color:#fff}
.sera-chat-sidebar-brand{padding:3px 8px 13px;border-bottom:1px solid #fff3;color:#fff;font-size:18px;font-weight:900;letter-spacing:.02em}
.sera-chat-new{min-height:42px;border:1px solid #e7c4ee91;border-radius:12px;background:#ffffff16;color:#fff;cursor:pointer;font:800 13px 'DM Sans',Arial,sans-serif}
.sera-chat-new:hover,.sera-chat-session:hover{background:#ffffff28}
.sera-chat-sidebar-label{margin:4px 8px -6px;color:#d5b5df;font-size:10px;font-weight:900;letter-spacing:.15em}
.sera-chat-session-list{display:grid;align-content:start;gap:4px;flex:1;min-height:0;overflow:auto}
.sera-chat-session{display:flex;align-items:center;gap:9px;width:100%;min-height:39px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#f4e8f7;text-align:left;cursor:pointer;font:700 12px 'DM Sans',Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sera-chat-session.active{background:#ffffff2b}
.sera-chat-sidebar-note{margin:0 5px;color:#d4badc;font-size:11px;line-height:1.45}
.sera-chat-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:radial-gradient(circle at 95% 0%,#faf1fc,#fff 48%)}
.sera-chat-top{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 22px;border-bottom:1px solid #ebdfef}
.sera-chat-toggle,.sera-chat-back{min-height:36px;padding:6px 10px;border:1px solid #e7d9e9;border-radius:9px;background:#fff;color:#512568;cursor:pointer;font-weight:800}
.sera-chat-toggle{width:39px;font-size:18px}
.sera-chat-back{margin-left:auto;font-size:12px}
.sera-chat-identity{display:flex;align-items:center;gap:9px}.sera-chat-identity img{width:36px;height:36px;border-radius:50%;background:#f5e9fa;object-fit:contain;object-position:center top}.sera-chat-identity span{display:grid;gap:1px}.sera-chat-identity strong{color:#321640;font-size:13px}.sera-chat-identity small{color:#80688a;font-size:10px}
.sera-chat-stream{display:flex;flex-direction:column;gap:22px;min-height:260px;max-height:calc(78dvh - 235px);padding:30px clamp(22px,5vw,75px);overflow:auto;scrollbar-width:thin}
.sera-chat-empty{display:grid;justify-items:center;align-content:center;flex:1;text-align:center}.sera-chat-empty img{width:116px;height:145px;object-fit:contain;object-position:center bottom}.sera-chat-empty h2{margin:7px 0;color:#3c1b50;font:700 31px Georgia,serif}.sera-chat-empty p{max-width:400px;margin:0;color:#75647c;font-size:14px;line-height:1.55}
.sera-chat-message{display:flex;align-items:flex-start;gap:12px;max-width:86%;color:#382244;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.sera-chat-message img{flex:none;width:32px;height:32px;border-radius:50%;background:#f0e6f5;object-fit:contain}.sera-chat-message p{margin:0;padding:12px 16px;border:1px solid #ebdfed;border-radius:15px;background:#fff;box-shadow:0 5px 14px #351b3d0a}.sera-chat-message.user{align-self:flex-end}.sera-chat-message.user p{border-color:#dbc3e5;background:#f7eefb}
.sera-chat-composer{display:grid;gap:8px;padding:15px clamp(20px,5vw,75px) 18px;border-top:1px solid #ebdfef;background:#fff}
.sera-chat-composer-row{display:flex;align-items:end;gap:9px;padding:7px;border:1px solid #d9c5e0;border-radius:16px;background:#fff;box-shadow:0 7px 18px #3619410e}.sera-chat-composer textarea{flex:1;min-width:0;min-height:43px;max-height:110px;padding:10px 12px;border:0;outline:0;resize:vertical;font:500 14px 'DM Sans',Arial,sans-serif}.sera-chat-send{min-height:40px;padding:8px 16px;border:0;border-radius:10px;background:#622d7b;color:#fff;cursor:pointer;font:900 13px 'DM Sans',Arial,sans-serif}.sera-chat-send:disabled{opacity:.55;cursor:wait}.sera-chat-composer .employee-ai-consent{font-size:11px}.sera-chat-status{min-height:1em;margin:0;color:#8b3939;font-size:11px}
.sera-chat-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sera-chat-shell.sidebar-collapsed .sera-chat-sidebar{padding:0;overflow:hidden}
@media(max-width:760px){.sera-chat-workspace{min-height:calc(100dvh - 220px);border-radius:15px}.sera-chat-shell{grid-template-columns:0 minmax(0,1fr);min-height:calc(100dvh - 220px)}.sera-chat-sidebar{padding:0;overflow:hidden}.sera-chat-shell:not(.sidebar-collapsed){grid-template-columns:minmax(0,1fr);position:relative}.sera-chat-shell:not(.sidebar-collapsed) .sera-chat-sidebar{position:absolute;z-index:4;inset:0 auto 0 0;width:min(270px,80vw);padding:20px 14px;box-shadow:12px 0 30px #210e3266}.sera-chat-top{padding:10px 12px}.sera-chat-stream{padding:20px 14px;max-height:calc(100dvh - 420px)}.sera-chat-composer{padding:12px}.sera-chat-message{max-width:94%}.sera-chat-empty h2{font-size:26px}}

/* Diary cues stay beside the real book; selecting a cue opens its real editor. */
.sera-diary-welcome .sera-diary-reflection{margin-top:2px;border:1px solid #ead9e9;border-radius:18px;background:#ffffffd9}
.sera-diary-welcome .sera-diary-reflection h2{margin:0 0 10px;color:#54276e;font:700 21px Georgia,serif}
.sera-diary-welcome .sera-diary-moods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:0}
.sera-diary-welcome .sera-diary-mood{min-width:0;padding:8px 4px;border-radius:11px;font-size:10px}
.sera-diary-welcome .sera-diary-mood span{font-size:20px}
.sera-diary-welcome .sera-diary-actions{margin:0}
.sera-diary-welcome .sera-diary-inspiration{margin-top:0}
@media(max-width:620px){.sera-diary-welcome .sera-diary-moods{grid-template-columns:repeat(5,minmax(0,1fr))}.sera-diary-welcome .sera-diary-mood{font-size:9px}}
.employee-diary-layout.employee-diary-diary.employee-diary-reading{display:grid;grid-template-columns:minmax(0,720px) minmax(310px,1fr);max-width:1220px;align-items:start;gap:22px}
.employee-diary-layout.employee-diary-diary.employee-diary-reading>.sera-diary-welcome{display:flex!important;min-height:0;margin-top:46px;padding:24px}
.employee-diary-layout.employee-diary-diary.employee-diary-reading .sera-diary-welcome h2{font-size:27px}
.employee-diary-layout.employee-diary-diary.employee-diary-reading .sera-diary-welcome>p{font-size:13px}
.employee-diary-layout.employee-diary-diary.employee-diary-reading .sera-diary-welcome .sera-diary-actions{display:grid;grid-template-columns:1fr 1fr}
@media(max-width:1120px){.employee-diary-layout.employee-diary-diary.employee-diary-reading{grid-template-columns:1fr;max-width:760px}.employee-diary-layout.employee-diary-diary.employee-diary-reading>.sera-diary-welcome{margin-top:0}}

/* Final IA controls: one clear action, real SERA mark, unobstructed title. */
.sera-ai-lead .employee-demo-spark{position:relative!important;top:auto!important;left:auto!important;flex:none;margin-bottom:2px}
.sera-ai-choice-button{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 4px}
.sera-ai-choice-button img{display:block;width:30px;height:30px;border-radius:50%;background:#ffffffd8;object-fit:contain;object-position:center top}
.sera-ai-talk-orb{width:38px;height:38px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 0 0 3px #fff,0 0 16px #ae76c6}
.sera-chat-session-row{display:flex;align-items:center;gap:2px;min-width:0;border-radius:9px}.sera-chat-session-row:has(.sera-chat-session.active){background:#ffffff20}
.sera-chat-session-row .sera-chat-session{flex:1;min-width:0}
.sera-chat-session-tool{display:grid;place-items:center;flex:none;width:26px;height:29px;padding:0;border:0;border-radius:7px;background:transparent;color:#e7cdec;cursor:pointer;font-size:14px}
.sera-chat-session-tool:hover{background:#ffffff30;color:#fff}
.sera-chat-privacy{justify-self:end;padding:0;border:0;background:transparent;color:#715b7c;cursor:pointer;font-size:11px;text-decoration:underline}

/* Reading stays inside the page: only the entry scrolls, never its actions. */
.employee-diary-layout.employee-diary-diary.employee-diary-reading{grid-template-columns:minmax(0,920px) minmax(360px,1fr);max-width:1540px}
.employee-diary-layout .employee-diary-right-page{display:flex;flex-direction:column;overflow:hidden!important}
.employee-diary-layout .employee-diary-right-page>.employee-diary-page-number,.employee-diary-layout .employee-diary-right-page>h3{flex:none}
.employee-diary-layout .employee-diary-right-page>.employee-diary-page-text{flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;padding-right:10px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bba58a transparent}
.employee-diary-layout .employee-diary-right-page>.employee-diary-reading-controls{flex:none;justify-content:center;flex-wrap:nowrap;gap:10px;margin:7px 0 0;padding:5px 0 0;background:#fff9edeb}
.employee-diary-icon-button{display:grid!important;place-items:center;width:31px;height:31px;min-width:31px;min-height:31px;margin:0!important;padding:0!important;border:1px solid #ddc9e0!important;border-radius:50%!important;background:#fffaf2e8!important;color:#572e6b!important;box-shadow:none!important;font:700 18px/1 Arial,sans-serif!important;cursor:pointer}
.employee-diary-icon-button:hover,.employee-diary-icon-button:focus-visible{border-color:#8b56a4!important;background:#f5eaf7!important}
.employee-diary-index-item{position:relative;display:block;width:100%}
.employee-diary-index-item>.employee-diary-page-link{width:100%;padding-right:44px}
.employee-diary-index-delete{position:absolute;z-index:2;top:50%;right:9px;display:grid;place-items:center;width:30px;height:30px;min-width:30px;min-height:30px;margin:0;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#653a72;font-size:15px;line-height:1;cursor:pointer;pointer-events:auto;transform:translateY(-50%)}
.employee-diary-index-delete:hover,.employee-diary-index-delete:focus-visible{border-color:#bd8ca5;background:#fff4f6;color:#a13251}
.employee-diary-layout .employee-diary-right-page:has(.employee-diary-page-form){overflow:hidden!important}
@media(min-width:761px){
  .employee-diary-layout.employee-diary-diary.employee-diary-reading .employee-diary-book-head,
  .employee-diary-layout.employee-diary-diary.employee-diary-reading .employee-diary-animation,
  .employee-diary-layout.employee-diary-diary.employee-diary-reading .employee-diary-spread{width:min(100%,820px,calc(100dvh - 170px))}
  .employee-diary-layout.employee-diary-diary.employee-diary-reading .employee-diary-right-page{bottom:30%}
}
@media(max-width:1120px){.employee-diary-layout.employee-diary-diary.employee-diary-reading{grid-template-columns:1fr;max-width:850px}}
@media(max-width:760px){
  .employee-diary-layout .employee-diary-right-page{max-height:min(68dvh,570px);min-height:350px;overflow:hidden!important}
  .employee-diary-layout .employee-diary-right-page>.employee-diary-page-text{min-height:0;max-height:none}
  .employee-diary-layout .employee-diary-right-page:has(.employee-diary-page-form){max-height:none;overflow:hidden!important}
}
@media(min-width:761px){
  .company-content:has(.employee-diary-layout.employee-diary-reading){padding-bottom:16px}
  .employee-diary-layout.employee-diary-diary.employee-diary-reading>.sera-diary-welcome{justify-content:flex-start;gap:12px;padding:20px}
  .employee-diary-layout.employee-diary-diary.employee-diary-reading .sera-diary-welcome>p{line-height:1.45}
  .employee-diary-layout.employee-diary-diary.employee-diary-reading .sera-diary-reflection{padding:14px}
  .employee-diary-layout.employee-diary-diary.employee-diary-reading .sera-diary-moods{margin-top:9px}
  .employee-diary-layout.employee-diary-diary.employee-diary-reading .sera-diary-mood{padding:6px 4px}
  .employee-diary-layout.employee-diary-diary.employee-diary-reading .sera-diary-action{min-height:62px;padding:8px 10px}
  .employee-diary-layout.employee-diary-diary.employee-diary-reading .sera-diary-inspiration>summary{padding:11px 14px}
}
.sera-chat-manage-dialog{width:min(420px,calc(100vw - 28px));max-width:100%;padding:0;border:1px solid #e5d1e9;border-radius:17px;background:#fff;color:#351947;box-shadow:0 25px 60px #1d0b2d66}
.sera-chat-manage-dialog::backdrop{background:#26132d77}
.sera-chat-manage-panel{display:grid;gap:15px;padding:24px}.sera-chat-manage-panel h2{margin:0;font:700 22px Outfit,Arial,sans-serif}.sera-chat-manage-panel p{margin:0;color:#715d7a;font-size:14px;line-height:1.5}.sera-chat-manage-panel input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d9c5e0;border-radius:9px;font:inherit}.sera-chat-manage-controls{display:flex;justify-content:flex-end;gap:9px}.sera-chat-manage-controls button,.sera-chat-manage-panel>.company-primary{min-height:38px;padding:8px 13px;border-radius:9px;cursor:pointer}.sera-chat-delete-confirm{border:0;background:#a8304e;color:#fff;font-weight:800}

/* A calmer, character-led invitation to start a conversation. */
.company-page-head:has(~ .employee-diary-layout.employee-diary-ai),.company-page-head:has(~ .sera-chat-workspace:not([hidden])){display:none}
.employee-diary-layout.employee-diary-ai .employee-demo-hero{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);grid-template-rows:minmax(350px,1fr) auto;gap:8px 18px;min-height:620px;padding:34px clamp(28px,3vw,48px) 30px;background:radial-gradient(circle at 77% 42%,#9f5bb4 0%,#71378f 25%,transparent 52%),linear-gradient(126deg,#291338 0%,#47205e 62%,#62277f 100%)}
.employee-diary-layout.employee-diary-ai .employee-demo-hero::before{inset:8% -8% -50% 42%;height:115%;background:radial-gradient(circle,#ce8ce748,transparent 67%)}
.sera-ai-lead{gap:15px}
.sera-ai-lead .employee-demo-spark{width:45px;height:45px;margin-bottom:3px}
.employee-diary-layout.employee-diary-ai .sera-ai-lead strong{max-width:430px;font:700 clamp(42px,4.2vw,64px)/1.06 Georgia,serif;letter-spacing:-.035em}
.employee-diary-layout.employee-diary-ai .sera-ai-lead small{max-width:360px;font-size:16px;line-height:1.55}
.employee-diary-layout.employee-diary-ai .employee-ai-mascots{height:365px;align-self:end}
.employee-diary-layout.employee-diary-ai .employee-ai-mascots img{width:54%;max-width:54%;height:112%;object-position:center bottom}
.employee-diary-layout.employee-diary-ai .employee-ai-mascots img+img{margin-left:-8%}
.sera-ai-orbit{inset:8% 8%;border-color:#f2cfef87;box-shadow:0 0 0 20px #ffffff0a}
.sera-ai-start{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);padding:19px 22px;background:linear-gradient(110deg,#ffffff16,#ffffff22)}
.sera-ai-choice{gap:10px}
.sera-ai-choice-button{min-height:41px}
.sera-ai-suggestions{justify-content:flex-end}
@media(max-width:900px){.employee-diary-layout.employee-diary-ai .employee-demo-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:550px}.employee-diary-layout.employee-diary-ai .employee-ai-mascots{height:290px}.employee-diary-layout.employee-diary-ai .sera-ai-lead strong{font-size:clamp(36px,5vw,52px)}.sera-ai-start{grid-template-columns:1fr}}
@media(max-width:620px){.employee-diary-layout.employee-diary-ai .employee-demo-hero{min-height:0;gap:20px;padding:26px 19px 23px}.employee-diary-layout.employee-diary-ai .sera-ai-lead strong{font-size:42px}.employee-diary-layout.employee-diary-ai .employee-ai-mascots{height:225px}.employee-diary-layout.employee-diary-ai .employee-ai-mascots img{height:108%}.sera-ai-start{gap:13px;padding:15px}.sera-ai-suggestions{justify-content:flex-start}}

/* Entre Nós: entrada do participante preservando o chat e o livro existentes. */
.employee-diary-layout.employee-diary-ai .sera-entre-hero{grid-template-rows:minmax(310px,1fr) auto;min-height:min(760px,calc(100dvh - 190px))}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{font-size:clamp(48px,5vw,72px)}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{height:clamp(280px,40dvh,430px)}
.sera-entre-hero .sera-ai-start{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:13px;padding:0;background:none}
.sera-entre-hero .sera-ai-choice{justify-content:flex-start}
.sera-entre-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sera-entre-card{display:grid;align-content:start;gap:8px;min-width:0;min-height:145px;padding:17px;border:1px solid #f6eafa;border-radius:18px;background:linear-gradient(150deg,#fff,#f6edf9);color:#361844;text-align:left;cursor:pointer;box-shadow:0 10px 22px #1909202b;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.sera-entre-card:hover,.sera-entre-card:focus-visible{transform:translateY(-5px);border-color:#ffc354;box-shadow:0 16px 30px #19092046}
.sera-entre-card-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#e9dbf1;color:#60227d;font-size:22px}
.sera-entre-card:nth-child(2) .sera-entre-card-icon{background:#e2f0fb;color:#168ac9}.sera-entre-card:nth-child(3) .sera-entre-card-icon{background:#fff0d9;color:#b8790b}.sera-entre-card:nth-child(4) .sera-entre-card-icon{background:#eaf3df;color:#598719}
.sera-entre-card strong{font:800 15px 'DM Sans',Arial,sans-serif}.sera-entre-card small{color:#6c5b75;font-size:12px;line-height:1.35}
.sera-moment-page{max-width:1200px;margin:0 auto;overflow:hidden;border:1px solid #e8d5ed;border-radius:24px;background:#fff;box-shadow:0 16px 38px #36194116}
.sera-moment-intro{position:relative;min-height:240px;padding:38px 45% 38px 38px;overflow:hidden;background:radial-gradient(circle at 70% 20%,#9b5ab3,transparent 40%),linear-gradient(125deg,#2d143f,#683180);color:#fff}
.sera-moment-intro h2{max-width:500px;margin:10px 0;font:700 clamp(32px,4vw,52px)/1.1 Georgia,serif}.sera-moment-intro p{max-width:440px;margin:0;color:#f2e5f6;line-height:1.5}.sera-moment-eyebrow{font-size:12px;font-weight:900;letter-spacing:.14em;color:#eec8f7}
.sera-moment-character{position:absolute;right:5%;bottom:-20%;height:115%;width:34%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 20px #18082766)}
.sera-moment-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px}.sera-moment-player,.sera-moment-library{display:grid;align-content:start;gap:15px;min-width:0;padding:24px;border:1px solid #eadfed;border-radius:18px;background:#faf5fc}.sera-moment-player h3,.sera-moment-library h3{margin:0;color:#3c1c4c}.sera-moment-player strong{min-height:24px;color:#592773;overflow-wrap:anywhere}.sera-moment-library p{margin:0;color:#725f7a;font-size:13px;line-height:1.5}
.sera-moment-seek{width:100%;accent-color:#622e7e}.sera-moment-time{color:#7b6884;font-size:12px}.sera-moment-controls{display:flex;align-items:center;justify-content:center;gap:13px}.sera-moment-control{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9c8e0;border-radius:50%;background:#fff;color:#4d2164;cursor:pointer;font-size:18px}.sera-moment-play{width:54px;height:54px;border:0;background:#53266d;color:#fff}.sera-moment-control:hover,.sera-moment-track:hover{transform:translateY(-2px)}
.sera-moment-file{max-width:100%;font:12px 'DM Sans',Arial,sans-serif}.sera-moment-list{display:grid;gap:6px;max-height:210px;overflow:auto}.sera-moment-track{padding:10px 12px;border:1px solid #e7d9eb;border-radius:10px;background:#fff;color:#4d2164;text-align:left;cursor:pointer}.sera-moment-track.active{border-color:#9c66b2;background:#eee0f4;font-weight:800}.sera-moment-back{justify-self:start;padding:9px 14px;border:1px solid #d9c7df;border-radius:10px;background:#fff;color:#4d2164;cursor:pointer;font-weight:800}
@media(max-width:900px){.sera-entre-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-diary-layout.employee-diary-ai .sera-entre-hero{min-height:0}.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{height:300px}}
@media(max-width:620px){.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{font-size:48px}.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{height:215px}.sera-entre-cards{gap:9px}.sera-entre-card{min-height:130px;padding:12px}.sera-entre-card strong{font-size:13px}.sera-entre-card small{font-size:11px}.sera-moment-intro{min-height:205px;padding:25px 42% 25px 22px}.sera-moment-intro h2{font-size:32px}.sera-moment-character{right:-5%;width:49%}.sera-moment-body{grid-template-columns:1fr;padding:13px}.sera-moment-player,.sera-moment-library{padding:18px}}
@media(prefers-reduced-motion:reduce){.sera-entre-card{transition:none}}

/* Composição da referência aprovada: saudação à esquerda, dupla à direita, ações e quatro quadros abaixo. */
.employee-diary-layout.employee-diary-ai .sera-entre-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:minmax(315px,1fr) auto;gap:4px 20px;min-height:min(750px,calc(100dvh - 175px));padding:clamp(25px,3.1vw,46px);border:0;border-radius:22px;background:radial-gradient(circle at 72% 42%,#814091 0,#623078 30%,transparent 58%),linear-gradient(120deg,#2a143b 5%,#4a205f 62%,#713787);box-shadow:0 24px 48px #24122e33}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{align-self:center;gap:14px;padding-bottom:8px}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{max-width:510px;font:700 clamp(36px,3.8vw,61px)/1.08 Georgia,serif;letter-spacing:-.025em}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead small{max-width:440px;font-size:15px;line-height:1.5}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{height:clamp(300px,42dvh,440px);align-self:end;justify-content:center}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots img{height:100%;max-width:54%;width:54%;object-position:center bottom}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots img+img{margin-left:-10%}
.sera-entre-hero .sera-ai-start{gap:12px;padding:0;border:0;backdrop-filter:none}
.sera-entre-featured{display:flex;align-items:center;gap:12px}
.sera-entre-featured .sera-ai-talk{min-height:47px;padding:8px 19px;border:1px solid #fff6;border-radius:999px;background:#68328f;color:#fff;box-shadow:0 9px 18px #18062255;font:800 14px 'DM Sans',Arial,sans-serif}
.sera-entre-featured .sera-ai-talk-orb{width:25px;height:25px;box-shadow:none;background:#fff}
.sera-entre-featured .sera-ai-talk-arrow{font-size:17px}
.sera-entre-moment-link{min-height:47px;padding:10px 18px;border:1px solid #ecd9f1;border-radius:999px;background:#fff;color:#4b1c66;cursor:pointer;font:800 14px 'DM Sans',Arial,sans-serif;transition:transform .2s ease,background .2s ease}
.sera-entre-moment-link:hover{transform:translateY(-3px);background:#f3e6f7}
.sera-entre-hero .sera-entre-cards{gap:12px}
.sera-entre-hero .sera-entre-card{min-height:135px;padding:16px 17px;border-radius:17px}
.sera-entre-hero .sera-entre-card-icon{width:37px;height:37px}
.sera-persona-dialog .sera-chat-manage-panel{gap:18px}.sera-persona-dialog-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sera-persona-dialog-choice{display:grid;justify-items:center;gap:8px;min-height:170px;padding:12px;border:1px solid #e7d7ec;border-radius:15px;background:#faf5fc;color:#48205f;cursor:pointer;font:800 15px 'DM Sans',Arial,sans-serif}.sera-persona-dialog-choice:hover{border-color:#9653b2;background:#f0e1f6}.sera-persona-dialog-choice img{width:100%;height:115px;object-fit:contain;object-position:center bottom}
.sera-persona-dialog{width:min(560px,calc(100vw - 28px))}.sera-persona-dialog-choice{min-height:270px;background:#fff;transform:translate3d(0,0,0);backface-visibility:hidden;transition:transform .18s ease,box-shadow .18s ease}.sera-persona-dialog-choice:hover,.sera-persona-dialog-choice:focus-visible{transform:translate3d(0,-3px,0);box-shadow:0 12px 24px #421b5a25}.sera-persona-dialog-choice video{display:block;width:100%;height:220px;background:#fff;object-fit:contain;object-position:center bottom;pointer-events:none;transform:translateZ(0);backface-visibility:hidden}@media(max-width:520px){.sera-persona-dialog .sera-chat-manage-panel{padding:16px}.sera-persona-dialog-options{gap:8px}.sera-persona-dialog-choice{min-height:200px;padding:8px;font-size:14px}.sera-persona-dialog-choice video{height:155px}}
@media(max-width:900px){.employee-diary-layout.employee-diary-ai .sera-entre-hero{grid-template-columns:1fr 1fr;min-height:0}.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{height:310px}.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{font-size:clamp(35px,5vw,50px)}}
@media(max-width:620px){.employee-diary-layout.employee-diary-ai .sera-entre-hero{display:flex;flex-direction:column;align-items:stretch;gap:13px;padding:24px 18px}.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{font-size:39px}.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead small{font-size:13px}.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{height:225px;align-self:center}.sera-entre-featured{flex-wrap:wrap}.sera-entre-featured .sera-ai-talk,.sera-entre-moment-link{min-height:43px;font-size:12px}.sera-entre-hero .sera-entre-card{min-height:122px;padding:12px}.sera-entre-hero .sera-entre-cards{gap:9px}}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card strong{font:800 16px/1.16 'DM Sans',Arial,sans-serif;color:#361844}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card small{font:500 12px/1.4 'DM Sans',Arial,sans-serif;color:#65556e}
@media(min-width:621px) and (max-width:900px){.employee-diary-layout.employee-diary-ai .sera-entre-hero{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{height:340px}.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{font-size:clamp(35px,5vw,45px)}}
@media(max-width:620px){.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card strong{font-size:14px}.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card small{font-size:11px}}
.sera-chat-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sera-chat-sidebar-head .sera-chat-sidebar-brand{flex:1}
.sera-chat-sidebar-close{display:none;width:34px;height:34px;flex:none;border:1px solid #ffffff55;border-radius:9px;background:#ffffff16;color:#fff;cursor:pointer;font-size:22px}
@media(max-width:760px){.sera-chat-sidebar-close{display:grid;place-items:center}}
.sera-chat-microphone{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #d9c5e0;border-radius:50%;background:#f8f0fa;color:#532568;cursor:pointer;font-size:17px}
.sera-chat-microphone.recording{border-color:#b84468;background:#fff0f4;color:#ad224c;animation:sera-microphone-pulse 1s ease-in-out infinite alternate}
@keyframes sera-microphone-pulse{to{box-shadow:0 0 0 7px #d6497240}}
@media(prefers-reduced-motion:reduce){.sera-chat-microphone.recording{animation:none}}
.sera-experience-form{display:grid;gap:16px}.sera-experience-form fieldset{display:grid;gap:10px;min-width:0;margin:0;padding:17px;border:1px solid #e6d9ea;border-radius:14px}.sera-experience-form legend{padding:0 6px;color:#3e1c55;font-weight:800}.sera-experience-styles{grid-template-columns:repeat(2,minmax(0,1fr))}.sera-experience-styles legend{grid-column:1/-1}.sera-experience-style,.sera-experience-consent{display:flex;align-items:center;gap:9px;color:#4c345a;font-size:13px}.sera-experience-style input,.sera-experience-consent input{accent-color:#622d7b}.sera-experience-trusted label:not(.sera-experience-consent){display:grid;gap:6px;color:#4c345a;font-size:13px;font-weight:700}.sera-experience-trusted input:not([type=checkbox]){width:100%;min-height:42px;padding:9px 11px;border:1px solid #d9c7e1;border-radius:9px;font:inherit}.sera-experience-form>.company-primary{justify-self:start}
.employee-settings-form input,.sera-experience-trusted input:not([type=checkbox]){box-sizing:border-box;min-width:0;max-width:100%}
@media(max-width:760px){.company-content:has(.employee-diary-layout.employee-diary-diary:not(.employee-diary-reading)) .company-page-head{display:none}}
@media(max-width:760px){.employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-visual{display:block;min-height:0}.employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .employee-diary-cover-wrap{height:auto;min-height:0;padding:12px 0 8px}.employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .employee-diary-cover{height:auto;width:min(350px,75vw);margin:auto}.employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .employee-diary-cover-image{height:auto;max-height:none}}
@media(max-width:620px){.sera-experience-styles{grid-template-columns:1fr}}

/* Acabamento visual das quatro experiências do participante. */
.employee-diary-layout.employee-diary-ai .sera-entre-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 69% 46%,#8e499e 0%,#633276 34%,transparent 62%),linear-gradient(120deg,#281339,#4d205f 62%,#713781)}
.employee-diary-layout.employee-diary-ai .sera-entre-hero::after{content:'';position:absolute;z-index:-1;inset:9% 3% 17% 40%;border:1px solid #ffffff23;border-radius:50%;pointer-events:none}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots img{filter:drop-shadow(0 18px 14px #1c082c80);transition:transform .35s ease}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots:hover img:first-of-type{transform:translateY(-5px) rotate(-2deg)}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots:hover img:last-of-type{transform:translateY(-5px) rotate(2deg)}
.sera-entre-card{position:relative;overflow:hidden}.sera-entre-card::after{content:'↗';position:absolute;right:15px;top:16px;color:#885a9a;font-size:17px;opacity:.7;transition:transform .2s ease}.sera-entre-card:hover::after{transform:translate(3px,-3px)}
.sera-chat-workspace{border-color:#d9c4e4;box-shadow:0 22px 50px #31123e24}.sera-chat-sidebar{background:linear-gradient(165deg,#21102f,#442254 72%,#5c2d6f)}
.sera-chat-main{background:radial-gradient(circle at 98% 0%,#f7eaf9,#fff 51%)}.sera-chat-top{background:linear-gradient(90deg,#fff,#fbf6fd)}
.sera-chat-message.user p{background:linear-gradient(135deg,#642d80,#7d4199);border-color:#642d80;color:#fff;box-shadow:0 8px 20px #3b18502b}
.sera-chat-message.assistant p{border-color:#e8ddec;box-shadow:0 8px 22px #381a4510}.sera-chat-send:hover{background:#4c1d65;transform:translateY(-1px)}
.sera-moment-cover{grid-column:1;grid-row:2/6;display:grid;align-content:center;justify-items:center;gap:8px;width:102px;min-height:102px;padding:10px;border:1px solid #d9c4e4;border-radius:14px;background:radial-gradient(circle at 35% 28%,#c49bd7,#765091 64%,#422454);color:#fff;box-shadow:0 9px 19px #34144325}.sera-moment-cover img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 2px 6px #2b143c66)}.sera-moment-cover span{font:800 11px 'DM Sans',Arial,sans-serif}
.sera-moment-player{grid-template-columns:102px minmax(0,1fr);column-gap:16px;align-items:center}.sera-moment-player h3{grid-column:1/-1}.sera-moment-player>strong,.sera-moment-player>.sera-moment-seek,.sera-moment-player>.sera-moment-time,.sera-moment-player>.sera-moment-controls{grid-column:2}.sera-moment-controls{justify-content:flex-start}
.sera-moment-file{width:100%;padding:8px;border:1px dashed #d5bddd;border-radius:11px;background:#fcf8fd;color:#594366}.sera-moment-file::file-selector-button{margin-right:10px;padding:8px 11px;border:0;border-radius:8px;background:#eadbf1;color:#512568;font:800 11px 'DM Sans',Arial,sans-serif;cursor:pointer}
.sera-chat-music-file{width:100%;padding:7px;border:1px dashed #d7c3df;border-radius:10px;background:#fff;color:#65506e}.sera-chat-music-file::file-selector-button{margin-right:6px;padding:7px;border:0;border-radius:8px;background:#eadbf1;color:#512568;font:800 10px 'DM Sans',Arial,sans-serif;cursor:pointer}
.sera-diary-welcome{background:radial-gradient(circle at 100% 0%,#f0e3f6,transparent 39%),linear-gradient(145deg,#fffdf9,#fff8ee)}.sera-diary-action{transition:transform .2s ease,box-shadow .2s ease}.sera-diary-action:hover{transform:translateY(-3px);box-shadow:0 10px 20px #3c194016}
@media(max-width:680px){.sera-moment-player{grid-template-columns:82px minmax(0,1fr);column-gap:12px}.sera-moment-cover{width:82px;min-height:88px}.sera-moment-cover img{width:35px;height:35px}.sera-moment-controls{gap:7px}.sera-moment-control{width:36px;height:36px}.sera-moment-play{width:45px;height:45px}.sera-moment-character{right:0;width:55%}}
@media(max-width:410px){.sera-moment-player{grid-template-columns:1fr}.sera-moment-cover{grid-column:1;grid-row:auto;width:100%;min-height:90px}.sera-moment-player>strong,.sera-moment-player>.sera-moment-seek,.sera-moment-player>.sera-moment-time,.sera-moment-player>.sera-moment-controls{grid-column:1}.sera-moment-controls{justify-content:center}}
@media(prefers-reduced-motion:reduce){.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots img,.sera-entre-card::after,.sera-diary-action{transition:none}}

/* Meu Momento: mesma linguagem roxa e cartões claros da referência. */
.sera-moment-page{position:relative;max-width:1240px;padding:0 26px 24px;border:0;border-radius:22px;background:radial-gradient(circle at 68% 22%,#a757a8 0,transparent 42%),linear-gradient(130deg,#28133e,#6f3280 68%,#924d98);color:#fff}
.sera-moment-intro{min-height:280px;padding:38px 45% 28px 12px;overflow:visible;background:none}
.sera-moment-intro h2{max-width:490px;font:700 clamp(36px,4vw,52px)/1.08 Georgia,serif}.sera-moment-intro p{max-width:380px}
.sera-moment-character{right:21%;bottom:-18px;width:32%;height:310px;object-position:center bottom;z-index:1;filter:drop-shadow(0 14px 16px #1a092b66)}
.sera-moment-body{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(180px,.72fr);align-items:stretch;gap:13px;padding:0}
.sera-moment-player,.sera-moment-library,.sera-moment-pause{min-height:255px;padding:20px;border:1px solid #f4e8f8;border-radius:17px;background:#fff;color:#392048;box-shadow:0 12px 28px #1a092b2c}
.sera-moment-player{gap:14px}.sera-moment-player h3,.sera-moment-library h3{font-size:15px}.sera-moment-player strong{font-size:18px}.sera-moment-library{gap:12px}.sera-moment-library p{font-size:12px}.sera-moment-pause{display:grid;align-content:center;justify-items:center;gap:12px;text-align:center;background:#f8eefb}.sera-moment-pause span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#eedcf4;color:#71348a;font-size:24px}.sera-moment-pause strong{max-width:200px;font:700 20px Georgia,serif}.sera-moment-pause p{margin:0;color:#745f7d;font-size:12px;line-height:1.5}
.sera-moment-page-back{display:block;margin:18px 0 0 auto;padding:10px 15px;border:1px solid #ffffff70;border-radius:999px;background:#ffffff17;color:#fff;cursor:pointer;font-weight:800}.sera-moment-page-back:hover{background:#ffffff30}
.sera-moment-preferred{display:grid;gap:5px}.sera-moment-preferences-link{justify-self:start;min-height:36px;padding:8px 12px;border:1px solid #d8c2e1;border-radius:10px;background:#f3e8f7;color:#53266d;font:800 12px 'DM Sans',Arial,sans-serif;cursor:pointer}.sera-moment-preferences-link:hover{background:#e9d8f0;transform:translateY(-1px)}
@media(max-width:1050px){.sera-moment-body{grid-template-columns:1fr 1.2fr}.sera-moment-pause{grid-column:1/-1;min-height:120px}.sera-moment-character{right:8%;width:40%}}
@media(max-width:680px){.sera-moment-page{padding:0 14px 18px}.sera-moment-intro{min-height:330px;padding:27px 10px 0}.sera-moment-intro h2{max-width:250px;font-size:36px}.sera-moment-intro p{max-width:230px;font-size:13px}.sera-moment-character{right:-6%;bottom:-3px;width:58%;height:260px}.sera-moment-body{grid-template-columns:1fr}.sera-moment-pause{grid-column:auto;min-height:120px}.sera-moment-player,.sera-moment-library{min-height:0}}

.sera-chat-music-toggle{width:38px;height:38px;margin-left:auto;border:1px solid #e5d4ea;border-radius:50%;background:#f7effa;color:#56236f;cursor:pointer;font-size:19px}.sera-chat-music-toggle:hover{background:#eadcf0}
.sera-chat-top:has(.sera-chat-music-toggle) .sera-chat-back{margin-left:0}
.sera-chat-shell.music-open{grid-template-columns:245px minmax(0,1fr) 220px}
.sera-chat-shell.music-open.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr) 220px}
.sera-chat-music[hidden]{display:none!important}.sera-chat-music{display:grid;align-content:start;justify-items:center;gap:16px;min-width:0;padding:18px 13px;border-left:1px solid #e9dced;background:linear-gradient(155deg,#f8f0fa,#fff);color:#3f2052;text-align:center}
.sera-chat-music-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:5px}.sera-chat-music-head strong{font-size:14px}.sera-chat-music-close{border:0;background:transparent;color:#603079;cursor:pointer;font-size:24px}.sera-chat-music-art{display:grid;place-items:center;width:110px;height:110px;border-radius:18px;background:linear-gradient(145deg,#d6bce6,#8f5cae);color:#fff;font-size:50px;box-shadow:0 12px 25px #3f1d5022}.sera-chat-music-title{max-width:100%;min-height:20px;overflow-wrap:anywhere;font-size:13px}.sera-chat-music-controls{display:flex;align-items:center;gap:8px}.sera-chat-music-control,.sera-chat-music-play{width:32px;height:32px;border:1px solid #d9c4e3;border-radius:50%;background:#fff;color:#5a2974;cursor:pointer}.sera-chat-music-play{width:42px;height:42px;border:0;background:#55236f;color:#fff}.sera-chat-music-file{max-width:100%;font-size:10px}
@media(max-width:950px){.sera-chat-shell.music-open,.sera-chat-shell.music-open.sidebar-collapsed{grid-template-columns:245px minmax(0,1fr)}.sera-chat-shell.music-open.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sera-chat-music{position:absolute;z-index:5;top:0;right:0;bottom:0;width:min(250px,84vw);box-shadow:-12px 0 26px #21102f42}.sera-chat-shell{position:relative}}
@media(max-width:760px){.sera-chat-shell.music-open,.sera-chat-shell.music-open.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sera-chat-top{gap:7px}.sera-chat-music-toggle{flex:none}}

.employee-diary-layout.employee-diary-diary .sera-diary-visual{position:relative}
.sera-diary-mini-player[hidden]{display:none!important}.sera-diary-mini-player{position:absolute;z-index:3;right:0;top:12px;display:grid;grid-template-columns:28px minmax(0,1fr) 33px;align-items:center;gap:6px;width:160px;padding:8px;border:1px solid #e7d6eb;border-radius:13px;background:#fffdfde8;color:#4c2760;box-shadow:0 8px 20px #30123722;backdrop-filter:blur(9px)}.sera-diary-mini-player>span{font-size:22px;color:#a657a4}.sera-diary-mini-player strong{font-size:11px;line-height:1.2;overflow-wrap:anywhere}.sera-diary-mini-toggle{width:31px;height:31px;border:0;border-radius:50%;background:#5a2874;color:#fff;cursor:pointer}.sera-diary-mini-player input{grid-column:1/-1;width:100%;font-size:10px}
@media(min-width:1101px){.employee-diary-layout.employee-diary-reading .sera-diary-mini-player{right:0;top:62px}}
@media(max-width:1100px){.sera-diary-mini-player{right:8px;top:6px}}
@media(max-width:760px){.sera-diary-mini-player{position:relative;right:auto;top:auto;width:100%;max-width:320px;margin:0 auto 9px}.employee-diary-layout.employee-diary-reading .sera-diary-mini-player{position:relative;right:auto;top:auto}}

/* Painel do participante: proporções e sobreposição dos quatro quadros aprovados. */
@media(min-width:901px){
  .employee-diary-layout.employee-diary-ai{max-width:1480px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero{min-height:min(760px,calc(100dvh - 118px));grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);grid-template-rows:minmax(0,1fr) auto;column-gap:0;row-gap:0;padding:clamp(28px,3vw,48px);overflow:hidden;background:radial-gradient(ellipse at 77% 42%,#864194 0,#5b2a73 38%,transparent 69%),linear-gradient(125deg,#281238,#49205e 63%,#713483)}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{z-index:2;align-self:center;padding:0 0 68px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{max-width:500px;font-size:clamp(48px,4.4vw,72px);line-height:1.02}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead small{max-width:390px;margin-top:4px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{position:relative;z-index:1;align-self:stretch;justify-content:center;align-items:flex-end;height:auto;max-height:none;min-height:390px;margin:0;overflow:hidden}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots img{flex:none;width:63%;max-width:63%;height:130%;max-height:none;object-fit:contain;object-position:center bottom;transform:translateY(15%)}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots img+img{margin-left:-16%}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots:hover img:first-of-type{transform:translateY(14%) rotate(-1deg)}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots:hover img:last-of-type{transform:translateY(14%) rotate(1deg)}
  .sera-entre-hero .sera-ai-start{position:relative;z-index:3;margin-top:-74px}
  .sera-entre-hero .sera-entre-featured{margin:0 0 15px}
  .sera-entre-hero .sera-entre-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .sera-entre-hero .sera-entre-card{min-height:154px;padding:20px 18px;background:linear-gradient(145deg,#fff,#f8f2fb)}
  .sera-entre-hero .sera-entre-card-icon{width:44px;height:44px;border-radius:50%}
  .sera-moment-page{max-width:1480px;min-height:min(760px,calc(100dvh - 118px));padding:0 clamp(24px,3vw,45px) 26px;overflow:hidden}
  .sera-moment-intro{min-height:clamp(310px,43dvh,410px);padding:44px 54% 30px 0}
  .sera-moment-intro h2{max-width:520px;font-size:clamp(48px,4vw,68px)}
  .sera-moment-character{right:19%;bottom:-45px;width:37%;height:clamp(350px,49dvh,470px)}
  .sera-moment-body{grid-template-columns:minmax(230px,1fr) minmax(320px,1.35fr) minmax(180px,.62fr);gap:15px}
  .sera-moment-player,.sera-moment-library,.sera-moment-pause{min-height:300px;border-radius:19px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading){max-width:1420px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;align-items:center}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-visual{min-height:600px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .employee-diary-cover-wrap{height:600px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .employee-diary-cover{width:min(470px,55dvh,100%)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-welcome{min-height:0;max-height:min(760px,calc(100dvh - 128px));overflow:auto}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-welcome h2{font-size:clamp(31px,2.6vw,44px);line-height:1.08}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-action{min-height:72px}
  body.employee-workspace-active .sera-chat-workspace{max-width:1480px;min-height:min(790px,calc(100dvh - 115px))}
  body.employee-workspace-active .sera-chat-shell{min-height:min(790px,calc(100dvh - 115px));grid-template-columns:270px minmax(0,1fr)}
  body.employee-workspace-active .sera-chat-shell.music-open{grid-template-columns:270px minmax(0,1fr) minmax(210px,18%)}
  body.employee-workspace-active .sera-chat-shell.music-open.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr) minmax(210px,18%)}
}
@media(min-width:901px) and (max-height:700px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero{min-height:600px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{min-height:345px}
  .sera-moment-page{min-height:620px}
  .sera-moment-intro{min-height:305px}
  .sera-moment-character{height:360px}
}
@media(max-width:900px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{overflow:hidden}
  .sera-entre-hero .sera-entre-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sera-moment-page{min-width:0}
}
@media(min-width:901px){
  .employee-workspace-active .company-content:has(.sera-entre-hero),
  .employee-workspace-active .company-content.employee-moment-active{max-width:none;padding:0;min-height:calc(100dvh - 76px)}
  .employee-diary-layout.employee-diary-ai:has(.sera-entre-hero){display:block;max-width:none}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero{min-height:calc(100dvh - 76px);border-radius:0;box-shadow:none}
  .sera-moment-page{max-width:none;min-height:calc(100dvh - 76px);border-radius:0}
  .company-shell:has(.sera-entre-hero) .company-topbar,
  .company-shell.employee-moment-active .company-topbar{border-bottom-color:#ffffff2b;background:linear-gradient(90deg,#281238,#4f2365 72%,#713483);color:#fff}
  .company-shell:has(.sera-entre-hero) .company-topbar small,
  .company-shell.employee-moment-active .company-topbar small{color:#e6d1ef}
  .company-shell:has(.sera-entre-hero) .company-header-identity,
  .company-shell.employee-moment-active .company-header-identity{border-left-color:#ffffff55;color:#fff}
  .company-shell:has(.sera-entre-hero) .company-header-identity .company-header-person strong,
  .company-shell.employee-moment-active .company-header-identity .company-header-person strong{color:#fff}
  .company-shell:has(.sera-entre-hero) .company-header-identity:hover .company-header-person strong,
  .company-shell.employee-moment-active .company-header-identity:hover .company-header-person strong{color:#f5dcff}
  .company-shell:has(.sera-entre-hero) .company-profile-chevron,
  .company-shell.employee-moment-active .company-profile-chevron{color:#e7d2ee}
  .company-shell:has(.sera-entre-hero) .employee-notification-bell,
  .company-shell.employee-moment-active .employee-notification-bell{border-color:#ffffff55;background:#ffffff1b;color:#fff}
  .employee-workspace-active .company-content:has(.employee-diary-layout.employee-diary-diary){max-width:1500px}
}
@media(max-width:900px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafina,
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafino{flex:0 0 48%;width:48%;max-width:48%;height:100%;max-height:none;margin:0;object-fit:contain;object-position:center bottom;opacity:1;visibility:visible;mix-blend-mode:normal;mask-image:none}
}
body.employee-workspace-active .company-content.employee-moment-active .company-page-head,
body.employee-workspace-active .company-content:has(.employee-diary-layout.employee-diary-diary:not(.employee-diary-reading)) .company-page-head{display:none}

/* Arquivos separados aprovados: cada cena mantém sua composição própria. */
@media(min-width:901px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero{display:grid;grid-template-columns:minmax(0,30%) minmax(0,40%) minmax(0,30%);grid-template-rows:minmax(390px,1fr) auto;align-items:stretch;gap:0;padding:28px clamp(18px,2vw,36px) 28px;background:radial-gradient(circle at 56% 47%,#714082,transparent 49%),linear-gradient(118deg,#2a143d,#54266b 65%,#6f327f)}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{grid-column:2;grid-row:1;z-index:3;align-self:center;gap:12px;padding:0 3% 34px;margin:0}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{max-width:560px;font-size:clamp(40px,3vw,56px);line-height:1.09}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead small{max-width:420px;font-size:15px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{position:relative;grid-column:1/-1;grid-row:1;z-index:1;display:block;width:100%;height:100%;min-height:390px;margin:0;overflow:hidden}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafina,
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafino{position:absolute;bottom:-17%;display:block;width:35%;max-width:35%;height:126%;max-height:none;object-fit:contain;object-position:center bottom;margin:0;animation:none;transform:none}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafina{left:-2%;bottom:-5%;width:38%;max-width:38%;height:105%}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafino{right:-4%;bottom:-70%;width:42%;max-width:42%;height:165%}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots:hover img:first-of-type,
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots:hover img:last-of-type{transform:none}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-orbit{inset:5% 12% 6% 35%;opacity:.35}
  .sera-entre-hero .sera-ai-start{grid-column:1/-1;grid-row:2;z-index:4;margin:-44px 0 0}
  .sera-entre-hero .sera-entre-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
  .sera-entre-hero .sera-entre-card{min-height:150px;border-radius:17px}
  .sera-entre-hero .sera-entre-card::after{display:none}
  .sera-moment-page{display:grid;grid-template-rows:minmax(360px,1fr) auto;align-content:stretch;padding:0 clamp(20px,2vw,38px) 25px;background:radial-gradient(circle at 76% 40%,#9e5a9f,transparent 39%),linear-gradient(125deg,#2a143e,#653176 70%,#884b8d)}
  .sera-moment-intro{grid-row:1;min-height:360px;padding:55px 9% 68px 47%}
  .sera-moment-intro h2{max-width:430px;font-size:clamp(45px,3.5vw,63px)}
  .sera-moment-intro p{max-width:410px;font-size:15px}
  .sera-moment-character{left:0;right:auto;bottom:-25px;width:45%;height:115%;object-fit:contain;object-position:center bottom}
  .sera-moment-body{grid-row:2;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.82fr);gap:18px;margin-top:-36px}
  .sera-moment-player{order:1;min-height:290px}
  .sera-moment-library{order:2;min-height:290px}
  .sera-moment-pause{display:none}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading){grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:22px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-welcome{position:relative;isolation:isolate;min-height:590px;max-height:none;overflow:hidden;padding:36px;background:radial-gradient(circle at 85% 20%,#98577f,transparent 50%),linear-gradient(128deg,#34183f,#6b3377);color:#fff}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-character{position:absolute;z-index:-1;left:-4%;top:-4%;width:48%;height:335px;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(0 16px 14px #1d0b284f)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-welcome>p{position:relative;z-index:1;margin-left:43%;color:#fff}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-welcome>h2{font-size:clamp(32px,2.7vw,46px)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-welcome>p{color:#f4e8f5}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-reflection{margin-top:125px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-kicker{color:#f7d9f5}
}
.sera-moment-preference-list{display:grid;gap:0;margin-top:7px;border:1px solid #eee4f0;border-radius:14px;overflow:hidden;background:#fff}
.sera-moment-preference{display:flex;align-items:center;gap:10px;min-height:48px;width:100%;padding:8px 10px;border:0;border-bottom:1px solid #eee4f0;background:#fff;color:#391b4f;text-align:left;cursor:pointer;font:700 12px 'DM Sans',Arial,sans-serif}
.sera-moment-preference:last-child{border-bottom:0}.sera-moment-preference:hover{background:#f7eff9}
.sera-moment-preference-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:8px;background:linear-gradient(145deg,#d6c0dc,#7f5696);color:#fff;font-size:17px}
.sera-moment-preference-arrow{margin-left:auto;color:#794895;font-size:20px}
@media(max-width:900px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafina{object-position:center bottom}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafina{flex-basis:58%;width:58%;max-width:58%}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafino{flex-basis:42%;width:42%;max-width:42%}
  .sera-moment-body{display:flex;flex-direction:column}
  .sera-moment-player{order:1}.sera-moment-library{order:2}.sera-moment-pause{order:3}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-welcome{position:relative;overflow:hidden}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary:not(.employee-diary-reading) .sera-diary-character{display:block;position:relative;width:min(60%,260px);height:200px;margin:-18px auto -18px;object-fit:contain;object-position:center bottom}
}

/* Entre Nós: cenário sereno e tipografia contemporânea, sem elementos giratórios. */
.employee-diary-layout.employee-diary-ai .sera-entre-hero{
  background:
    radial-gradient(ellipse 48% 66% at 50% 44%,#86509378 0%,transparent 100%),
    radial-gradient(ellipse 42% 72% at 91% 18%,#a356a04d 0%,transparent 100%),
    linear-gradient(120deg,#251335 0%,#452055 54%,#653078 100%);
  font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero::after{display:none}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{
  font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif;
  font-weight:800;
  letter-spacing:-.055em;
  line-height:1.07;
  text-wrap:balance;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead small{
  font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif;
  font-weight:500;
  line-height:1.58;
  color:#f2e8f5;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-eyebrow{
  font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif;
  font-weight:800;
  letter-spacing:.16em;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card strong{
  font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif;
  font-weight:800;
  letter-spacing:-.025em;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card small{
  font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif;
  font-weight:500;
}
@media(max-width:620px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{letter-spacing:-.045em}
}
@media(max-width:760px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:26px 20px 22px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{align-self:stretch;gap:10px;padding:0;margin:0}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{max-width:620px;font-size:clamp(34px,6.4vw,47px);line-height:1.12}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead small{max-width:520px;font-size:14px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{align-self:stretch;width:100%;height:clamp(205px,39vw,290px);min-height:0;margin:0;overflow:hidden}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-start{margin:0}
}

/* Assinatura no canto; saudação separada para leitura mais equilibrada. */
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-badge{
  position:absolute;
  z-index:5;
  top:26px;
  left:clamp(20px,3vw,45px);
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-badge .employee-demo-spark{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  margin:0;
  font-size:20px;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-badge .sera-ai-eyebrow{display:inline-flex;align-items:baseline;gap:.3em;color:#fff;font-size:18px;letter-spacing:.045em;white-space:nowrap}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-badge .sera-word-ai{background:linear-gradient(105deg,#168fe0 0%,#ffac10 34%,#79bd1e 68%,#a53bc2 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-badge .sera-word-i{position:relative}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-badge .sera-word-i::before{content:'✦';position:absolute;top:-.52em;left:50%;color:#ffd25a;-webkit-text-fill-color:#ffd25a;font-size:.7em;line-height:1;transform:translateX(-50%);text-shadow:0 0 10px #ffd25a8c}
.sera-ia-wordmark{display:inline-flex;align-items:baseline;gap:.3em;white-space:nowrap;letter-spacing:.045em;font-weight:800}
.sera-ia-word-ia{background:linear-gradient(105deg,#168fe0 0%,#ffac10 34%,#79bd1e 68%,#a53bc2 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sera-ia-word-i{position:relative}
.sera-ia-word-i::before{content:'✦';position:absolute;top:-.52em;left:50%;color:#ffd25a;-webkit-text-fill-color:#ffd25a;font-size:.7em;line-height:1;transform:translateX(-50%)}
.sera-ai-header-title{display:inline-flex;align-items:baseline;gap:.35em;max-width:100%;white-space:nowrap;font-size:clamp(12px,1.1vw,18px);letter-spacing:-.02em}
.sera-ai-header-gradient{background:linear-gradient(105deg,#168fe0 0%,#ffac10 34%,#79bd1e 68%,#a53bc2 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{display:flex;flex-direction:column;gap:7px}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{-webkit-text-stroke:.45px #ead5ee;text-shadow:0 2px 0 #2e153a66,0 10px 22px #1b092d66}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-greeting{font-size:1.03em;letter-spacing:-.045em}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-question{font-size:.82em;letter-spacing:-.045em}
@media(min-width:901px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{
    transform:none;
    align-items:center;
    width:100%;
    margin:-56px auto 0;
    padding-inline:18px;
    text-align:center;
  }
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong,
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead small{margin-inline:auto}
}
@media(max-width:760px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{padding-top:54px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-badge{top:12px;left:20px}
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero{
  background:radial-gradient(circle at 56% 47%,#89539a,transparent 49%),linear-gradient(118deg,#351b49,#613277 65%,#80418e);
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-video{
  position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.34;pointer-events:none;
}
.sera-ai-video-stage{position:fixed;top:-2px;left:-2px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;z-index:-1}
.sera-ai-video-stage video{width:100%;height:100%}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead,
.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots,
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-start{position:relative;z-index:1}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-badge{z-index:2}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{
  -webkit-text-stroke:0;
  text-shadow:none;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead small{
  -webkit-text-stroke:.15px #1b0c25;
  text-shadow:none;
}
@media(prefers-reduced-motion:reduce){.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-video{display:none}}
@media(min-width:901px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{
    grid-column:1/-1;grid-row:1;z-index:3;align-self:end;
    width:100%;margin:0;padding:0 24px 14px;gap:7px;
  }
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{
    max-width:none;font-size:clamp(35px,2.45vw,45px);gap:2px;
  }
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-question{white-space:nowrap}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead small{max-width:none;margin-top:4px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-start{margin:0}
}
@media(min-width:761px) and (max-width:900px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{
    grid-column:1/-1;grid-row:1;z-index:3;align-self:end;
    width:100%;margin:0;padding:0 20px 12px;text-align:center;align-items:center;
  }
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{max-width:none;font-size:clamp(27px,3.6vw,34px)}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead small{max-width:none}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-start{margin:0}
}
@media(max-width:760px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{order:1}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{order:2;z-index:3;padding-top:0;gap:5px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead strong{font-size:clamp(30px,5.5vw,40px);gap:2px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-start{order:3}
}
/* Saudação no topo, sem texto auxiliar, deixando o vídeo e os personagens livres. */
@media(min-width:761px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{
    align-self:start;justify-self:center;width:min(100%,980px);
    margin:-10px 0 0;padding:0 20px;text-align:center;align-items:center;
  }
}
@media(max-width:760px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{
    order:1;align-self:stretch;margin:-12px 0 0;padding:0;text-align:center;align-items:center;
  }
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{order:2}
}
.employee-workspace-active .company-content:has(.sera-entre-hero){padding-bottom:0}
@media(min-width:901px){
  .employee-workspace-active .company-content:has(.sera-entre-hero){background:#5d3074}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero{min-height:calc(100dvh - 60px)}
}

/* Cards da SERÁ IA: vidro claro e acentos da marca sobre a cena em vídeo. */
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card{
  --card-accent:#78339c;
  --card-wash:#c782e42b;
  position:relative;
  isolation:isolate;
  min-height:150px;
  padding:20px 22px;
  gap:9px;
  border:1px solid #ffffffdc;
  border-radius:22px;
  background:radial-gradient(circle at 100% 0%,var(--card-wash),transparent 55%),linear-gradient(145deg,#fffffff5,#f8f0fce8);
  box-shadow:0 13px 30px #210d3040,inset 0 1px #fff;
  backdrop-filter:blur(14px) saturate(1.2);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card:nth-child(2){--card-accent:#168ed0;--card-wash:#8dd4fa38}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card:nth-child(3){--card-accent:#c88b12;--card-wash:#ffcd7138}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card::before{
  content:'';position:absolute;top:0;left:20px;right:20px;height:4px;
  border-radius:0 0 8px 8px;background:var(--card-accent);opacity:.82;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card::after{
  content:'↗';position:absolute;top:16px;right:16px;display:grid;place-items:center;
  width:29px;height:29px;border:1px solid #e8ddea;border-radius:50%;
  background:#ffffffaa;color:var(--card-accent);font-size:17px;font-weight:700;opacity:1;
  transition:transform .22s ease,background .22s ease;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card-icon{
  width:46px;height:46px;border-radius:15px;color:var(--card-accent);
  box-shadow:inset 0 1px #fff9,0 5px 13px #34194b18;
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card strong{font-size:17px;line-height:1.18}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card small{font-size:12px;line-height:1.42}
@media(hover:hover){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card:hover{
    transform:translateY(-6px);border-color:#fff;box-shadow:0 20px 38px #210d305c,inset 0 1px #fff;
  }
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card:hover::after{transform:translate(2px,-2px);background:#fff}
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card:active{transform:translateY(-2px) scale(.99)}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card:focus-visible{outline:3px solid #ffd570;outline-offset:3px}
@media(max-width:760px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card{min-height:132px;padding:17px 15px;gap:6px;border-radius:18px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card::before{left:15px;right:15px;height:3px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card::after{top:12px;right:12px;width:25px;height:25px;font-size:15px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card-icon{width:39px;height:39px;border-radius:12px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card strong{font-size:14px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card,
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card::after{transition:none}
}
.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:620px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-card:last-child{grid-column:1/-1}
}
/* Conversa SERÁ IA: marca consistente e lista de conversas recolhível. */
.sera-chat-sidebar-brand{display:flex;align-items:baseline;gap:.32em;padding:5px 8px 16px;font:800 23px Outfit,Arial,sans-serif;letter-spacing:.01em;white-space:nowrap}
.sera-chat-sidebar-brand .sera-word-ai{background:linear-gradient(105deg,#168fe0 0%,#ffac10 34%,#79bd1e 68%,#a53bc2 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sera-chat-sidebar-brand .sera-word-i{position:relative}
.sera-chat-sidebar-brand .sera-word-i::before{content:'✦';position:absolute;top:-.55em;left:50%;color:#ffd25a;-webkit-text-fill-color:#ffd25a;font-size:.65em;line-height:1;transform:translateX(-50%);text-shadow:0 0 10px #ffd25a8c}
body.employee-workspace-active .sera-chat-shell.sidebar-collapsed:not(.music-open){grid-template-columns:0 minmax(0,1fr)}
.sera-chat-main{background:radial-gradient(circle at 87% 15%,#f3e5fa 0,#faf5fc 32%,#fff 73%)}
.sera-chat-top{background:linear-gradient(105deg,#fff,#f8f0fb);box-shadow:0 4px 20px #3815440a}
.sera-chat-toggle{font-size:20px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.sera-chat-toggle:hover,.sera-chat-toggle:focus-visible{border-color:#ae79c4;background:#f4e5fa;transform:translateY(-1px)}
.sera-chat-empty{align-self:center;width:min(560px,100%);margin:auto;padding:26px 28px;border:1px solid #eddef2;border-radius:28px;background:radial-gradient(circle at 50% 21%,#f0dff9 0,#fff 56%);box-shadow:0 17px 46px #4b1f5c16}
.sera-chat-empty img{width:170px;height:205px;filter:drop-shadow(0 13px 15px #3e21402a)}
.sera-chat-empty h2{margin:3px 0 9px;font:700 clamp(25px,2.5vw,34px) Outfit,Arial,sans-serif}
.sera-chat-empty p{max-width:420px;font-size:14px;line-height:1.6}
.sera-chat-composer{background:#fffdfef5}
.sera-chat-composer-row{border-radius:18px;transition:border-color .18s ease,box-shadow .18s ease}
.sera-chat-composer-row:focus-within{border-color:#a766be;box-shadow:0 0 0 3px #b266cb20,0 10px 25px #36194113}
@media(max-width:760px){.sera-chat-empty{padding:19px 15px;border-radius:20px}.sera-chat-empty img{width:125px;height:148px}.sera-chat-empty h2{font-size:24px}}
/* Conversa: abertura compacta, recolhimento suave e controles da identidade SERÁ. */
.sera-chat-shell{transition:grid-template-columns .34s cubic-bezier(.22,1,.36,1)}
.sera-chat-sidebar{transition:padding .34s cubic-bezier(.22,1,.36,1)}
.sera-chat-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;border-bottom:1px solid #fff3}
.sera-chat-sidebar-head .sera-chat-sidebar-brand{min-width:0;padding-bottom:13px;border:0;transition:opacity .2s ease}
.sera-chat-toggle{display:grid;place-items:center;flex:none;width:30px;min-height:30px;height:30px;padding:0;margin:0 4px 9px 0;border:1px solid #ffffff4d;border-radius:10px;background:#ffffff14;color:#fff;font-size:22px;line-height:1;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.sera-chat-toggle:hover,.sera-chat-toggle:focus-visible{border-color:#f7c86b;background:#ffffff2c;color:#fff;box-shadow:0 0 14px #edb8fa77;transform:translateY(-1px)}
.sera-chat-toggle-mobile{display:none}
.sera-chat-empty{flex:none;align-self:center;width:min(430px,100%);max-height:100%;margin:auto;padding:16px 20px;border-radius:22px}
.sera-chat-empty img{width:106px;height:128px}
.sera-chat-empty h2{margin:2px 0 7px;font-size:clamp(23px,2vw,29px)}
.sera-chat-empty p{max-width:350px;font-size:13px;line-height:1.45}
.sera-chat-new,.sera-chat-send{background:linear-gradient(120deg,#54246f,#79389a);box-shadow:inset 0 1px #ffffff50,0 5px 12px #3816442b}
.sera-chat-new,.sera-chat-send,.sera-chat-back,.sera-chat-music-toggle,.sera-chat-microphone,.sera-chat-session,.sera-chat-session-tool{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease,background .2s ease}
@media(hover:hover){
  .sera-chat-new:hover,.sera-chat-send:hover:not(:disabled),.sera-chat-back:hover,.sera-chat-music-toggle:hover,.sera-chat-microphone:hover,.sera-chat-session:hover,.sera-chat-session-tool:hover{filter:brightness(1.13);box-shadow:0 0 0 1px #eab9ff,0 0 19px #b15cd68c;transform:translateY(-2px)}
}
.sera-chat-new:focus-visible,.sera-chat-send:focus-visible,.sera-chat-back:focus-visible,.sera-chat-toggle:focus-visible,.sera-chat-toggle-mobile:focus-visible,.sera-chat-music-toggle:focus-visible,.sera-chat-microphone:focus-visible,.sera-chat-session:focus-visible,.sera-chat-session-tool:focus-visible{outline:2px solid #f8c866;outline-offset:2px}
@media(min-width:761px){
  body.employee-workspace-active .sera-chat-shell.sidebar-collapsed:not(.music-open),.sera-chat-shell.sidebar-collapsed:not(.music-open){grid-template-columns:48px minmax(0,1fr)}
  .sera-chat-shell.sidebar-collapsed.music-open{grid-template-columns:48px minmax(0,1fr) minmax(210px,18%)}
  .sera-chat-shell.sidebar-collapsed .sera-chat-sidebar{padding:22px 7px;overflow:hidden}
  .sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-head{justify-content:center}
  .sera-chat-shell.sidebar-collapsed .sera-chat-toggle{margin:0 0 9px}
  .sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-brand,.sera-chat-shell.sidebar-collapsed .sera-chat-new,.sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-label,.sera-chat-shell.sidebar-collapsed .sera-chat-session-list{opacity:0;visibility:hidden;pointer-events:none}
}
@media(max-width:760px){
  .sera-chat-toggle{display:none}
  .sera-chat-toggle-mobile{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid #e7d9e9;border-radius:10px;background:#fff;color:#512568;font-size:18px;cursor:pointer}
  .sera-chat-empty{width:min(360px,100%);padding:14px 15px}
  .sera-chat-empty img{width:88px;height:105px}
  .sera-chat-empty h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.sera-chat-shell,.sera-chat-sidebar,.sera-chat-toggle,.sera-chat-new,.sera-chat-send,.sera-chat-back,.sera-chat-music-toggle,.sera-chat-microphone,.sera-chat-session,.sera-chat-session-tool{transition:none}}
/* O destaque da conversa envolve também os ícones, sem deslocar o item. */
.sera-chat-session-row{border:1px solid transparent;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.sera-chat-session-row:has(.sera-chat-session.active){border-color:#ffffff35}
@media(hover:hover){
  .sera-chat-session-row:hover{border-color:#d9a9eb;background:#ffffff24;box-shadow:0 0 16px #bb73d365}
  .sera-chat-session-row .sera-chat-session:hover,.sera-chat-session-row .sera-chat-session-tool:hover{transform:none;box-shadow:none;filter:none}
}
.sera-chat-session-row .sera-chat-session:hover{background:transparent}
.sera-chat-session-row .sera-chat-session-tool:hover{background:#ffffff24}
/* Controle da lateral: medidas fixas, centralização real e hover sem salto. */
.sera-chat-sidebar-head{box-sizing:border-box;width:100%;min-height:49px;align-items:center}
.sera-chat-sidebar-head .sera-chat-sidebar-brand{padding-bottom:0}
.sera-chat-sidebar-head .sera-chat-toggle{box-sizing:border-box;display:grid;place-items:center;flex:0 0 32px;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;margin:0 4px 0 0;padding:0;font-size:0;line-height:0;transform:none}
.sera-chat-sidebar-head .sera-chat-toggle::before{content:'';display:block;box-sizing:border-box;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(225deg);transform-origin:center}
.sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-head .sera-chat-toggle::before{transform:rotate(45deg)}
.sera-chat-sidebar-head .sera-chat-toggle:hover,.sera-chat-sidebar-head .sera-chat-toggle:focus-visible{transform:none;box-shadow:inset 0 0 0 1px #f7c86b,0 0 12px #edb8fa77}
@media(min-width:761px){
  .sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-head .sera-chat-sidebar-brand{display:none}
  .sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-head .sera-chat-toggle{margin:0}
}
/* Marca e controle compartilham o mesmo eixo central da lateral. */
.sera-chat-sidebar-head{position:relative;justify-content:center}
.sera-chat-sidebar-head .sera-chat-sidebar-brand{flex:0 1 auto;justify-content:center;margin:0 auto;padding:0 40px 0 0;transform:translateX(20px)}
.sera-chat-sidebar-head .sera-chat-toggle{position:absolute;top:50%;right:3px;display:grid;place-items:center;grid-template:1fr/1fr;width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;transform:translateY(-50%);overflow:visible}
.sera-chat-sidebar-head .sera-chat-toggle::before{content:'';grid-area:1/1;width:34px;height:34px;border:0;background:url('/favicon-sera-health-64.png') center/contain no-repeat;transform:none;animation:sera-chat-mark-spin 7s linear infinite}
.sera-chat-sidebar-head .sera-chat-toggle::after{content:'←';grid-area:1/1;z-index:1;color:#fff;font:900 20px/1 Arial,sans-serif;text-shadow:0 1px 3px #220c32,0 0 3px #220c32;transform:translateY(-1px)}
.sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-head .sera-chat-toggle::before{transform:none}
.sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-head .sera-chat-toggle::after{content:'→'}
.sera-chat-sidebar-head .sera-chat-toggle:hover,.sera-chat-sidebar-head .sera-chat-toggle:focus-visible{background:transparent;transform:translateY(-50%);box-shadow:0 0 0 2px #f7c86b,0 0 16px #edb8fa88}
@keyframes sera-chat-mark-spin{to{transform:rotate(360deg)}}
@media(min-width:761px){.sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-head .sera-chat-toggle{right:0;left:50%;transform:translate(-50%,-50%)}.sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-head .sera-chat-toggle:hover,.sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-head .sera-chat-toggle:focus-visible{transform:translate(-50%,-50%)}}
@media(max-width:760px){.sera-chat-sidebar-head .sera-chat-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.sera-chat-sidebar-head .sera-chat-toggle::before{animation:none}}
/* Apenas a faixa superior da conversa acompanha o roxo escuro do SERÁ. */
.sera-chat-top{border-bottom-color:#ffffff2b;background:linear-gradient(105deg,#291334,#482059);box-shadow:0 5px 17px #230d3429}
.sera-chat-top .sera-chat-identity strong{color:#fff}
.sera-chat-top .sera-chat-identity small{color:#e6d4ec}
.sera-chat-top .sera-chat-identity img{background:#ffffffeb;border:1px solid #ffffff5e}
.sera-chat-top .sera-chat-music-toggle,.sera-chat-top .sera-chat-back,.sera-chat-top .sera-chat-toggle-mobile{border-color:#ffffff48;background:#ffffff17;color:#fff}
.sera-chat-top .sera-chat-music-toggle:hover,.sera-chat-top .sera-chat-back:hover,.sera-chat-top .sera-chat-toggle-mobile:hover{border-color:#f7c86b;background:#ffffff2b;color:#fff}
/* A conversa ocupa toda a área do painel, sem moldura ou faixa inferior. */
body.employee-workspace-active .company-main:has(.sera-chat-workspace){display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}
body.employee-workspace-active .company-content:has(.sera-chat-workspace){box-sizing:border-box;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;overflow:hidden}
body.employee-workspace-active .sera-chat-workspace{box-sizing:border-box;width:100%;max-width:none;height:100%;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none}
body.employee-workspace-active .sera-chat-shell{height:100%;min-height:0}
body.employee-workspace-active .sera-chat-main{height:100%;min-height:0}
body.employee-workspace-active .sera-chat-stream{max-height:none}
.company-workspace-active .sera-chat-top .sera-chat-identity span{display:none}
.company-workspace-active .sera-chat-top .sera-chat-identity img{display:block;box-sizing:border-box;width:56px;height:56px;border:2px solid #ffffffa6;border-radius:50%;background:#fff;object-fit:cover;object-position:center top;box-shadow:0 3px 12px #18082052}
.company-workspace-active .sera-chat-top .sera-chat-identity{box-sizing:border-box;display:block;flex:0 0 56px;width:56px;height:56px;overflow:hidden;border:2px solid #ffffffa6;border-radius:50%;background:#fff;box-shadow:0 3px 12px #18082052}
.company-workspace-active .sera-chat-top .sera-chat-identity img{width:58px;height:58px;max-width:none;margin-left:-4px;border:0;border-radius:0;box-shadow:none}
/* Vídeo rente à lateral, com camada de contraste sobre a marca em movimento. */
.sera-chat-sidebar{position:relative;isolation:isolate;overflow:hidden;background:#251132}
.sera-chat-sidebar-video{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;filter:saturate(1.08)}
.sera-chat-sidebar::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#21102db8 0%,#30163c70 46%,#22102f55 100%)}
.sera-chat-sidebar>:not(.sera-chat-sidebar-video){position:relative;z-index:2}
.sera-chat-sidebar-head{border-bottom-color:#ffffff55}
.sera-chat-sidebar .sera-chat-new{border-color:#eac9f8b8;background:linear-gradient(115deg,#743696d9,#9952b7bc);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff73,0 8px 22px #170b2866}
.sera-chat-sidebar .sera-chat-session-row{background:#ffffff12;backdrop-filter:blur(6px)}
.sera-chat-sidebar .sera-chat-session-row:has(.sera-chat-session.active){background:#ffffff32;border-color:#ffffff5c}
.sera-chat-sidebar .sera-chat-sidebar-label{text-shadow:0 1px 5px #1c0c29}
/* Cabeçalho leve, integrado ao fundo da conversa; o vídeo permanece só na lateral. */
.sera-chat-participant .sera-chat-top{border:0;background:transparent;box-shadow:none}
.sera-chat-participant .sera-chat-top .sera-chat-identity{border-color:#e2d1e9;background:#ffffffa8;box-shadow:none}
.sera-chat-participant .sera-chat-top .sera-chat-identity img{border:0;background:transparent;box-shadow:none}
.sera-chat-participant .sera-chat-top .sera-chat-music-toggle,.sera-chat-participant .sera-chat-top .sera-chat-back,.sera-chat-participant .sera-chat-top .sera-chat-toggle-mobile{display:grid;place-items:center;flex:none;width:38px;height:38px;min-height:38px;padding:0;border:1px solid #7f4b902e;border-radius:50%;background:#ffffff63;color:#66317d;box-shadow:none;backdrop-filter:blur(6px);font-size:20px;line-height:1;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
.sera-chat-participant .sera-chat-top .sera-chat-back{font-size:27px;font-weight:400}
@media(hover:hover){.sera-chat-participant .sera-chat-top .sera-chat-music-toggle:hover,.sera-chat-participant .sera-chat-top .sera-chat-back:hover,.sera-chat-participant .sera-chat-top .sera-chat-toggle-mobile:hover{border-color:#a448be;background:#fff;color:#7b279d;box-shadow:0 0 0 2px #ebae522a,0 0 14px #37a7dd61;filter:none;transform:none}}
.sera-chat-participant .sera-chat-top .sera-chat-music-toggle:active,.sera-chat-participant .sera-chat-top .sera-chat-back:active,.sera-chat-participant .sera-chat-top .sera-chat-toggle-mobile:active{transform:scale(.94)}
.company-workspace-active .sera-chat-participant .sera-chat-top .sera-chat-identity{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#168fe0 0%,#ffac10 34%,#79bd1e 68%,#a53bc2 100%) border-box;box-shadow:0 3px 12px #4b1f5c24}
.sera-chat-participant .sera-chat-top .sera-chat-music-toggle,.sera-chat-participant .sera-chat-top .sera-chat-back{position:relative;border:0;background:transparent;backdrop-filter:none;font-size:0}
.sera-chat-participant .sera-chat-top .sera-chat-music-toggle::before,.sera-chat-participant .sera-chat-top .sera-chat-back::before{content:'';position:absolute;inset:0;border-radius:50%;padding:2px;background:linear-gradient(135deg,#168fe0 0%,#ffac10 34%,#79bd1e 68%,#a53bc2 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.sera-chat-participant .sera-chat-top .sera-chat-control-icon{display:block;width:24px;height:24px;min-width:24px;min-height:24px;margin:0;padding:0;object-fit:contain;transform:none}
@media(hover:hover){.sera-chat-participant .sera-chat-top .sera-chat-music-toggle:hover,.sera-chat-participant .sera-chat-top .sera-chat-back:hover{background:#ffffffbd}}
@media(max-width:760px){.sera-chat-participant .sera-chat-top .sera-chat-identity{cursor:pointer}}
/* Controles finais: aro fino da marca e ícones com respiro uniforme. */
.sera-chat-participant .sera-chat-top .sera-chat-music-toggle,.sera-chat-participant .sera-chat-top .sera-chat-back{width:42px;height:42px;min-height:42px;background:transparent;box-shadow:none}
.sera-chat-participant .sera-chat-top .sera-chat-music-toggle::before,.sera-chat-participant .sera-chat-top .sera-chat-back::before{padding:1.35px;background:conic-gradient(from 210deg,#168fe0,#ffac10,#79bd1e,#a53bc2,#168fe0);opacity:.76;transition:opacity .2s ease}
.sera-chat-participant .sera-chat-top .sera-chat-control-icon{width:20px;height:20px;min-width:20px;min-height:20px}
@media(hover:hover){.sera-chat-participant .sera-chat-top .sera-chat-music-toggle:hover,.sera-chat-participant .sera-chat-top .sera-chat-back:hover{border:0;background:#ffffff9c;box-shadow:0 5px 16px #5125681c;filter:none;transform:none}.sera-chat-participant .sera-chat-top .sera-chat-music-toggle:hover::before,.sera-chat-participant .sera-chat-top .sera-chat-back:hover::before{opacity:1}}

/* Ações de música e fechar usam a arte aprovada, sem alterar sua função. */
.sera-chat-participant .sera-chat-top .sera-chat-music-toggle,.sera-chat-participant .sera-chat-top .sera-chat-back{width:44px;height:44px;min-height:44px;background-image:url('/sera-chat-buttons-sprite.png');background-repeat:no-repeat;background-size:148px 57px;background-color:transparent;box-shadow:none}
.sera-chat-participant .sera-chat-top .sera-chat-music-toggle{background-position:-25px -5px}
.sera-chat-participant .sera-chat-top .sera-chat-back{background-position:-75px -5px}
.sera-chat-participant .sera-chat-top .sera-chat-music-toggle::before,.sera-chat-participant .sera-chat-top .sera-chat-back::before,.sera-chat-participant .sera-chat-top .sera-chat-control-icon{display:none}
@media(hover:hover){.sera-chat-participant .sera-chat-top .sera-chat-music-toggle:hover,.sera-chat-participant .sera-chat-top .sera-chat-back:hover{background-color:transparent;box-shadow:0 0 16px #b15cd67a;transform:scale(1.06)}}

/* A barra foi retirada do fluxo em todos os painéis públicos. Só os controles permanecem sobrepostos. */
.company-main{position:relative}
.company-topbar,.company-workspace-active .company-topbar,.employee-workspace-active .company-topbar{position:absolute;inset:0 0 auto 0;z-index:20;box-sizing:border-box;display:block;min-height:0;height:0;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:none}
.company-topbar>div:not(.company-top-actions):not(.employee-header-actions){display:none!important}
.company-topbar .company-top-actions,.company-topbar .employee-header-actions,.company-workspace-active .company-topbar .company-top-actions{position:absolute;top:16px;right:clamp(16px,2.4vw,34px);display:flex!important;align-items:center;justify-content:flex-end;gap:10px;width:auto;max-width:calc(100vw - 90px);padding:4px;border-radius:999px;background:#2d143bd9;color:#fff;box-shadow:0 8px 24px #28133733;backdrop-filter:blur(12px);pointer-events:auto}
.company-topbar .company-header-person strong,.employee-workspace-active .company-topbar .company-header-person strong{color:#fff}
.company-topbar .company-profile-chevron{color:#fff}
.company-topbar .company-notification-bell{background:#fff;color:#3a174f}
.company-topbar .company-menu-toggle{position:absolute;top:16px;left:16px;pointer-events:auto}
.employee-workspace-active .company-content{min-height:100dvh}
body.employee-workspace-active .company-main:has(.sera-chat-workspace){grid-template-rows:minmax(0,1fr)}
.employee-diary-layout.employee-diary-ai .sera-entre-hero{min-height:100dvh}
@media(max-width:600px){.company-topbar .company-header-person,.employee-workspace-active .employee-header-name{display:grid}.company-topbar .company-header-person strong{max-width:100px;font-size:11px}.company-topbar .company-top-actions,.company-topbar .employee-header-actions{top:10px;right:10px;gap:5px}.company-topbar .company-menu-toggle{top:10px;left:10px}.company-content.company-content-below-topbar{padding-top:78px}}
@media(max-width:760px){.employee-diary-layout.employee-diary-ai .sera-entre-hero{padding-top:100px}.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-entre-badge{top:70px}.employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-lead{margin:0}}

/* Respiro real para os controles, sem faixa colorida e sem cobrir o chat. */
.company-topbar .company-top-actions,.company-topbar .employee-header-actions,.company-workspace-active .company-topbar .company-top-actions{padding:0;background:transparent;box-shadow:none;backdrop-filter:none}
.company-topbar .company-header-identity{background:transparent}
.company-topbar .company-header-person strong,.employee-workspace-active .company-topbar .company-header-person strong,.company-topbar .company-profile-chevron{color:#301940;text-shadow:0 1px 2px #fff}
.company-main:has(.sera-entre-hero) .company-topbar .company-header-person strong,.company-main:has(.sera-entre-hero) .company-topbar .company-profile-chevron{color:#fff;text-shadow:0 1px 4px #1d0b2d}
.company-topbar .company-notification-bell,.company-topbar .company-account-avatar{width:36px;height:36px}
.company-content.company-content-below-topbar{padding-top:84px}
body.employee-workspace-active .company-content:has(.sera-chat-workspace){padding-top:0;background:#fff}
body.employee-workspace-active .sera-chat-participant .sera-chat-top{box-sizing:border-box;min-height:144px;padding-top:72px;border:0;background:transparent;box-shadow:none}
.employee-diary-layout.employee-diary-ai .sera-entre-hero{padding-top:88px}
@media(max-width:760px){.employee-diary-layout.employee-diary-ai .sera-entre-hero{padding-top:100px}}
@media(min-width:901px){.company-sidebar-collapsed .company-navigation .company-nav-label{display:none!important}.company-sidebar-collapsed .company-navigation button{gap:0;overflow:hidden}.company-sidebar-collapsed .company-nav-symbol{flex:0 0 auto}}
.employee-notification-dialog{position:fixed;inset:auto;top:50%;left:50%;width:min(430px,calc(100vw - 32px));height:fit-content;max-width:calc(100vw - 32px);max-height:min(75dvh,540px);margin:0;transform:translate(-50%,-50%);border:1px solid #e8d8ee;border-radius:18px;box-shadow:0 20px 60px #24103555}
.employee-notification-dialog::backdrop{background:#24103578}
.sera-persona-dialog-choice{position:relative}
.sera-persona-dialog-choice .sera-persona-video-poster,.sera-persona-dialog-choice video{grid-area:1/1;width:100%;height:220px;object-fit:contain;object-position:center bottom}
.sera-persona-dialog-choice .sera-persona-video-poster{display:block;background:#fff}
.sera-persona-dialog-choice video{position:relative}
.sera-persona-dialog-choice[aria-pressed="true"]{border-color:#7b3ca0;box-shadow:0 0 0 2px #7b3ca033}
.sera-persona-name-field{display:grid;gap:8px;color:#48205f;font-size:14px;font-weight:700}
.sera-persona-name-field input{box-sizing:border-box;width:100%;min-height:46px;padding:10px 13px;border:1px solid #d9c5e3;border-radius:12px;background:#fff;color:#301940;font:600 16px Arial,sans-serif}
.sera-persona-name-field input:focus{outline:2px solid #8a4bb0;outline-offset:1px}
.sera-persona-continue{min-height:44px}.sera-persona-continue:disabled{opacity:.48;cursor:not-allowed}
.sera-persona-dialog{width:min(720px,calc(100vw - 28px))}
.sera-persona-dialog-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.sera-persona-dialog-choice{min-width:0;min-height:248px}
.sera-persona-dialog-choice .sera-persona-no-character{grid-area:auto;width:76px;height:76px;align-self:end;object-fit:contain}
.sera-persona-dialog-choice:has(.sera-persona-no-character){align-content:center;gap:16px}
.sera-persona-name-field[hidden],.sera-chat-identity img[hidden]{display:none}
@media(max-width:520px){.sera-persona-dialog-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sera-persona-dialog-choice{min-height:176px}.sera-persona-dialog-choice:has(.sera-persona-no-character){grid-column:1/-1;min-height:100px;grid-template-columns:50px auto;justify-content:center;align-items:center}.sera-persona-dialog-choice .sera-persona-no-character{width:48px;height:48px;align-self:center}}
@media(max-width:520px){.sera-persona-dialog-choice .sera-persona-video-poster,.sera-persona-dialog-choice video{height:155px}}

/* Conversa: avatar no alto, perfil legível e composição por Enter. */
body.employee-workspace-active .sera-chat-participant .sera-chat-top{position:relative}
@media(min-width:761px){body.employee-workspace-active .sera-chat-participant .sera-chat-top .sera-chat-identity{position:absolute;top:16px;left:22px}}
body.employee-workspace-active .company-main:has(.sera-chat-workspace:not([hidden])) .company-topbar .company-header-person strong{color:#301940!important;text-shadow:none!important}
body.employee-workspace-active .company-main:has(.sera-chat-workspace) .company-header-identity{gap:14px;padding-left:16px}
.sera-chat-composer textarea{resize:none;overflow-y:auto}
.sera-chat-composer .sera-chat-send{display:grid!important;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:2px solid transparent;border-radius:50%;background:linear-gradient(135deg,#4b1c65,#733392) padding-box,conic-gradient(#168fe0,#ffac10,#79bd1e,#a53bc2,#168fe0) border-box;color:#fff;box-shadow:0 5px 14px #35164e32;line-height:1;transform:none}
.sera-chat-composer .sera-chat-send svg{display:block;width:21px;height:21px}
.sera-chat-composer .sera-chat-send:hover:not(:disabled){background:linear-gradient(135deg,#642780,#9042af) padding-box,conic-gradient(#168fe0,#ffac10,#79bd1e,#a53bc2,#168fe0) border-box;box-shadow:0 0 0 3px #a53bc21f,0 7px 20px #54246f60;transform:translateY(-1px)}

/* Música e fechar ficam no rodapé da lateral com vídeo. */
.sera-chat-sidebar>.sera-chat-sidebar-actions{display:flex;align-items:center;justify-content:center;flex:none;gap:14px;padding:12px 0 2px;border-top:1px solid #ffffff55}
.sera-chat-participant .sera-chat-sidebar-actions .sera-chat-music-toggle,.sera-chat-participant .sera-chat-sidebar-actions .sera-chat-back{display:block;flex:none;width:50px;height:50px;min-height:50px;margin:0;padding:0;border:0;border-radius:50%;background-image:url('/sera-chat-buttons-sprite.png');background-repeat:no-repeat;background-size:168px 65px;background-color:transparent;box-shadow:0 4px 14px #170c2470;cursor:pointer;font-size:0}
.sera-chat-participant .sera-chat-sidebar-actions .sera-chat-music-toggle{background-position:-28px -6px}
.sera-chat-participant .sera-chat-sidebar-actions .sera-chat-back{background-position:-85px -6px}
.sera-chat-participant .sera-chat-sidebar-actions .sera-chat-control-icon{display:none}
@media(hover:hover){.sera-chat-participant .sera-chat-sidebar-actions .sera-chat-music-toggle:hover,.sera-chat-participant .sera-chat-sidebar-actions .sera-chat-back:hover{filter:brightness(1.08);box-shadow:0 0 0 2px #ffffffaa,0 0 18px #d191f5;transform:translateY(-2px)}}
@media(min-width:761px){.sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-actions{flex-direction:column;gap:4px;padding:6px 0;border:0}.sera-chat-shell.sidebar-collapsed .sera-chat-sidebar-actions button{transform:scale(.68);margin:-7px 0}}

/* Notificações aparecem junto ao sininho, sem cobrir o centro do painel. */
.employee-notification-dialog{inset:auto;top:62px;right:clamp(16px,2.4vw,34px);left:auto;bottom:auto;width:min(360px,calc(100vw - 32px));height:fit-content;max-height:min(70dvh,480px);margin:0;transform:none}
@media(max-width:600px){.employee-notification-dialog{top:55px;right:10px;width:min(340px,calc(100vw - 20px))}}
.company-notification-dialog{position:fixed;inset:auto;width:min(360px,calc(100vw - 20px));height:fit-content;max-height:min(70dvh,480px);margin:0;transform:none}
/* A experiência de IA de empresa e gestor usa o mesmo enquadramento do participante. */
.company-workspace-active:not(.employee-workspace-active) .company-content:has(.employee-diary-ai,.sera-chat-workspace){box-sizing:border-box;width:100%;max-width:none;min-height:100dvh;margin:0;padding:0;background:#fff}
.company-workspace-active:not(.employee-workspace-active) .company-content:has(.sera-chat-workspace) .sera-chat-workspace{height:100dvh}
.company-workspace-active:not(.employee-workspace-active) .sera-chat-shell{height:100%;min-height:0}
.company-workspace-active:not(.employee-workspace-active) .sera-chat-participant .sera-chat-top{box-sizing:border-box;min-height:144px;padding-top:72px;border:0;background:transparent;box-shadow:none;position:relative}
@media(min-width:761px){.company-workspace-active:not(.employee-workspace-active) .sera-chat-participant .sera-chat-top .sera-chat-identity{position:absolute;top:16px;left:22px}}
.company-workspace-active:not(.employee-workspace-active) .company-main:has(.sera-chat-workspace:not([hidden])) .company-topbar .company-header-person strong{color:#301940!important;text-shadow:none!important}
.company-workspace-active:not(.employee-workspace-active) .company-main:has(.sera-chat-workspace) .company-header-identity{gap:14px;padding-left:16px}
.sera-chat-participant .sera-chat-music{box-sizing:border-box;padding-top:76px;overflow-y:auto}
@media(max-width:760px){.sera-chat-participant .sera-chat-music{padding-top:70px}}
/* Música: gaveta compacta dentro da lateral, sem ocupar a coluna da conversa. */
.sera-chat-shell.sera-chat-participant.music-open{grid-template-columns:245px minmax(0,1fr)}
body.employee-workspace-active .sera-chat-shell.sera-chat-participant.music-open{grid-template-columns:270px minmax(0,1fr)}
.sera-chat-participant .sera-chat-sidebar>.sera-chat-music{position:absolute;z-index:4;top:auto;right:12px;bottom:86px;left:12px;box-sizing:border-box;display:grid;width:auto;max-height:min(360px,calc(100% - 125px));gap:9px;padding:14px;border:1px solid #e8d8efb8;border-radius:18px;background:#fcf9fff0;color:#3f2052;box-shadow:0 16px 36px #170c2666;backdrop-filter:blur(16px);overflow-y:auto;opacity:0;transform:translateY(24px) scale(.97);transform-origin:center bottom;pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.sera-chat-participant .sera-chat-sidebar>.sera-chat-music.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.sera-chat-participant .sera-chat-sidebar .sera-chat-music-art{width:68px;height:68px;border-radius:14px;font-size:34px}
.sera-chat-participant .sera-chat-sidebar-actions .sera-chat-back{opacity:.68;filter:saturate(.8);transform:scale(.86);transition:opacity .2s ease,filter .2s ease,transform .2s ease}
.sera-chat-participant .sera-chat-sidebar-actions .sera-chat-back:hover{opacity:1;filter:none;transform:scale(.92)}
@media(max-width:760px){.sera-chat-shell.sera-chat-participant.music-open{grid-template-columns:minmax(0,1fr)}.sera-chat-participant .sera-chat-sidebar>.sera-chat-music{bottom:82px;max-height:min(335px,calc(100% - 116px))}}
@media(prefers-reduced-motion:reduce){.sera-chat-participant .sera-chat-sidebar>.sera-chat-music{transition:none;transform:none}}
/* O palco da IA preenche a área principal em todos os papéis e larguras. */
.company-workspace-active .company-content:has(.employee-diary-layout.employee-diary-ai .sera-entre-hero){box-sizing:border-box;width:100%;max-width:none;min-height:100dvh;margin:0;padding:0}
.company-workspace-active .employee-diary-layout.employee-diary-ai:has(.sera-entre-hero){width:100%;max-width:none;margin:0}
.company-workspace-active .employee-diary-layout.employee-diary-ai .sera-entre-hero{box-sizing:border-box;width:100%;min-height:100dvh;border-radius:0;box-shadow:none}

/* No mobile, só o vídeo anima; os personagens compartilham escala e base visual. */
.employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots img{animation:none;transition:none}
.sera-chat-identity img.sera-chat-logo-portrait{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;margin:0!important;padding:5px!important}
@media(max-width:900px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots{align-items:flex-end;justify-content:space-between;overflow:hidden}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .sera-ai-start{z-index:3;margin-top:-42px}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafina,
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafino{flex:0 0 50%;width:50%;max-width:50%;height:100%;max-height:100%;object-fit:contain;object-position:center bottom;animation:none;transition:none}
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafino{transform:translate(-24px,70px) scale(1.55);transform-origin:center center}
}
@media(max-width:520px){
  .employee-diary-layout.employee-diary-ai .sera-entre-hero .employee-ai-mascots .employee-ai-serafino{transform:translate(-20px,56px) scale(1.55)}
}
/* A conversa do Gestor e da Empresa ocupa a mesma área integral do Participante. */
.company-workspace-active .company-content:has(.sera-chat-workspace) .sera-chat-workspace{box-sizing:border-box;width:100%;max-width:none;min-height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}
.company-workspace-active .company-content:has(.sera-chat-workspace) .sera-chat-shell{height:100dvh;min-height:0}
.company-workspace-active .company-content:has(.sera-chat-workspace) .sera-chat-main{height:100%;min-height:0}
.company-workspace-active .company-content:has(.sera-chat-workspace) .sera-chat-stream{max-height:none}
/* Gestor e Empresa usam a mesma largura da lateral com vídeo do Participante. */
@media(min-width:901px){.company-workspace-active:not(.employee-workspace-active) .sera-chat-shell.sera-chat-participant:not(.sidebar-collapsed){grid-template-columns:270px minmax(0,1fr)}}
@media(min-width:761px) and (max-width:900px){.company-workspace-active:not(.employee-workspace-active) .sera-chat-shell.sera-chat-participant.music-open:not(.sidebar-collapsed){grid-template-columns:270px minmax(0,1fr)}}

/* Primeira versão do novo diário: somente o painel do Participante. */
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading){
  position:relative;display:block;width:100%;max-width:none;min-height:100dvh;margin:0;
  overflow:hidden;border-radius:0;background:linear-gradient(115deg,#32143e,#683775 70%,#8d5b91);
}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome{
  position:static;display:block;min-height:0;max-height:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;color:#fff;
}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome::before,
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome::after{display:none}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-character{
  position:absolute;z-index:1;left:2%;bottom:24%;top:auto;width:34%;height:66%;max-width:none;margin:0;object-fit:contain;object-position:center bottom;pointer-events:none;
}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{
  position:relative;z-index:3;display:block;width:45%;max-width:640px;margin-left:49%;color:#fff;
}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow{margin-top:8%;font-size:13px;letter-spacing:.2em;color:#f2d8f5}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2{margin-top:15px;font-size:clamp(38px,3.6vw,64px);line-height:1.04}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{margin-top:18px;font-size:clamp(15px,1.2vw,19px);line-height:1.5}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome>.sera-diary-kicker{display:none}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-actions{
  position:absolute;z-index:4;right:3%;bottom:4%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:34%;margin:0;padding:18px;border:1px solid #e9dced;border-radius:18px;background:#fffdfb;box-shadow:0 18px 35px #1e0b2850;
}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-action{min-height:75px;flex:none}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-inspiration{position:absolute;z-index:5;right:3%;bottom:calc(4% + 193px);width:34%;margin:0}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-visual{position:absolute;z-index:4;left:3%;bottom:4%;width:59%;min-height:0}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .employee-diary-cover-wrap{display:grid;place-items:center;width:100%;height:clamp(300px,43dvh,440px);min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .employee-diary-cover{display:grid;place-items:center;justify-self:end;width:min(400px,45%);height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover{transform:none;box-shadow:none}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{display:block;width:100%;height:100%;max-height:none;object-fit:contain;transform:scale(1.4);transition:transform .25s ease}
body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:scale(1.45)}
body.employee-workspace-active .participant-diary.employee-diary-reading{width:100%;max-width:1200px;margin:0 auto}
body.employee-workspace-active .participant-diary.employee-diary-reading .employee-diary-spread{width:min(100%,1100px);aspect-ratio:1448/1086;column-gap:5%;padding:7% 7% 6%;background-image:url('/diary-new-open-cutout.png')}
body.employee-workspace-active .participant-diary.employee-diary-reading .employee-diary-left-page,
body.employee-workspace-active .participant-diary.employee-diary-reading .employee-diary-right-page{background:transparent;border:0;box-shadow:none}
.participant-diary .participant-diary-animation{width:min(100%,1100px);aspect-ratio:1448/1086;background:transparent;overflow:hidden}
.participant-diary .participant-diary-video-stage{position:relative}
.participant-diary .participant-diary-video-stage video{position:absolute;top:50%;left:-25%;width:150%;height:auto;max-width:none;transform:translateY(-50%);pointer-events:none}
.participant-diary .participant-diary-animation .employee-diary-opening-pages,
.participant-diary .participant-diary-turning-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.participant-diary .participant-diary-turning-cover{transform-origin:22% center}
@media(max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading){min-height:920px}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-character{left:0;bottom:40%;width:44%;height:40%}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{width:54%;margin-left:42%}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-visual{left:4%;bottom:22%;width:92%}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-actions{right:4%;bottom:3%;width:92%}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-inspiration{right:4%;bottom:calc(3% + 190px);width:92%}
  body.employee-workspace-active .participant-diary.employee-diary-reading .employee-diary-spread{aspect-ratio:auto;padding:0;background:none}
  body.employee-workspace-active .participant-diary.employee-diary-reading .employee-diary-spread::before{aspect-ratio:1448/1086;background-image:url('/diary-new-open-cutout.png')}
}
@media(max-width:600px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading){min-height:1030px}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{width:90%;margin-left:5%}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow{margin-top:35px}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2{font-size:clamp(32px,8vw,44px)}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-character{left:-4%;bottom:50%;width:50%;height:25%}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-visual{bottom:25%}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .employee-diary-cover-wrap{height:300px}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .employee-diary-cover{width:min(340px,68%)}
  body.employee-workspace-active .participant-diary:not(.employee-diary-reading) .sera-diary-inspiration{bottom:calc(3% + 190px)}
}
/* Sobrescreve a composição antiga, que tinha seletores mais específicos. */
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome{position:static;display:block;min-height:0;max-height:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character{position:absolute;z-index:1;top:auto;left:2%;bottom:24%;width:34%;height:66%;max-width:none;margin:0;object-fit:contain;object-position:center bottom}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{position:relative;z-index:3;display:block;width:45%;margin-left:49%;color:#fff}
@media(max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character{left:0;bottom:40%;width:44%;height:40%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{width:54%;margin-left:42%}
}
@media(max-width:600px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character{left:-4%;bottom:50%;width:50%;height:25%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{width:90%;margin-left:5%}
}
@media(max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual{bottom:31%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-spread{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:5%;width:100%;max-width:760px;aspect-ratio:1448/1086;padding:7% 7% 6%;background:url('/diary-new-open-cutout.png') center / 100% 100% no-repeat;filter:drop-shadow(0 15px 15px #34173f30);
  }
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-spread::before{display:none}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-left-page,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page{
    min-height:0;max-height:100%;height:100%;padding:4% 5%;overflow:auto;border:0;border-radius:0;background:transparent;box-shadow:none;
  }
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-left-page h3,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page h3{font-size:clamp(15px,2.7vw,22px);margin:5px 0 9px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-page-text{min-height:0;font-size:clamp(12px,2vw,16px)}
}
@media(max-width:520px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-spread{min-width:620px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-section{overflow-x:auto}
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading{display:block;max-width:1200px;margin:0 auto}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome{display:none!important}

/* Participante: a capa, o vídeo e o livro aberto compartilham o mesmo palco. */
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading{
  position:relative;display:block;width:100%;max-width:none;min-height:100dvh;margin:0;overflow:hidden;
  background:linear-gradient(115deg,#32143e,#683775 70%,#8d5b91);
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary>.participant-diary-background{
  display:block!important;position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.48;pointer-events:none;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary>.sera-diary-welcome::before,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary>.sera-diary-welcome::after{display:none!important}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary>.sera-diary-welcome,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome{
  display:block!important;position:static;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>:not(.sera-diary-character){display:none!important}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-character,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .sera-diary-character{
  display:block!important;position:absolute;z-index:2;top:13%;right:2%;bottom:auto;left:auto;width:38%;height:71%;object-fit:contain;object-position:center bottom;pointer-events:none;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{
  position:relative;z-index:3;display:block;width:54%;max-width:760px;margin-left:5%;color:#fff;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow{margin-top:5%;font-size:13px}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2{margin-top:12px;font-size:clamp(36px,3.2vw,54px)}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{margin-top:14px;font-size:clamp(15px,1.15vw,19px)}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-visual,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{
  display:block!important;position:absolute;z-index:4;top:28%;bottom:auto;left:3%;width:55%;height:56%;min-height:0;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .employee-diary-section{position:relative;display:block!important;width:100%;height:100%;min-height:0;margin:0;padding:0;overflow:visible}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-wrap{width:100%;height:100%;padding:0}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover{justify-self:center;width:100%;height:100%;margin:0}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:scale(1.08)}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:scale(1.11)}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .participant-diary-animation{width:100%;height:100%;aspect-ratio:auto;margin:0}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .participant-diary-video-stage video{top:50%;left:-25%;width:150%;height:auto;transform:translateY(-50%)}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head{
  position:absolute;z-index:5;top:-28%;left:4%;width:92%;margin:0;color:#fff;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head h2,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head .employee-diary-kicker{color:#fff}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-spread{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:5%;width:100%;max-width:none;min-width:0;height:100%;min-height:0;aspect-ratio:auto;padding:7% 7% 6%;
  background:url('/diary-new-open-cutout.png') center / 100% 100% no-repeat;filter:drop-shadow(0 15px 15px #34173f30);transform-origin:right center;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-spread::before{display:none}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-left-page,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page{
  min-width:0;min-height:0;max-height:100%;height:100%;padding:4% 5%;overflow:auto;border:0;border-radius:0;background:transparent;box-shadow:none;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-actions{
  right:3%;bottom:3%;left:3%;width:94%;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-inspiration{right:auto;bottom:auto;top:22%;left:5%;width:34%}
@media(max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading{min-height:1260px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{width:90%;margin-left:5%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-character,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .sera-diary-character{top:26%;right:4%;width:40%;height:26%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-visual,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{top:52%;left:4%;width:92%;height:32%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-actions{grid-template-columns:repeat(2,minmax(0,1fr));bottom:2%;left:4%;width:92%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-inspiration{top:45%;left:5%;width:45%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head{top:-36%}
}
@media(max-width:520px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading{min-height:1120px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-character,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .sera-diary-character{top:27%;right:1%;width:46%;height:23%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-visual,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{top:51%;height:29%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-spread{min-width:0}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head{top:-42%}
}

/* Prioridade sobre os posicionamentos legados com :not(.employee-diary-reading). */
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character{
  top:13%;right:2%;bottom:auto;left:auto;width:38%;height:71%;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual{
  top:28%;bottom:auto;left:3%;width:55%;height:56%;
}
@media(max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading){min-height:1260px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character{
    top:26%;right:4%;bottom:auto;left:auto;width:40%;height:26%;
  }
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual{
    top:52%;bottom:auto;left:4%;width:92%;height:32%;
  }
}
@media(max-width:520px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading){min-height:1120px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character{
    top:27%;right:1%;bottom:auto;left:auto;width:46%;height:23%;
  }
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual{
    top:51%;bottom:auto;left:4%;width:92%;height:29%;
  }
}
@media(min-width:521px) and (max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-character,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character{top:25%;height:24%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-visual,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual{top:50%;height:30%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-inspiration{top:43%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{top:50%;height:30%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head{top:-100%}
}
@media(max-width:520px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{top:51%;height:29%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head{top:-100%}
}

/* Participante: keep the cover clear of the introduction and actions. */
@media(min-width:901px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:translateY(15px) scale(.69)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:translateY(15px) scale(.71)}
}
/* Legacy absolute-page rules set height:100% as well as top/bottom, which pushes
   navigation and editing controls outside the printed right-hand page. */
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-left-page,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page{
  box-sizing:border-box;position:absolute;top:18%;bottom:10%;height:auto;max-height:none;overflow:hidden;padding:0 2%;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-left-page{left:8%;right:auto;width:39%}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page{right:8%;left:auto;width:39%;padding-left:1.5%}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page>.employee-diary-page-text{flex:1 1 auto;min-height:0;overflow:auto}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page>.employee-diary-reading-controls{width:100%;margin-top:auto;padding:4px 0;background:transparent}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-page-form{
  box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:hidden;grid-template-rows:auto auto minmax(0,1fr) auto;gap:5px;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-page-form label:has(textarea){min-height:0;grid-template-rows:auto minmax(0,1fr)}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-page-form textarea{box-sizing:border-box;height:100%;min-height:0;max-height:none;resize:none}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-page-form .employee-diary-page-controls{margin:0;padding:0}

/* Participante: título e personagem à esquerda; livro maior, à direita. */
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-actions{display:none!important}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-character,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .sera-diary-character{
  top:41%;right:auto;bottom:auto;left:5%;width:44%;height:54%;object-position:center bottom;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-visual,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{
  top:30%;right:5%;bottom:auto;left:auto;width:52%;height:64%;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{
  width:56%;max-width:850px;margin-left:5%;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-inspiration{
  top:33%;right:auto;bottom:auto;left:5%;width:40%;
}
@media(min-width:901px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:translateY(8px) scale(.85)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:translateY(8px) scale(.87)}
}
@media(max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-character,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .sera-diary-character{top:32%;right:auto;left:4%;width:48%;height:26%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-visual,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{top:58%;right:4%;left:auto;width:92%;height:35%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{width:90%;margin-left:5%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-inspiration{top:43%;right:4%;left:auto;width:45%}
}
@media(max-width:520px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-character,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .sera-diary-character{top:35%;height:23%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-visual,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{top:59%;height:32%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-inspiration{top:45%}
}

/* The book itself is the diary's only entry point on the Participant welcome. */
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-inspiration{display:none!important}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{width:47%;max-width:720px}
@media(min-width:901px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:scale(1.5)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:scale(1.52)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .participant-diary-video-stage video{left:-80%;width:225%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-character,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .sera-diary-character{top:36%;height:58%}
}
@media(min-width:1500px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:scale(1.12)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:scale(1.14)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .participant-diary-video-stage video{left:-43%;width:168%}
}
@media(max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{width:90%;max-width:none}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .participant-diary-animation{max-width:100%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .participant-diary-video-stage video{left:-47%;width:167%}
}

/* Keep the introduction unchanged while the book opens in its own visual area. */
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>.sera-diary-welcome-eyebrow,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>h2:not(.sera-diary-character),
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>p:not(.sera-diary-character){
  display:block!important;position:relative;z-index:3;width:56%;max-width:850px;margin-left:5%;color:#fff;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>.sera-diary-welcome-eyebrow{margin-top:5%;font-size:13px}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>h2:not(.sera-diary-character){margin-top:12px;font-size:clamp(36px,3.2vw,54px)}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>p:not(.sera-diary-character){width:47%;max-width:720px;margin-top:14px;font-size:clamp(15px,1.15vw,19px)}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head{top:-10%;justify-content:flex-end}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head>div:first-child{display:none}
@media(min-width:901px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:translate(8%,20px) scale(1.22)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:translate(8%,20px) scale(1.24)}
}
@media(min-width:1500px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:translateX(7%) scale(1.05)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:translateX(7%) scale(1.07)}
}
@media(max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>.sera-diary-welcome-eyebrow,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>h2:not(.sera-diary-character),
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>p:not(.sera-diary-character){width:90%;max-width:none}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head{top:-12%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:translateX(5%) scale(.98)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:translateX(5%) scale(1)}
}

/* The Participant diary fills its content area, without the dashboard's white frame. */
body.employee-workspace-active .company-content:has(.employee-diary-layout.participant-diary){box-sizing:border-box;width:100%;max-width:none;padding:0}
body.employee-workspace-active .company-main:has(.employee-diary-layout.participant-diary) .company-topbar .company-header-person strong,
body.employee-workspace-active .company-main:has(.employee-diary-layout.participant-diary) .company-topbar .company-profile-chevron{color:#fff;text-shadow:0 1px 4px #1d0b2d}
body.employee-workspace-active .company-main:has(.employee-diary-layout.participant-diary) .company-topbar .company-header-identity{border-left-color:#ffffff55}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>.sera-diary-welcome-eyebrow{
  position:absolute;z-index:6;top:26px;left:5%;width:auto;max-width:none;margin:0;
  color:#fff;font:800 18px/1.2 'Plus Jakarta Sans',Inter,Arial,sans-serif;letter-spacing:.045em;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>h2:not(.sera-diary-character){
  box-sizing:border-box;max-width:760px;margin-top:0;padding-top:80px;
  font:700 clamp(38px,3vw,54px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.025em;
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>p:not(.sera-diary-character){
  max-width:700px;margin-top:14px;font:400 clamp(16px,1.05vw,18px)/1.55 Inter,Arial,sans-serif;
}
@media(max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>.sera-diary-welcome-eyebrow{top:72px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>h2:not(.sera-diary-character){padding-top:106px;font-size:clamp(32px,5.5vw,40px)}
}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-character,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .sera-diary-character{top:auto;bottom:0;height:60%}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-visual,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual,
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{top:38%;height:56%}
body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .participant-diary-cover-overlay{
  position:absolute;z-index:10;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transform:translate(8%,20px) scale(1.22)
}
@media(min-width:1500px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .participant-diary-cover-overlay{transform:translateX(7%) scale(1.05)}
}
@media(max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading),
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading{min-height:900px}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-character,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .sera-diary-character{top:35%;bottom:auto;height:28%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-visual,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual,
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{top:59%;height:37%}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .participant-diary-cover-overlay{transform:translateX(15%) scale(.9)}
}
@media(max-width:600px){
  body.employee-workspace-active .company-content:has(.employee-diary-layout.participant-diary){padding-top:0}
}
@media(min-width:901px) and (max-width:1499px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:translate(10%,20px) scale(1.12)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:translate(10%,20px) scale(1.14)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .participant-diary-cover-overlay{transform:translate(10%,20px) scale(1.12)}
}
@media(min-width:1500px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:translateX(9%) scale(1)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:translateX(9%) scale(1.02)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary .participant-diary-cover-overlay{transform:translateX(9%) scale(1)}
}
@media(max-width:900px){
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:translateX(15%) scale(.9)}
  body.employee-workspace-active .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:translateX(15%) scale(.92)}
}
.company-chart-switch{max-width:100%;overflow-x:auto}
.company-chart-switch button{flex:none}
.company-chart-switch button[data-chart-view="notes"]::before{content:none}
.company-chart-switch-logo{display:block;width:15px;height:15px;flex:none;object-fit:contain}
.company-trial-locked{opacity:.58;position:relative}
.company-trial-lock{margin-left:auto;font-size:.82em;filter:grayscale(1)}
.company-trial-notice{border:1px solid #d6c2e4;background:linear-gradient(135deg,#fff,#f8f1fd)}
.company-trial-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.sera-chat-main:has(.sera-public-voice-panel) .sera-chat-stream{overflow-anchor:none;overscroll-behavior:contain}

/* O retrato permanece no canto sem reservar uma faixa sobre a conversa. */
@media(min-width:761px){
  .sera-chat-main{grid-template-rows:0 minmax(0,1fr) auto}
  .sera-chat-top,
  body.employee-workspace-active .sera-chat-participant .sera-chat-top,
  .company-workspace-active:not(.employee-workspace-active) .sera-chat-participant .sera-chat-top{position:relative;box-sizing:border-box;height:0;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;z-index:2;pointer-events:none}
  .sera-chat-top .sera-chat-identity,
  body.employee-workspace-active .sera-chat-participant .sera-chat-top .sera-chat-identity,
  .company-workspace-active:not(.employee-workspace-active) .sera-chat-participant .sera-chat-top .sera-chat-identity{position:absolute;top:10px;left:8px;pointer-events:auto}
  .sera-chat-top .sera-chat-back{position:absolute;top:12px;right:12px;pointer-events:auto}
  .sera-chat-stream{min-height:0;max-height:none;padding-top:74px}
}
.sera-live-draft.assistant>img{flex:none;width:32px;height:32px;border-radius:50%;object-fit:contain;background:#f0e6f5}

.company-reaction-card .company-historical-legend>button>i{display:block;width:9px;height:9px;border-radius:50%}
.company-reaction-card .company-reaction-track{grid-column:2;display:block;height:8px;background:#ebe3ef;border-radius:999px;overflow:hidden}
.company-reaction-card .company-reaction-track i{display:block;height:100%;border-radius:inherit}
@media(max-width:650px){
  .company-workspace-active .company-dashboard .company-overview-hero{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:12px;min-height:64px;margin-bottom:12px}
  .company-workspace-active .company-dashboard .company-overview-hero h2{font-size:clamp(14px,4vw,18px);margin:0;min-width:0}
  .company-workspace-active .company-dashboard .company-overview-hero-action{align-self:center;flex:none;min-height:36px;padding:5px 8px;font-size:11px;background:#ffffff19;color:#fff;border-color:#ffffff65;box-shadow:none}
  .company-reaction-card .company-historical-legend{order:1}
  .company-reaction-card .company-historical-donut{order:2}
}

@media(max-width:650px){
  .company-workspace-active:not(.employee-workspace-active) .company-content.company-dashboard{padding-top:70px}
}

@media(max-width:650px){
  .company-content.company-dashboard .company-department-detail-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;text-align:left}
  .company-content.company-dashboard .company-department-detail-head h2{min-width:0;font-size:19px!important;text-align:left}
  .company-content.company-dashboard .company-department-detail-head .company-person-kind{flex:none;margin:0;white-space:nowrap}
  .company-content.company-dashboard .company-reaction-card h2{font-size:17px;line-height:1.2}
  .company-content.company-dashboard .company-reaction-card .company-historical-legend>button{grid-template-columns:9px minmax(0,1fr) 65px;gap:5px 7px}
  .company-content.company-dashboard .company-reaction-track{width:100%}
}

@media(max-width:650px){
  .company-main:has(.company-content.company-dashboard) .company-topbar{position:fixed;height:64px;background:#fff;border-bottom:1px solid #e8dfeb}
  .company-main:has(.company-content.company-dashboard) .company-topbar>.company-overview-top-title{display:block!important;position:absolute;top:0;left:70px;line-height:64px}
  .company-overview-top-title>small{display:none}
  .company-main:has(.company-content.company-dashboard) .company-overview-top-title>strong{font-size:14px;color:#281538}
  .company-main:has(.company-content.company-dashboard) .company-header-person strong{display:none}
  .company-workspace-active:not(.employee-workspace-active) .company-content.company-dashboard{padding-top:78px}
  .company-content.company-dashboard .company-reaction-card h2{font-size:clamp(15px,4.4vw,18px)!important;margin:0 0 8px}
  .company-content.company-dashboard .company-reaction-card .company-historical-legend>button{padding:6px 0 9px;gap:4px 8px}
  .company-content.company-dashboard .company-reaction-track{height:11px}
  .company-content.company-dashboard .company-historical-donut{width:min(180px,65vw);box-sizing:border-box;padding:5px;background:#fff;border:1px solid #e3d8e8;border-radius:50%;box-shadow:0 9px 24px #381e491a;margin:8px auto 0}
}

@media(max-width:650px){
  .company-main:has(.company-content.company-dashboard) .company-topbar>.company-overview-top-title{display:flex!important;align-items:center;top:50%;transform:translateY(-50%);line-height:1.2}
  .company-main:has(.company-content.company-dashboard) .company-topbar>.company-menu-toggle,.company-main:has(.company-content.company-dashboard) .company-topbar>.company-top-actions{top:50%;transform:translateY(-50%)}
  .company-content.company-dashboard .company-reaction-card .company-historical-donut{width:min(180px,60vw);padding:0;border:5px solid #fff;margin:14px auto 4px;aspect-ratio:1}
  .company-content.company-dashboard .company-reaction-card .company-historical-donut svg{height:auto;aspect-ratio:1;background:transparent}
  .company-content.company-dashboard .company-reaction-card .company-historical-donut>span{inset:24%;border-radius:50%;clip-path:circle(50%);background:#fff}
  .company-content.company-dashboard .company-historical-legend{gap:0}
}

@media(max-width:850px){.company-shell.company-menu-open .company-sidebar,.company-menu-open .company-shell .company-sidebar{box-sizing:border-box;width:min(320px,73.5vw);max-width:min(320px,73.5vw);min-width:0}}

.company-manager-page-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.company-manager-page-actions .company-manager-archive-toggle{padding:0;border:0;background:none;text-decoration:underline}
@media(max-width:650px){
  .company-workspace-active .company-managers-heading:has(.company-manager-page-actions){display:grid;gap:12px;margin-bottom:14px}
  .company-managers-heading .company-manager-page-actions>.company-primary{width:auto;min-height:44px;margin:0;padding:8px 14px}
  .company-manager-page-actions .company-manager-archive-toggle{text-align:right;font-size:12px}
  .company-manager-directory .company-manager-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;justify-items:start}
  .company-manager-directory .company-manager-toolbar label{width:100%}
  .company-manager-directory .company-manager-count{text-align:left;justify-self:start}
  .company-main.company-manager-directory-active .company-topbar{position:fixed;height:64px;background:#fff;border-bottom:1px solid #e8dfeb}
  .company-main.company-manager-directory-active .company-topbar>.company-overview-top-title{display:flex!important;position:absolute;left:70px;top:50%;transform:translateY(-50%)}
  .company-main.company-manager-directory-active .company-topbar>.company-overview-top-title strong{font-size:14px}
  .company-main.company-manager-directory-active .company-header-person strong{display:none}
  .company-main.company-manager-directory-active .company-topbar>:is(.company-menu-toggle,.company-top-actions){top:50%;transform:translateY(-50%)}
}

.company-manager-sheet{box-sizing:border-box;margin:auto}
.company-manager-actions{flex-wrap:wrap;gap:8px}
@media(max-width:620px){
.company-manager-sheet .company-manager-details{padding:16px}
.company-manager-sheet .company-manager-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));margin-top:14px;padding-top:12px}
.company-manager-sheet .company-manager-actions button{margin:0;min-width:0;min-height:44px;white-space:normal}
}

@media(max-width: 800px){.company-manager-edit-dialog .company-person-form input{font-size:16px}}


.company-navigation .sera-ia-wordmark{display:inline-flex;align-items:baseline;gap:.3em;white-space:nowrap;letter-spacing:.045em;font-family:Arial,sans-serif;font-weight:800;overflow:visible}
.company-navigation .sera-ia-word-ia{overflow:visible}
.company-settings-submenu:not([hidden]){display:grid;gap:4px;padding-inline-start:12px}
.company-sidebar-collapsed .company-settings-submenu{padding-inline-start:0}


.company-navigation [data-section="ia"] .sera-ia-word-i::before{content:none}



.company-navigation .company-nav-ai-accent{position:relative;display:inline-block;overflow:visible}
@media(max-width:900px){
  .employee-workspace-active .company-navigation .company-nav-ai-star{top:-.94em}
}
.company-navigation .company-nav-ai-star{position:absolute;left:.14em;top:-.82em;margin-left:.5px;transform:translateX(-50%);color:#ffd25a;-webkit-text-fill-color:#ffd25a;font-size:.72em;line-height:1;pointer-events:none}


.company-route-loading{display:grid;justify-items:center;align-content:center;gap:12px;min-height:50vh;color:#592d70;font-weight:700}
.company-route-loading img{width:42px;height:42px;animation:company-route-spin 1.4s linear infinite}
@keyframes company-route-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.company-route-loading img{animation:none}}


@media(max-width:650px){
.company-content.company-dashboard .company-reaction-card .company-historical-legend>button>strong{grid-column:3;grid-row:2;align-self:center}
.company-content.company-dashboard .company-reaction-card .company-reaction-track{grid-column:2;grid-row:2;margin:0}
}

/* Company support and profile */
.company-support-grid,.company-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.company-support-grid .company-work-card,.company-settings-grid .company-work-card{min-width:0}
.company-support-grid .company-work-card,.company-settings-grid .company-work-card{margin:0;padding:18px}
.company-support-grid .company-faq{padding:10px 0}
.company-support-grid .company-contact-link{margin:8px 0;padding:8px 12px}
.company-support-grid .company-contact-link img{width:20px;height:20px}
.company-settings-grid .company-settings-rows>div{gap:10px}
.company-settings-grid .company-settings-rows strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){
  .company-support-grid,.company-settings-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .company-support-grid .company-work-card,.company-settings-grid .company-work-card{padding:14px}
}

.company-support-actions{margin-top:14px}
.company-support-actions>.company-work-card{border-top:3px solid #8653a3}
.company-support-actions .company-secondary{margin:6px 8px 0 0}
.company-support-dialog{box-sizing:border-box;width:min(520px,calc(100% - 24px));max-height:85dvh;overflow:auto}
.company-support-dialog input,.company-support-dialog textarea{font-size:16px}
.company-support-dialog .company-feedback:empty{display:none}
.company-support-dialog .company-person-row strong{overflow-wrap:anywhere;min-width:0}

.company-plan-options.company-plan-comparison{max-width:960px;margin:0 auto;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.company-plan-comparison .company-plan-option{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(18px,3vw,32px);background:white}
.company-plan-comparison .company-plan-option.is-current{border-color:#a780bf;background:#faf6fd}
.company-plan-comparison .company-plan-option :is(h2,p){margin:0}
.company-plan-pricing{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
.company-plan-comparison .company-primary{margin-top:auto;text-decoration:none}
@media(max-width:640px){.company-plan-options.company-plan-comparison{grid-template-columns:minmax(0,1fr)}}
.company-plan-comparison .company-plan-option.is-voice{background:linear-gradient(135deg,#d5edff,#efe0fa 48%,#ffedbd);border-color:#a479c5;box-shadow:0 8px 24px #55207724}.company-plan-mark{object-fit:contain}.is-voice .company-plan-mark{filter:drop-shadow(2px 4px 2px #58237588) drop-shadow(0 0 7px #ad76eb)}.company-plan-comparison .company-primary{background:linear-gradient(110deg,#352667,#712e87);width:100%;text-align:center}
.company-plan-comparison .is-voice .company-plan-mark{filter:none}

.company-plan-intro,
.company-plan-options.company-plan-comparison {
  max-width: 1200px;
  margin-inline: auto;
}
.company-plan-intro {
  margin-bottom: 24px;
  padding: clamp(20px, 4vw, 38px);
  border-radius: 20px;
  background: linear-gradient(125deg, #301644, #63417d);
  color: white;
}
.company-plan-intro h1 { margin: 0 0 8px; color: inherit; }
.company-plan-intro p { margin: 0; color: #f3e9fa; }
.company-plan-options.company-plan-comparison { gap: clamp(14px, 2vw, 24px); }


@media (max-width: 640px) {
  .company-plan-intro { padding: 16px; margin-bottom: 14px; }
  .company-plan-intro h1 { font-size: 22px; }
  .company-plan-intro p { font-size: 14px; line-height: 1.4; }
  .company-plan-comparison .company-plan-option { gap: 8px; padding: 14px 16px; }
  .company-plan-comparison .company-plan-mark { width: 36px; height: 36px; }
  .company-plan-comparison .company-plan-option h2 { font-size: 20px; }
  .company-plan-comparison .company-plan-option p { font-size: 14px; line-height: 1.4; }
  .company-plan-comparison .company-academy-state { margin: 0; }
}

.company-main:has(.company-plan-page) {
  min-height: 100dvh;
  background: #f6effa url("/company-plan-background.png") center / cover no-repeat;
}
.company-plan-page {
  padding: clamp(12px, 2.5vw, 32px);

}
@media(max-width:640px) {
  .company-plan-page { padding: 10px; }
  .company-plan-comparison .company-plan-option { gap: 6px; padding: 12px; }
  .company-plan-comparison .company-plan-mark { width: 30px; height: 30px; }
}

.company-account-profile .company-settings-identity { margin-block: 12px; }
.company-account-profile .company-settings-avatar { width: 48px; height: 48px; }
.company-account-profile .company-feedback:empty { display: none; }
@media (max-width: 720px) {
  .company-settings-grid:has(> .company-account-profile) {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 8px;
  }
  .company-settings-grid:has(> .company-account-profile) > * {
    min-width: 0;
    padding: 10px;
    overflow-wrap: anywhere;
  }
  .company-settings-grid:has(> .company-account-profile) h2 { font-size: 16px; }
  .company-settings-grid:has(> .company-account-profile) p { font-size: 13px; }
  .company-account-profile .company-settings-identity { flex-wrap: wrap; gap: 8px; }
  .company-settings-grid:has(> .company-account-profile) button.company-secondary {
    width: 100%;
    white-space: normal;
    padding: 6px;
    min-height: 36px;
    font-size: 12px;
  }
}

@media (max-width: 850px) {
  .company-workspace-active .company-navigation button {
    font-size: 13px;
  }
  .company-workspace-active .company-navigation .company-nav-symbol svg {
    width: 19px;
    height: 19px;
  }
}

.company-sidebar-foot.company-brand-footer {
  margin-top: auto;
  flex: none;
  display: grid;
  gap: 6px;
  padding: 14px 8px 0;
  overflow-wrap: anywhere;
}
.company-brand-footer small { font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.company-brand-footer strong { color: white; font-size: 14px; }
@media (min-width: 901px) {
  .company-sidebar-collapsed .company-sidebar-foot.company-brand-footer { display: none; }
}

@media (max-width: 650px) {
  .company-workspace-active .company-sidebar:has(.company-brand-footer) {
    padding: 14px 14px 18px;
    overflow-y: auto;
    scrollbar-width: none;
  }
  .company-workspace-active .company-sidebar:has(.company-brand-footer) .company-brand {
    flex: none;
    margin: 0;
    padding: 4px 6px 12px;
  }
  .company-workspace-active .company-sidebar:has(.company-brand-footer) .company-brand img {
    width: min(100%, 176px);
    max-width: none;
    height: auto;
    margin-inline: auto;
    transform: none;
  }
  .company-workspace-active .company-sidebar:has(.company-brand-footer) .company-navigation {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 3px;
    min-height: 0;
  }
  .company-workspace-active .company-sidebar:has(.company-brand-footer) .company-navigation > button {
    min-height: 40px;
    padding: 10px 12px;
  }
}
.company-workspace-active .company-topbar:has(.company-account-popover:not([hidden])) { z-index: 30; }

.employee-home .employee-home-hero{display:block;min-height:0;padding:clamp(14px,2.5vw,24px);border-radius:16px}
.employee-home .employee-home-hero h2{margin:0 0 4px;font-size:clamp(23px,3vw,32px)}
.employee-home .employee-home-section-head{margin:16px 0 8px}
.employee-home .employee-journey-link{min-height:64px;padding:10px 12px}

/* Participant overview */
.employee-workspace-active .company-content.employee-home {
  max-width: none;
  min-height: 100dvh;
  padding: clamp(62px, 5vw, 84px) clamp(14px, 2vw, 30px) 24px;
  background: radial-gradient(ellipse at 83% 15%, #fae4d5, transparent 52%), #f9f1ef;
}
.employee-wellness-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 295px;
  padding: 16px clamp(12px, 3vw, 38px) 24px;
  color: #391348;
  background: var(--employee-wellness-hero-image, none) right center / auto 100% no-repeat;
}
.employee-wellness-intro { position: relative; max-width: 570px; }
.employee-wellness-kicker {
  display: inline-block;
  color: #873092;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.employee-wellness-kicker::after {
  content: '';
  display: block;
  width: 105px;
  height: 3px;
  margin-top: 7px;
  background: linear-gradient(90deg,#117ee0 25%,#eea900 25% 50%,#78a921 50% 75%,#ab65b1 75%);
}
.employee-wellness-hero h2,.employee-wellness-card h2,.employee-wellness-card h3,.employee-wellness-next h2 {
  margin: 8px 0;
  color: inherit;
  font-family: Inter, Arial, sans-serif;
  line-height: 1.08;
}
.employee-wellness-hero h2 { font-size: clamp(34px, 5vw, 64px); }
.employee-wellness-hero p { max-width: 470px; margin: 0 0 20px; line-height: 1.4; }
.employee-wellness-mood-label { display:block; font-size:clamp(17px,1.35vw,19px); margin-bottom:8px; }
.employee-wellness-mood { display: flex; flex-wrap: wrap; gap: 7px; }
.employee-wellness-mood-option {
  min-height: 36px;
  padding: 6px 13px;
  border: 1px solid #fff;
  border-radius: 999px;
  background: #e5ebd4;
  color: #391348;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.employee-wellness-mood-option:nth-child(2) { background: #fbe3d3; }
.employee-wellness-mood-option:nth-child(3) { background: #eedcf0; }
.employee-wellness-mood-option:nth-child(4) { background: #deebf8; }
.employee-wellness-mood-option[aria-pressed="true"] { outline: 2px solid #6b3183; outline-offset: -2px; }
.employee-wellness-featured { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.employee-wellness-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: clamp(14px, 1.6vw, 24px);
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 20px;
  background: #fffcfb;
  color: #391348;
  box-shadow: 0 7px 20px #52284117;
}
.employee-wellness-card h2 { font-size: clamp(21px, 2.3vw, 31px); }
.employee-wellness-card h3 { font-size: clamp(18px, 1.65vw, 23px); }
.employee-wellness-card p { margin: 0 0 10px; font-size: 14px; line-height: 1.4; }
.employee-wellness-listening {
  min-height:clamp(154px,16vw,190px);
  background:linear-gradient(90deg,#211331f5,#211331c4 45%,#21133112 90%),
    #211331 url("/participant-wellness-ia-v1.webp") right center / cover no-repeat;
  color: #fff;
}
.employee-wellness-card-heading { display:flex; align-items:center; gap:8px; width:100%; margin-bottom:5px; }
.employee-wellness-card-heading .employee-wellness-card-icon { flex:none; }
.employee-wellness-listening .employee-wellness-card-heading { padding-top:.35em; }
.employee-wellness-listening .employee-wellness-card-copy { max-width:52%; }
.employee-wellness-card-hit { position:absolute; inset:0; border:0; background:transparent; cursor:pointer; }
.employee-home .employee-wellness-card-hit:focus-visible { outline-offset:-4px; }
.employee-workspace-active .company-navigation .sera-ia-word-i::before,
.employee-wellness-listening .sera-ia-word-i::before { top:-.75em; }
.employee-wellness-diary {
  min-height:clamp(154px,16vw,190px);
  background:linear-gradient(90deg,#251631f5,#251631c4 45%,#25163112 90%),
    #251631 url("/participant-wellness-diary-v1.webp") right center / cover no-repeat;
  color:#fff;
}
.employee-wellness-diary > p { max-width:52%; }
.employee-wellness-assessment {
  min-height:clamp(154px,16vw,190px);
  background:linear-gradient(90deg,#fffcfb90,#fffcfba8 67%,#fffcfb00 81%),
    #fffcfb url("/participant-wellness-assessment-v1.webp") right center / cover no-repeat;
}
.employee-wellness-card-icon { font-size: 22px; }
.employee-wellness-assessment-body { max-width:68%; }
.employee-wellness-progress {
  display: grid;
  place-content: center;
  justify-items: center;
  flex: 0 0 auto;
  width: clamp(64px, 7vw, 105px);
  aspect-ratio: 1;
  border: 7px solid transparent;
  border-radius: 50%;
  background: linear-gradient(#fff,#fff) padding-box, conic-gradient(#83ab22,#ffad24,#8b399f,#8b399f,#83ab22) border-box;
}
.employee-wellness-progress strong { font-size: clamp(14px, 1.5vw, 22px); }
.employee-wellness-progress small { font-size: 10px; }
.employee-wellness-action {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  min-height: 34px;
  padding: 6px 12px;
  border: 0;
  border-radius: 999px;
  background: #fff4ff;
  color: #4d1b65;
  font: 800 13px Inter,Arial,sans-serif;
  cursor: pointer;
}
.employee-wellness-action:hover { background: #ead6f2; }
.employee-wellness-action img { width:18px; height:18px; flex:none; }
.employee-wellness-listening .employee-wellness-card-icon { color:#6b188b; }
.employee-wellness-next { margin: 18px 0 10px; color: #391348; }
.employee-wellness-next h2 { font-size: clamp(23px, 3vw, 34px); }
.employee-home .employee-home-links .employee-journey-link { min-height: 88px; background: linear-gradient(135deg,#fffcfb,#f6eae2); }
@media (max-width: 1000px) {
  .employee-wellness-featured { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .employee-wellness-listening { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .employee-wellness-hero { min-height: 0; padding: 4px 0 16px; background-size: auto 72%; background-position: right top; }
  .employee-wellness-intro { background: #fff3edbb; border-radius: 10px; }
  .employee-wellness-featured { grid-template-columns: minmax(0,1fr); gap: 9px; }
  .employee-wellness-card p { font-size: 13px; }
  .employee-home .employee-home-links .employee-journey-link { min-height: 64px; }
}
.employee-wellness-hero {
  --employee-wellness-hero-image: linear-gradient(90deg,#f9f1ef 6%,#f9f1ef00 68%),url("/participant-wellness-landscape.png");
}
.employee-wellness-mood-option { display:inline-flex; align-items:center; gap:6px; color:#53216a; }
.employee-wellness-mood-option svg,.employee-journey-icon svg { width:20px; height:20px; flex:none; }
.employee-wellness-mood-option:nth-child(1) { color:#375319; }
.employee-wellness-mood-option:nth-child(2) { color:#873c08; }
.employee-wellness-mood-option:nth-child(4) { color:#17437c; }
.employee-wellness-hero .employee-wellness-reflection { min-height:3em; margin:6px 0 0; font-size:12px; }
.employee-wellness-card-icon { display:grid; place-items:center; width:38px; height:34px; border-radius:10px; background:#fff8ff; box-shadow:0 3px 8px #54186019; }
.employee-wellness-card-icon svg { width:25px; height:25px; }
.employee-wellness-action { border:1px solid #e4cde9; background:linear-gradient(135deg,#fff,#f1ddf5); box-shadow:0 3px 8px #45135522; }
@media(min-width:1001px){
  .employee-workspace-active .company-content.employee-home { min-height:100dvh; padding:62px 22px 12px; box-sizing:border-box; }
  .employee-wellness-hero {
    min-height:0;
    padding:4px 20px 10px;
    background-position:right 105px center;
    background-size:auto 126%;
  }
  .employee-wellness-intro { max-width:48%; }
  .employee-wellness-hero h2 { font-size:clamp(32px,4vw,54px); margin:6px 0; }
  .employee-wellness-hero p { margin-bottom:10px; }
  .employee-wellness-featured { gap:12px; }
  .employee-wellness-card { padding:12px 14px; }
  .employee-wellness-card h2 { font-size:clamp(19px,2vw,26px); }
  .employee-wellness-card h3 { font-size:19px; }
  .employee-wellness-card p { font-size:13px; margin-bottom:8px; }
  .employee-wellness-next { margin:12px 0 6px; }
  .employee-wellness-next h2 { margin:4px 0; font-size:clamp(21px,2.3vw,29px); }
  .employee-home .employee-home-links .employee-journey-link { min-height:64px; }
}
.employee-home .employee-home-links .employee-journey-link {
  grid-template-columns:36px minmax(0,1fr) auto;
  grid-template-rows:auto;
  align-items:center;
  gap:10px;
}
.employee-home .employee-journey-icon { width:36px; height:36px; grid-area:1 / 1; }
.employee-home .employee-journey-copy { grid-area:1 / 2; gap:3px; }
.employee-home .employee-journey-arrow { grid-area:1 / 3; align-self:center; }
.employee-home .employee-home-links .employee-journey-link {
  position:relative;
  isolation:isolate;
  align-content:stretch;
  grid-template-columns:36px minmax(0,1fr) minmax(0,32%) auto;
  background:linear-gradient(90deg,#fffcfb 10%,#faf2ece5 55%,#f6eae2a3),
    var(--journey-card-scene) right bottom / cover no-repeat;
}
.employee-home .employee-home-links .employee-journey-link::before {
  content:"";
  position:absolute;
  grid-area:1 / 3 / 2 / 4;
  z-index:-1;
  inset:0 0 calc(-1 * var(--journey-card-padding-block));
  background:var(--journey-card-art) center bottom / contain no-repeat;
  opacity:.64;
  pointer-events:none;
}
.employee-home .employee-home-links .employee-journey-arrow { grid-column:4; }
.employee-home-links .employee-journey-link {
  --journey-card-padding-block:10px;
  --journey-card-scene:url("/participant-wellness-landscape.png");
}
.employee-home .employee-home-links .employee-journey-link:nth-child(1) {
  grid-template-columns:36px minmax(0,1fr) auto;
  background:linear-gradient(90deg,#fafbfdf7 0%,#fafbfdef 35%,#f6f3f9df 65%,#eee6f2a3 100%),
    url("/journey-academy-editorial-v2.webp") center / cover no-repeat;
}
.employee-home .employee-home-links .employee-journey-link:nth-child(1) .employee-journey-icon {
  background:#e2eefb;
  color:#0d629a;
}
.employee-home .employee-home-links .employee-journey-link:nth-child(1) .employee-journey-copy {
  color:#291539;
}
.employee-home .employee-home-links .employee-journey-link:nth-child(1) .employee-journey-copy small {
  color:#4f405d;
}
.employee-home .employee-home-links .employee-journey-link:nth-child(1)::before { content:none; }
.employee-home .employee-home-links .employee-journey-link:nth-child(1) .employee-journey-arrow { grid-column:3; }
.employee-home-links .employee-journey-link:nth-child(3) { --journey-card-scene:url("/journey-consulting-room-v1.webp"); }
.employee-home .employee-home-links .employee-journey-link:nth-child(2) { background-position: right center; }
.employee-home-links .employee-journey-link:nth-child(2) { --journey-card-art:url("/journey-momento-v1.webp?v=2"); }
.employee-home-links .employee-journey-link:nth-child(3) { --journey-card-art:url("/journey-atendimentos-v1.webp?v=2"); }
@media(min-width:1001px){
  .employee-workspace-active .company-content.employee-home {
    container-type:inline-size;
    align-content:start;
    grid-template-rows:auto repeat(2,minmax(min-content,1fr));
    gap:16px;
    padding-top:30px;
  }
  .employee-wellness-hero { padding:0 14px 3px; gap:12px; }
  .employee-wellness-hero h2 { font-size:clamp(30px,3.5vw,48px); }
  .employee-wellness-hero p { font-size:13px; }
  .employee-wellness-hero .employee-wellness-reflection { min-height:2.8em; margin-bottom:0; }
  .employee-wellness-card { padding:9px 12px; }
  .employee-wellness-card h2,.employee-wellness-card h3 { margin:4px 0; }
  .employee-wellness-card h2 { font-size:clamp(18px,1.7vw,23px); }
  .employee-wellness-card-icon { width:30px; height:27px; }
  .employee-wellness-card-icon svg { width:21px; height:21px; }
  .employee-wellness-action { min-height:30px; padding:4px 10px; }
  .employee-wellness-progress { width:clamp(62px,6vw,88px); }
  .employee-wellness-next { margin:8px 0 0; }
  .employee-home .employee-home-links .employee-journey-link { --journey-card-padding-block:12px; min-height:88px; padding:12px; align-self:stretch; }
  .employee-wellness-hero.employee-wellness-hero::before { right:-22px; }
}
.employee-wellness-hero {
  background: none;
  isolation: isolate;
}
.employee-wellness-hero::before {
  content:'';
  position:absolute;
  inset:0 0 0 38%;
  z-index:-1;
  background:url("/participant-wellness-landscape.png") 72% 48% / cover no-repeat;
  mask-image:linear-gradient(90deg,transparent,#000 34%),linear-gradient(0deg,transparent,#000 18%,#000 88%,transparent);
  mask-composite:intersect;
}
.employee-wellness-hero h2 { margin-bottom:3px; }
.employee-wellness-hero .employee-wellness-intro > p:first-of-type { margin-bottom:15px; }
.employee-wellness-hero .employee-wellness-reflection {
  flex:0 1 340px;
  margin:0 auto;
  padding:0;
  background:transparent;
  font:italic 700 clamp(16px,1.4vw,20px)/1.5 Georgia,serif;
  color:#19151b;
  text-shadow:0 1px 5px #fff4e9;
  text-align:left;
}
@media(min-width:1001px){
  .employee-wellness-hero .employee-wellness-reflection { position:relative; inset-inline-start:-24px; }
}
.employee-wellness-reflection:empty { visibility:hidden; }
.employee-wellness-reflection-status {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.employee-home .employee-home-links { gap:14px; }
.employee-home .employee-home-links .employee-journey-copy strong {
  font-size:clamp(16px,1.2vw,20px);
  line-height:1.2;
}
.employee-home .employee-home-links .employee-journey-copy small {
  font-size:clamp(12px,.85vw,14px);
}
.employee-wellness-listening .employee-wellness-card-icon,
.employee-wellness-diary .employee-wellness-card-icon {
  background:transparent;
  box-shadow:none;
}
.employee-wellness-card-hit::after {
  content:"↗" / "";
  position:absolute;
  right:12px;
  bottom:12px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#fff5;
  color:#fff;
  font:600 18px/1 system-ui,sans-serif;
}
.employee-wellness-assessment .employee-wellness-card-hit::after { background:#fff9; color:#53216a; }
.employee-home :is(.employee-journey-link,.employee-wellness-mood-option) { cursor:pointer; }
.employee-home :is(.employee-journey-link,.employee-wellness-mood-option,.employee-wellness-card-hit):focus-visible {
  outline:2px solid #773e92;
  outline-offset:-3px;
}
@media (hover:hover) {
  .employee-home :is(.employee-wellness-card,.employee-journey-link,.employee-wellness-mood-option):hover {
    box-shadow:0 0 0 2px #9461ac,0 5px 16px #29153926;
  }
}
@media (min-width:1001px) {
  .employee-home :is(.employee-wellness-featured,.employee-home-links) { gap:16px; }
  .employee-home .employee-home-links .employee-journey-link:nth-child(n+2) {
    grid-template-columns:36px minmax(0,1fr) minmax(0,39%) auto;
  }
  .employee-home :is(.employee-wellness-card,.employee-journey-link) { align-self:stretch; }
  .employee-wellness-hero { padding:4px 14px 9px; }
  .employee-wellness-hero .employee-wellness-intro > p:first-of-type { max-width:46ch; margin-bottom:19px; }
}
@container (min-width:1100px) {
  .employee-wellness-mood {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:calc((100cqw - 32px) / 3 - 14px);
  }
  .employee-wellness-mood-option {
    justify-content:center;
    padding-inline:4px;
    font-size:clamp(11px,1.05cqw,13px);
    gap:4px;
  }
  .employee-wellness-mood-option svg { width:16px; height:16px; }
}
@media(max-width:760px){
  .employee-workspace-active .company-content.employee-home {
    --mobile-card-height:68px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"welcome welcome" "ai ai" "diary diary" "academy appointments" "moment assessment";
    align-content:start;
    gap:12px;
  }
  .employee-wellness-hero {
    grid-area:welcome;
    flex-direction:column;
    align-items:stretch;
    min-height:0;
    padding:0 2px 16px;
    gap:12px;
  }
  .employee-wellness-hero.employee-wellness-hero::before {
    inset:-80px calc(-1 * clamp(14px,2vw,30px)) auto;
    height:350px;
    background:url("/mobile-welcome-v1.png") center 58% / cover no-repeat;
    mask-image:linear-gradient(180deg,#000 62%,transparent);
    opacity:.38;
  }
  .employee-wellness-intro { max-width:none; background:none; }
  .employee-wellness-kicker { display:none; }
  .company-main:has(.employee-home) .company-topbar .company-header-person { display:block; }
  .company-main:has(.employee-home) .company-header-person strong {
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.1;
  }
  .employee-wellness-hero h2 { font-size:clamp(26px,7vw,42px); }
  .employee-wellness-hero .employee-wellness-intro > p:first-of-type { max-width:42ch; }
  .employee-wellness-mood { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:420px; }
  .employee-wellness-mood-option { justify-content:center; min-height:44px; padding-inline:6px; }
  .employee-wellness-hero .employee-wellness-reflection {
    flex:auto;
    width:100%;
    min-height:0;
    margin:0;
    font-size:16px;
    box-sizing:border-box;
  }
  .employee-wellness-reflection:empty { display:none; }
  .employee-home :is(.employee-wellness-featured,.employee-home-links) {
    display:contents;
  }
  .employee-home .employee-wellness-listening { grid-area:ai; }
  .employee-home .employee-wellness-diary { grid-area:diary; }
  .employee-home .employee-wellness-assessment { grid-area:assessment; }
  .employee-home .employee-journey-link:nth-child(1) { grid-area:academy; }
  .employee-home .employee-journey-link:nth-child(2) { grid-area:moment; }
  .employee-home .employee-journey-link:nth-child(3) { grid-area:appointments; }
  .employee-home .employee-wellness-card,
  .employee-home .employee-home-links .employee-journey-link {
    min-height:156px;
    border-radius:16px;
  }
  .employee-home .employee-wellness-card { padding:12px 14px 36px; }
  .employee-home :is(.employee-wellness-listening,.employee-wellness-diary) { min-height:170px; }
  .employee-home :is(.employee-wellness-listening,.employee-wellness-diary) .employee-wellness-card-heading { gap:4px; }
  .employee-home :is(.employee-wellness-listening,.employee-wellness-diary) .employee-wellness-card-icon { width:25px; }
  .employee-home .employee-wellness-listening .sera-ia-word-i::before { top:-.9em; left:40%; }
  .employee-home .employee-wellness-assessment,
  .employee-home .employee-home-links .employee-journey-link {
    box-sizing:border-box;
    height:var(--mobile-card-height);
    min-height:var(--mobile-card-height);
  }
  .employee-home .employee-wellness-assessment { padding:8px; justify-content:center; }
  .employee-home .employee-wellness-assessment .employee-wellness-card-heading { gap:6px; margin:0; }
  .employee-home .employee-wellness-assessment h2,
  .employee-home .employee-home-links .employee-journey-copy strong { font:800 13px/1.2 Inter,Arial,sans-serif; margin:0; }
  .employee-home .employee-wellness-assessment-body,
  .employee-home .employee-home-links .employee-journey-copy small { display:none; }
  .employee-home .employee-wellness-assessment .employee-wellness-card-icon,
  .employee-home .employee-home-links .employee-journey-icon { width:28px; height:28px; }
  .employee-home .employee-home-links .employee-journey-link:nth-child(n) {
    grid-template-columns:28px minmax(0,1fr);
    grid-template-rows:1fr;
    align-items:center;
    gap:6px;
    padding:8px;
  }
  .employee-home .employee-home-links .employee-journey-link .employee-journey-copy {
    grid-area:1 / 2;
  }
  .employee-home .employee-home-links .employee-journey-link .employee-journey-arrow { grid-area:1 / 2; }
  .employee-home .employee-home-links .employee-journey-link::before,
  .employee-home .employee-wellness-card-hit::after { content:none; }
  .employee-home .employee-home-links .employee-journey-link .employee-journey-arrow { display:none; }
  .employee-home .employee-wellness-assessment,
  .employee-home .employee-home-links .employee-journey-link:nth-child(n) {
    background:var(--mobile-card-color);
    border:1px solid var(--mobile-card-border);
  }
  .employee-home .employee-wellness-assessment {
    --mobile-card-color:#f1e8f8;
    --mobile-card-border:#b691ca;
  }
  .employee-home .employee-home-links .employee-journey-link:nth-child(1) { --mobile-card-color:#e7f2fc; --mobile-card-border:#86afd1; }
  .employee-home .employee-home-links .employee-journey-link:nth-child(2) { --mobile-card-color:#edf5e5; --mobile-card-border:#91ac79; }
  .employee-home .employee-home-links .employee-journey-link:nth-child(3) { --mobile-card-color:#fff4d9; --mobile-card-border:#c8a353; }
}
@media(max-width:600px){
  .employee-wellness-hero::before { inset-inline-start:16%; opacity:.35; }
}

@media (max-width:900px) {
  html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
  .company-main,.company-content { min-inline-size:0; }
  .company-page-head p,.company-work-card p,.employee-journey-copy {
    overflow-wrap:anywhere;
  }
}
@media (max-width:380px) {
  .company-summary-grid,.employee-home-overview { grid-template-columns:minmax(0,1fr); }
  .company-header-person { max-width:85px; min-width:0; }
  .company-header-person strong { max-width:100%; }
}

@media (max-width:650px) {
  .company-workspace-active .company-manager-directory-active .company-content { padding-top:78px; }
  .company-main.company-manager-directory-active .company-topbar .company-header-person { display:none; }
  .company-main.company-manager-directory-active .company-overview-top-title small { display:none; }
}
.company-navigation .sera-ia-word-i,
.employee-wellness-listening .sera-ia-word-i {
  display:inline-block;
  color:#ffac10;
  -webkit-text-fill-color:#ffac10;
}

@media (max-width:900px) {
  .company-workspace-active .company-content.company-content-below-topbar { padding-top:78px; }
}

.company-top-actions > .company-install-app { order:0; }
.company-workspace-active .company-top-actions > .company-notification-bell:not(.company-install-app) { order:1; }
.company-top-actions > .sera-note-book { order:2; }
.company-top-actions > .company-account-menu { order:3; }
.company-top-actions > .company-install-app[hidden] { display:none; }
.employee-notification-popover {
  position:fixed;
  z-index:100;
  inset:auto;
  margin:0;
  box-sizing:border-box;
  width:min(260px,calc(100vw - 20px));
  padding:12px 14px;
  border:1px solid #e5d9e9;
  border-radius:12px;
  background:#fff;
  color:#3a174f;
  box-shadow:0 8px 24px #29153926;
  font-size:14px;
}
.employee-notification-popover[hidden] { display:none!important; }
.employee-notification-popover p { margin:6px 0 0; font-size:13px; }
@media(max-width:760px){
  .employee-notification-popover {
    right:max(12px,env(safe-area-inset-right))!important;
    width:min(240px,calc(100vw - 24px));
  }
}

/* Keep the player compact and let the page scroll through the catalogue. */
.sera-moment-page {
  grid-template-rows:auto auto;
  align-content:start;
}
.sera-moment-page .sera-moment-intro {
  min-height:0;
  padding-block:22px;
}
.sera-moment-page .sera-moment-intro h2 {
  font-size:clamp(25px,3.4vw,44px);
}
.sera-moment-page .sera-moment-character {
  bottom:0;
  height:100%;
}
.sera-moment-page .sera-moment-body {
  align-items:start;
  margin-top:0;
}
.sera-moment-page .sera-moment-player,
.sera-moment-page .sera-moment-library {
  min-height:0;
  min-width:0;
  width:100%;
  box-sizing:border-box;
}
.sera-moment-page .sera-moment-list {
  max-height:none;
  overflow:visible;
}
.sera-moment-credits {
  padding-inline:10px;
  color:#675370;
  font-size:12px;
}
.sera-moment-credits a { color:inherit; }
@media(max-width:900px) {
  .sera-moment-page .sera-moment-intro { padding-block:14px; }
  .sera-moment-page .sera-moment-intro p { font-size:13px; }
  .sera-moment-page .sera-moment-player,
  .sera-moment-page .sera-moment-library { padding:14px; }
}


.sera-moment-page .sera-moment-body {
  display:grid;
  grid-template-columns:minmax(0,1fr);
}
.sera-moment-page .sera-moment-library { order:0; }
.sera-moment-categories { display:grid; gap:8px; }
.sera-moment-category-drawer,
.sera-moment-player-drawer {
  min-width:0;
  border:1px solid #e4d6ea;
  border-radius:12px;
  background:#faf5fc;
  color:#432353;
}
.sera-moment-drawer-heading {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:8px 12px;
  cursor:pointer;
  list-style:none;
  overflow-wrap:anywhere;
}
.sera-moment-drawer-heading::-webkit-details-marker { display:none; }
.sera-moment-drawer-heading::after { content:'+'; margin-inline-start:auto; }
details[open] > .sera-moment-drawer-heading::after { content:'−'; }
.sera-moment-drawer-heading small { color:#675370; white-space:nowrap; }
.sera-moment-category-drawer > .sera-moment-list { padding:0 12px 12px; }
.sera-moment-player-drawer > .sera-moment-player {
  border:0;
  border-top:1px solid #e4d6ea;
  border-radius:0 0 12px 12px;
  box-shadow:none;
}

.sera-moment-page { padding-bottom:96px; }
.sera-moment-page .sera-moment-body {
  width:min(100%, 780px);
  justify-self:start;
}
.sera-moment-catalog-drawer > .sera-moment-drawer-heading { padding-inline:0; font-weight:700; }
.sera-moment-catalog-drawer[open] > .sera-moment-categories {
  animation:sera-moment-slide .2s ease-out;
}
.sera-moment-category-icon {
  width:24px;
  height:24px;
  flex:none;
  animation:sera-moment-spin 12s linear infinite;
}
.sera-moment-track-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
}
.sera-moment-track-row > .sera-moment-track { overflow-wrap:anywhere; }
.sera-moment-favorite {
  width:44px;
  border:1px solid #e7d9eb;
  border-radius:10px;
  background:#fff;
  color:#582a73;
  font-size:20px;
  cursor:pointer;
}
.sera-moment-player-drawer {
  position:fixed;
  z-index:10;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  width:min(420px, calc(100vw - 24px));
  max-height:calc(100vh - 32px);
  overflow:auto;
  box-shadow:0 8px 28px #28113955;
}
@keyframes sera-moment-slide {
  from { opacity:0; transform:translateX(-8px); }
}
@keyframes sera-moment-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .sera-moment-category-icon,
  .sera-moment-catalog-drawer[open] > .sera-moment-categories { animation:none; }
}

.sera-moment-page {
  padding-bottom:142px;
  background:linear-gradient(110deg,#251337f2,#482656bd),url("/journey-momento-v1.webp?v=2") center / cover no-repeat;
}
.sera-moment-page .sera-moment-intro {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:clamp(220px,42vh,420px);
  padding:20px 0 20px 47%;
  box-sizing:border-box;
}
.sera-moment-page .sera-moment-character {
  left:0;
  right:auto;
  width:45%;
  height:100%;
}
.sera-moment-page .sera-moment-body {
  width:min(100%,440px);
  justify-self:end;
}
.sera-moment-page .sera-moment-library { padding:10px 14px; }
.sera-moment-category-drawer .sera-moment-drawer-heading { min-height:34px; }
.sera-moment-track-row > .sera-moment-track { padding:7px 9px; }
.sera-moment-catalog-drawer > :not(summary) { margin-block:8px; }
.sera-moment-page .sera-moment-player.sera-moment-player-drawer {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 12px;
  align-items:center;
  padding:9px 14px;
  color:white;
  background:#291739e6;
  backdrop-filter:blur(14px);
  border-color:#ffffff38;
}
.sera-moment-page .sera-moment-player-drawer > strong {
  grid-column:1;
  color:white;
  font-size:14px;
  min-height:0;
}
.sera-moment-page .sera-moment-player-drawer > .sera-moment-seek {
  grid-column:1;
  min-width:0;
  margin:0;
}
.sera-moment-page .sera-moment-player-drawer > .sera-moment-time { grid-column:1; color:#f1e6fa; }
.sera-moment-page .sera-moment-player-drawer > .sera-moment-controls {
  grid-area:1 / 2 / 4 / 3;
  gap:6px;
}
.sera-moment-player-drawer .sera-moment-control { width:32px; height:32px; }
.sera-moment-player-drawer .sera-moment-play { width:40px; height:40px; }

.sera-moment-page {
  background:linear-gradient(125deg,#241130,#381b48);
}
.sera-moment-page .sera-moment-intro {
  background:linear-gradient(90deg,transparent 25%,#24113088 62%,#241130b8),url("/momento-sala-anoitecer-v1.png") center 67% / cover no-repeat;
  border-radius:20px;
  padding-right:clamp(12px,3vw,36px);
}
.sera-moment-page .sera-moment-character {
  left:3%;
  bottom:8%;
  width:41%;
  height:85%;
}
.sera-moment-page .sera-moment-player.sera-moment-player-drawer {
  width:min(520px,calc(100% - 24px));
}

.sera-moment-page .sera-moment-intro {
  background-image:linear-gradient(90deg,transparent 25%,#24113088 62%,#241130b8),url("/momento-jardim-v1.png");
}
.sera-moment-page .sera-moment-player.sera-moment-player-drawer {
  left:50%;
  right:auto;
  transform:translateX(-50%);
}
.sera-moment-page .sera-moment-side-drawer {
  position:fixed;
  inset:0 0 0 auto;
  margin:0;
  width:min(430px,100%);
  max-width:none;
  height:100%;
  max-height:none;
  padding:20px;
  box-sizing:border-box;
  border:0;
  background:#fff8ff;
  color:#392048;
  overflow:auto;
}
.sera-moment-side-drawer[open] { animation:sera-moment-drawer-in .22s ease-out; }
.sera-moment-side-drawer::backdrop { background:#190b2a66; }
.sera-moment-side-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.sera-moment-side-heading h3 { margin:0; }
@keyframes sera-moment-drawer-in { from { transform:translateX(100%); } }
@media(prefers-reduced-motion:reduce) {
  .sera-moment-side-drawer[open] { animation:none; }
}

body.employee-workspace-active .company-content.employee-moment-active {
  max-width:none;
  padding:0;
}
.sera-moment-page {
  min-height:100vh;
  min-height:100dvh;
  max-width:none;
  box-sizing:border-box;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,#24113012 24%,#24113088 67%,#241130ad),url("/momento-jardim-v1.png") center / cover no-repeat;
  padding:clamp(24px,5vh,72px) clamp(20px,4vw,64px) 115px;
}
.sera-moment-page .sera-moment-intro { background:none; }
.sera-moment-page .sera-moment-body { width:auto; }
.sera-moment-page .sera-moment-player.sera-moment-player-drawer {
  left:0;
  right:0;
  bottom:0;
  width:auto;
  transform:none;
  border-radius:0;
  padding:10px clamp(12px,3vw,44px) max(10px,env(safe-area-inset-bottom));
}
@media(min-width:901px) {
  .employee-workspace-active .sera-moment-page .sera-moment-player.sera-moment-player-drawer { left:232px; }
  .employee-workspace-active .company-sidebar-collapsed .sera-moment-page .sera-moment-player.sera-moment-player-drawer { left:62px; }
}
.sera-moment-edge-tab {
  position:fixed;
  z-index:11;
  right:0;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:8px 13px;
  border:1px solid #f7e4ff70;
  border-right:0;
  border-radius:13px 0 0 13px;
  background:#2d183ff2;
  color:#fff;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.sera-moment-edge-tab:hover,.sera-moment-edge-tab:focus-visible { background:#56376e; }
.sera-moment-page .sera-moment-intro { min-height:clamp(255px,58vh,560px); }

.employee-workspace-active .company-main.employee-moment-active .sera-moment-top-title {
  display:block;
  position:absolute;
  left:clamp(20px,4vw,64px);
  top:16px;
  line-height:48px;
  color:#fff;
  text-shadow:0 2px 8px #170926;
}
.employee-workspace-active .company-main.employee-moment-active .sera-moment-top-title strong {
  font:700 clamp(15px,2vw,25px) Georgia,serif;
}
.sera-moment-page {
  --sera-moment-scene:url("/momento-lago-dia-v2.webp");
  --sera-moment-shade:linear-gradient(90deg,transparent 27%,#24113099 63%,#241130d6);
  background-image:var(--sera-moment-shade),var(--sera-moment-scene);
}
.sera-moment-page[data-light="night"] {
  --sera-moment-scene:url("/momento-lago-noite-v2.webp");
}
.sera-moment-page .sera-moment-player.sera-moment-player-drawer {
  grid-template-columns:minmax(0,1fr) auto;
}
.sera-moment-page .sera-moment-player-drawer > .sera-moment-controls {
  grid-area:1 / 1 / 2 / 3;
  justify-self:center;
}
.sera-moment-page .sera-moment-player-drawer > strong {
  grid-area:2 / 1 / 3 / 3;
  text-align:center;
}
.sera-moment-page .sera-moment-player-drawer > strong:empty { display:none; }
.sera-moment-page .sera-moment-player-drawer > .sera-moment-seek { grid-area:3 / 1; }
.sera-moment-page .sera-moment-player-drawer > .sera-moment-time { grid-area:3 / 2; }
.sera-moment-edge-tab {
  width:36px;
  justify-content:center;
  padding:6px;
  font-size:25px;
}
.sera-moment-page .sera-moment-side-drawer { width:min(365px,100%); padding:14px; }
.sera-moment-side-drawer .sera-moment-drawer-heading { padding:5px 9px; gap:7px; }
.sera-moment-side-drawer .sera-moment-category-icon { width:20px; height:20px; }
@media(max-width:900px) {
  .employee-workspace-active .company-main.employee-moment-active .sera-moment-top-title { left:66px; }
}
@media(max-width:600px) {
  .employee-workspace-active .company-main.employee-moment-active .sera-moment-top-title { top:10px; }
  .employee-workspace-active .company-main.employee-moment-active .company-header-person { display:none; }
}
.employee-workspace-active .company-main.employee-moment-active .company-topbar > .sera-moment-top-title { display:block!important; }
.employee-workspace-active .company-main.employee-moment-active .company-topbar > .sera-moment-top-title { display:flex!important; align-items:center; height:42px; }

.sera-moment-page .sera-moment-player.sera-moment-player-drawer {
  background:linear-gradient(105deg,#2d1645ad,#42235eb8,#231638ab);
  border-top:1px solid #eac8ff66;
  box-shadow:0 -4px 24px #1c0b3029;
}
.sera-moment-player-drawer .sera-moment-control {
  display:grid;
  place-items:center;
  padding:0;
  box-sizing:border-box;
  border:1px solid #efe2fa88;
  background:#f4e7ff28;
  color:#fff;
}
.sera-moment-player-drawer .sera-moment-play {
  background:linear-gradient(145deg,#8151a7,#532776);
}
.sera-moment-control svg { display:block; width:16px; height:16px; fill:currentColor; }
.sera-moment-player-drawer .sera-moment-play svg { width:19px; height:19px; }
.sera-moment-page .sera-moment-side-drawer {
  border-radius:22px 0 0 22px;
  background:linear-gradient(155deg,#dce9fa 0%,#e1d3f1 46%,#cbb2e1 100%);
  box-shadow:-12px 0 42px #1d102c44;
}
.sera-moment-side-drawer .sera-moment-categories { gap:5px; }
.sera-moment-side-drawer .sera-moment-category-drawer { border-radius:11px; }
.sera-moment-side-drawer .sera-moment-category-drawer .sera-moment-drawer-heading {
  min-height:28px;
  padding-block:5px;
  font-size:13px;
}
.sera-moment-side-drawer .sera-moment-category-icon { width:17px; height:17px; }
.sera-moment-page .sera-moment-side-drawer[open] {
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.2,.75,.25,1);
}

.sera-moment-page .sera-moment-player.sera-moment-player-drawer {
  background:transparent;
  backdrop-filter:none;
  border:0;
  box-shadow:none;
}
.sera-moment-player-drawer .sera-moment-control { background:#26143f88; }
.sera-moment-player-drawer .sera-moment-play {
  background:#361b56b8;
  border-color:transparent;
  background-image:linear-gradient(#361b56dd,#361b56dd),conic-gradient(#1185eb,#f6ac13,#83b52a,#9d4cb1,#1185eb);
  background-origin:border-box;
  background-clip:padding-box,border-box;
}
.sera-moment-player-drawer > strong,.sera-moment-player-drawer > .sera-moment-time {
  text-shadow:0 1px 4px #180b28,0 1px 7px #180b28;
}
.sera-moment-side-drawer .sera-moment-categories { grid-template-columns:minmax(0,1fr); }
.sera-moment-side-drawer .sera-moment-category-drawer { min-width:0; }
.sera-moment-side-drawer .sera-moment-category-drawer .sera-moment-drawer-heading { min-height:34px; }
.sera-moment-side-drawer .sera-moment-drawer-heading::after { margin-inline-start:3px; }
.sera-moment-pause-choices { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.sera-moment-pause-choice {
  padding:8px 11px;
  border:1px solid #f4ddff95;
  border-radius:999px;
  background:#291639bb;
  color:#fff;
  font:inherit; font-size:13px; font-weight:600;
  cursor:pointer;
}
.sera-moment-pause-choice:hover,.sera-moment-pause-choice:focus-visible { background:#553468; }

.sera-moment-page .sera-moment-side-drawer {
  width:min(300px,100%);
  padding-inline:12px;
}
.sera-moment-side-heading {
  justify-content:flex-start;
  gap:10px;
}
.sera-moment-side-heading .company-secondary {
  min-height:34px;
  padding:5px 9px;
}
.sera-moment-side-drawer .sera-moment-category-drawer > .sera-moment-list {
  box-sizing:border-box;
  padding-inline:8px;
}
.sera-moment-side-drawer .sera-moment-track-row {
  grid-template-columns:minmax(0,1fr) 34px;
  gap:4px;
}
.sera-moment-side-drawer .sera-moment-favorite { width:34px; padding:0; }
.sera-moment-side-drawer .sera-moment-file { box-sizing:border-box; }

.sera-moment-pause-note {
  align-self:flex-start;
  max-width:29rem;
  margin-top:12px;
  color:#fff;
}
.sera-moment-pause-note:not([hidden]) { animation:sera-moment-slide .22s ease-out; }
.sera-moment-intro .sera-moment-pause-note p {
  margin:0 0 8px;
  min-height:2.6em;
  color:#fff;
  font:italic 600 clamp(1.1rem, 2.2vw, 1.55rem)/1.3 Georgia, serif;
  text-shadow:0 1px 5px #190b2a;
}
.sera-moment-pause-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.sera-moment-clock {
  position:relative;
  display:block;
  width:clamp(92px,12vw,156px);
  aspect-ratio:1;
  box-sizing:border-box;
  margin:0 0 18px;
  border:4px solid transparent;
  border-radius:50%;
  background:radial-gradient(circle,#302047dc,#160e29ed) padding-box,
    conic-gradient(#ffbf46 0 25%,#a9d245 25% 50%,#bd6dda 50% 75%,#31a5f5 75% 100%) border-box;
  box-shadow:0 4px 26px #160b2a77;
}
.sera-moment-clock::before {
  content:'';
  background:repeating-conic-gradient(from -.45deg,#ffffffa8 0 .9deg,transparent .9deg 6deg);
  -webkit-mask-image:radial-gradient(circle,transparent 65%,#000 66% 70%,transparent 71%);
  mask-image:radial-gradient(circle,transparent 65%,#000 66% 70%,transparent 71%);
}
.sera-moment-clock::before,.sera-moment-clock-ticks {
  position:absolute;
  inset:2%;
  border-radius:50%;
}
.sera-moment-clock-ticks {
  background:repeating-conic-gradient(from -1deg,#fff 0 2deg,transparent 2deg 30deg);
  -webkit-mask-image:radial-gradient(circle,transparent 61%,#000 63% 70%,transparent 71%);
  mask-image:radial-gradient(circle,transparent 61%,#000 63% 70%,transparent 71%);
}
.sera-moment-clock::after {
  content:'';
  position:absolute;
  inset:47%;
  border-radius:50%;
  background:#fff;
}
.sera-moment-clock-hand {
  position:absolute;
  left:50%;
  bottom:50%;
  width:4px;
  border-radius:4px;
  background:#fff;
  transform-origin:center bottom;
  transform:translateX(-50%) rotate(var(--angle,0deg));
}
.sera-moment-clock-hour { height:24%; }
.sera-moment-clock-minute { height:34%; width:3px; }
.sera-moment-clock-second { height:38%; width:2px; background:#ffbf46; }
.sera-moment-clock-number {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  color:white;
  font:700 clamp(12px,1.6vw,19px)/1 Georgia,serif;
}
.sera-moment-clock-number-12 { top:13%; }
.sera-moment-clock-number-6 { bottom:13%; }
.sera-moment-clock-number-3,.sera-moment-clock-number-9 {
  top:calc(50% - .25em);
  transform:translateY(-50%);
}
.sera-moment-clock-number-3 { left:auto; right:13%; }
.sera-moment-clock-number-9 { left:13%; }
.sera-moment-personal {
  margin-top:14px;
  padding:12px;
  border:1px solid #dac6e4;
  border-radius:12px;
  background:#faf6fc;
}
.sera-moment-personal h3,.sera-moment-personal p { margin:0 0 8px; }
.sera-moment-pick {
  position:relative;
  display:inline-block;
  padding:8px 12px;
  border-radius:9px;
  background:#4d2164;
  color:#fff;
  cursor:pointer;
}
.sera-moment-pick:focus-within { outline:2px solid #6f4186; outline-offset:2px; }
.sera-moment-pick .sera-moment-file { position:absolute; inset:0; width:100%; opacity:0; cursor:pointer; }
.sera-moment-personal .sera-moment-list:not(:empty) { margin-top:8px; }
.sera-moment-page .sera-moment-side-drawer[open] {
  padding:0;
  overflow:hidden;
}
.sera-moment-drawer-content {
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  height:100%;
  overflow:auto;
  padding:12px 12px 12px 44px;
}
.sera-moment-drawer-content > * { flex-shrink:0; }
.sera-moment-side-drawer > .sera-moment-edge-tab {
  position:absolute;
  left:0;
  right:auto;
  border-radius:0 13px 13px 0;
}
.sera-moment-credits-footer {
  display:flex;
  justify-content:flex-end;
  margin-top:auto;
  padding-top:12px;
}
.sera-moment-credits-footer .sera-moment-credits { font-size:.75rem; color:#675370; max-width:100%; }
@supports selector(details::details-content) {
  @media(prefers-reduced-motion:no-preference) {
    .sera-moment-category-drawer { interpolate-size:allow-keywords; }
    .sera-moment-category-drawer::details-content {
      block-size:0;
      overflow:clip;
      transition:block-size .24s ease,content-visibility .24s allow-discrete;
    }
    .sera-moment-category-drawer[open]::details-content { block-size:auto; }
  }
}
@media(max-width:700px) {
  .sera-moment-page .sera-moment-edge-tab { top:47%; }
  .employee-workspace-active .company-main.employee-moment-active .company-topbar {
    position:fixed;
    inset:0 0 auto;
    z-index:10;
    background:transparent;
  }
  .sera-moment-page {
    --sera-moment-scene:url("/momento-lago-mobile-dia-v2.webp");
    --sera-moment-shade:linear-gradient(180deg,#24113055 0%,transparent 17% 37%,#241130b8 64%,#241130 100%);
    background-color:#241130;
    background-position:center top;
    background-size:cover;
    position:fixed;
    inset:0;
    min-height:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:64px 0 0;
  }
  .sera-moment-page[data-light="night"] {
    --sera-moment-scene:url("/momento-lago-mobile-noite-v2.webp");
  }
  .sera-moment-page .sera-moment-intro {
    min-height:0;
    padding:0 16px clamp(18px,5vh,44px);
  }
  .sera-moment-page .sera-moment-intro h2 {
    margin:0 0 5px;
    font:700 clamp(21px,6vw,28px)/1.1 Georgia,"Times New Roman",serif;
  }
  .sera-moment-page .sera-moment-intro > p { font:400 13px/1.35 Arial,sans-serif; }
  .sera-moment-clock { display:none; }
  .sera-moment-pause-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:100%; }
  .sera-moment-pause-choices .sera-moment-pause-choice { padding-inline:4px; min-height:40px; }
  .sera-moment-page .sera-moment-player.sera-moment-player-drawer {
    position:relative;
    inset:auto;
    flex-shrink:0;
    padding:4px 12px max(8px,env(safe-area-inset-bottom));
  }
}
.sera-moment-pause-choice[aria-pressed="true"] { background:#f5e8fc; color:#3b2050; }
.sera-moment-intro :is(h2,p,.sera-moment-pause-choice) {
  -webkit-text-stroke:1px #170d22;
  paint-order:stroke fill;
  text-shadow:0 1px 3px #170d22;
}
.sera-moment-pause-choices .sera-moment-pause-choice:nth-child(1) { border-color:#a9d245; }
.sera-moment-pause-choices .sera-moment-pause-choice:nth-child(2) { border-color:#31a5f5; }
.sera-moment-pause-choices .sera-moment-pause-choice:nth-child(3) { border-color:#bd6dda; }
.sera-moment-intro .sera-moment-pause-choice[aria-pressed="true"] {
  background:#3b2050;
  color:#fff;
  box-shadow:0 0 0 1px currentColor;
}
.sera-moment-pause-note .sera-moment-pause-choice { border-color:#ffbf46; }
.sera-moment-pause-note .sera-moment-pause-choice[hidden] { display:none; }
@media(prefers-reduced-motion:no-preference) {
  .sera-moment-pause-note .sera-moment-pause-choice:not([hidden]) {
    animation:sera-moment-listen-reveal .36s ease-out;
  }
  @keyframes sera-moment-listen-reveal {
    from { opacity:0; transform:translateY(5px) scale(.96); box-shadow:0 0 16px #ffbf46; }
    to { opacity:1; transform:none; box-shadow:none; }
  }
}
@media(prefers-reduced-motion:reduce) {
  .sera-moment-pause-note:not([hidden]) { animation:none; }
}

@media(max-width:700px) {
  .employee-moment-active .sera-moment-intro p,
  .employee-moment-active .sera-moment-intro .sera-moment-pause-choice {
    -webkit-text-stroke:0;
    color:#fff;
  }
}

.sera-moment-games-entry { margin-top:10px; border-color:#dcaaf5; }
.sera-moment-page.sera-moment-playing {
  background-image:linear-gradient(145deg,#21112f,#482654);
}
.sera-moment-playing > .sera-moment-intro { display:none; }
.sera-moment-games {
  position:absolute;
  inset:65px 48px 112px 18px;
  padding:12px clamp(10px,3vw,35px);
  overflow:auto;
  color:#fff;
}
.sera-moment-games h2 { margin:12px 0; }
.sera-moment-games button,.sera-moment-games select {
  color:inherit;
  background:#432757;
  border:1px solid #b480cf;
  border-radius:9px;
  padding:8px;
  font:inherit;
}
.sera-moment-games button:focus-visible { outline:2px solid #ffd163; outline-offset:2px; }
.sera-games-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  max-width:700px;
}
.sera-games-grid button { text-align:left; font-weight:700; }
.sera-games-grid small { display:block; margin-top:5px; font-weight:400; }
.sera-games-controls { display:flex; flex-wrap:wrap; gap:8px; }
.sera-games-board {
  display:grid;
  grid-template-columns:repeat(var(--cells),minmax(0,1fr));
  gap:2px;
  width:min(100%,390px, max(245px, calc(100vh - 315px)));
  margin:auto;
}
.sera-games-board button {
  aspect-ratio:1;
  min-width:0;
  padding:0;
  border-radius:4px;
}
.sera-games-board button[data-revealed="true"] { background:#ece0f3; color:#38204a; }
.sera-moment-games button[aria-pressed="true"] { outline:2px solid #ffd163; outline-offset:-3px; }
.sera-games-puzzle { gap:0; }
.sera-games-puzzle button {
  border-radius:0;
  background-image:url("/momento-lago-mobile-dia-v2.webp");
  background-size:calc(var(--cells) * 100%) calc(var(--cells) * 100%);
}
@media(max-width:700px) {
  .sera-moment-games { inset:64px 34px max(102px,calc(88px + env(safe-area-inset-bottom))) 0; }
}

.sera-moment-intro .sera-moment-games-entry {
  align-self:flex-start;
  width:max-content !important;
  display:inline-flex;
  align-items:center;
  width:auto;
  min-height:36px;
  padding:4px 12px;
  border:1px solid #dec0f17d;
  border-radius:999px;
  background:#251237a6;
  color:#fff;
  font:600 13px/1.2 system-ui,sans-serif;
}
.sera-moment-games h2 { margin:8px 0; }
.sera-moment-games p { margin:8px 0; }
.sera-games-board { width:min(100%,390px,max(210px,calc(100dvh - 386px))); }
.sera-moment-games .sera-games-puzzle button[data-empty="true"] {
  background:#fff;
}
.sera-moment-games .sera-games-puzzle[data-won="true"] {
  outline:3px solid #c0e77f;
  outline-offset:3px;
}

.sera-moment-page.sera-moment-playing {
  background-image:linear-gradient(110deg,#171828f5,#211a30ed 65%,#322543e8),url("/participant-wellness-landscape.png");
}
.sera-games-lobby h2 { font:700 clamp(28px,5vw,48px)/1.1 Georgia,serif; }
.sera-games-lobby .sera-games-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:950px;
  margin-top:20px;
  gap:clamp(8px,2vw,18px);
}
.sera-games-grid article {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:clamp(12px,2.5vw,24px);
  border:1px solid #ffffff38;
  border-radius:16px;
  background:linear-gradient(145deg,#343247,#211f32);
}
.sera-games-grid article[data-game="paciencia"] { background:linear-gradient(145deg,#235348,#172e2d); }
.sera-games-grid article[data-game="puzzle"] { background:linear-gradient(145deg,#564261,#30293f); }
.sera-games-mark { color:#f4d6a6; font:700 clamp(23px,5vw,44px)/1 Georgia,serif; }
.sera-games-grid h3 { margin:12px 0 0; font-size:clamp(15px,2vw,21px); }
.sera-games-grid article p { flex:1; color:#f1e8f5; font-size:14px; }
.sera-games-grid article button {
  margin-top:7px;
  min-height:40px;
  padding:6px 16px;
  background:#f5eaf8;
  color:#301c3d;
  cursor:pointer;
}
.sera-games-grid article button:hover { background:#fff; }
.sera-games-puzzle button { background-image:url("/participant-wellness-landscape.png"); }
.sera-solitaire {
  width:min(100%,630px);
  margin:auto;
  border:1px solid #91c0a1;
  border-radius:12px;
  background:radial-gradient(ellipse at top,#35644e,#18342c);
  padding:clamp(5px,1.6vw,14px);
}
.sera-solitaire-row { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:clamp(3px,1vw,9px); }
.sera-solitaire-columns { margin-top:12px; }
.sera-solitaire .sera-solitaire-row button,.sera-solitaire-covered {
  display:block;
  width:100%;
  min-width:0;
  aspect-ratio:4/5;
  padding:0;
  border:1px solid #ffffff57;
  border-radius:5px;
  background:#274b41;
  font:700 clamp(10px,2.6vw,19px)/1 system-ui,sans-serif;
}
.sera-solitaire-columns :is(button,.sera-solitaire-covered) + :is(button,.sera-solitaire-covered) { margin-top:-85%; position:relative; }
.sera-solitaire .sera-solitaire-columns button { text-align:left; padding:2px; align-content:start; }
.sera-solitaire .sera-solitaire-row button[data-card] { background:#fff9e9; color:#201b2b; }
.sera-solitaire .sera-solitaire-row button[data-card="red"] { color:#a22843; }
.sera-solitaire-covered { background:repeating-linear-gradient(45deg,#426c5f 0 3px,#294b40 3px 6px); }
@media(max-width:700px) {
  .sera-games-lobby .sera-games-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.sera-solitaire { width:min(100%,530px); }
.sera-solitaire-columns .sera-solitaire-covered + :is(button,.sera-solitaire-covered) {
  margin-top:-108%;
}

.sera-games-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.sera-games-header h2 { margin:0; }
.sera-games-header button { background:#ffffff12; }
.sera-games-grid article { background:linear-gradient(145deg,#254357,#1a2737); }
.sera-games-grid article[data-game="damas"] { background:linear-gradient(145deg,#67492e,#30252a); }
.sera-games-grid article[data-game="ludo"] { background:linear-gradient(145deg,#3b4c69,#302744); }
.sera-solitaire .sera-solitaire-row button[data-card] { position:relative; touch-action:none; user-select:none; }
.sera-solitaire .card-corner { position:absolute; left:4%; top:4%; font-size:.72em; }
.sera-solitaire .card-corner-bottom { inset:auto 4% 4% auto; transform:rotate(180deg); }
.sera-solitaire .card-suit { position:absolute; inset:0; display:grid; place-items:center; font-size:1.5em; }
.sera-solitaire .card-dragging { z-index:20; pointer-events:none; box-shadow:0 7px 16px #0008; }
.sera-checkers { gap:0; border:4px solid #947454; }
.sera-checkers button { border-radius:0; border:0; background:#e7cdae; }
.sera-checkers button[data-dark="true"] { background:#73513f; }
.sera-checkers button[data-piece="1"] { color:#fff4d5; }
.sera-checkers button[data-piece="-1"] { color:#211729; }
.sera-checkers button[data-target="true"] { box-shadow:inset 0 0 0 3px #fcce70; }
.sera-checkers button[data-piece] { font-size:clamp(17px,4vw,28px); text-shadow:0 1px 2px #0009; }
.sera-ludo { gap:0; border:2px solid #e7dfed; background:#ede6ee; }
.sera-ludo > div { min-width:0; aspect-ratio:1; position:relative; border:1px solid #61516c24; }
.sera-ludo > [data-path] { background:#fffaf2; border-color:#61516c66; }
.sera-ludo > [data-path="0"] { background:#f9d985; }
.sera-ludo > [data-lane="0"] { background:#acd7ff; }
.sera-ludo > [data-lane="1"] { background:#ffe4a0; }
.sera-ludo > [data-lane="2"] { background:#dcc5fa; }
.sera-ludo > [data-lane="3"] { background:#bce0b0; }
.sera-ludo .sera-ludo-pawn {
  position:absolute; inset:4%; display:grid; place-items:center; border-radius:50%;
  padding:0; color:#171527; background:#7fc2ff; border:1px solid #30263f;
  font:700 clamp(8px,2vw,13px)/1 system-ui,sans-serif;
}
.sera-ludo .sera-ludo-pawn[data-color="1"] { background:#ffd369; }
.sera-ludo .sera-ludo-pawn[data-color="2"] { background:#c098f4; }
.sera-ludo .sera-ludo-pawn[data-color="3"] { background:#a2d495; }
.sera-ludo button.sera-ludo-pawn { z-index:2; box-shadow:0 0 0 2px #17263f; }
.sera-ludo > div:has(.sera-ludo-pawn + .sera-ludo-pawn) {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:center;
}
.sera-ludo > div:has(.sera-ludo-pawn + .sera-ludo-pawn) .sera-ludo-pawn {
  position:relative; inset:auto; min-width:0; font-size:7px;
}
.sera-games [data-game="minas"] .sera-games-board {
  padding:5px; border-radius:9px; background:#202734;
}
.sera-games [data-game="minas"] .sera-games-board button {
  background:#475469; border-color:#73829b; font-weight:700;
}
.sera-games [data-game="minas"] .sera-games-board button[data-revealed="true"] {
  background:#dce6ee; color:#17477a;
}

.sera-moment-page.sera-moment-playing {
  background-image:linear-gradient(180deg,#17102f44,#21112eba 58%,#21112f),var(--sera-moment-scene);
}
.sera-moment-playing .sera-moment-games { inset-inline:clamp(12px,3vw,36px) 48px; }
.sera-games-header {
  padding:8px 0 14px;
  border-bottom:1px solid #ddbbff40;
}
.sera-games-header h2 {
  color:#ffe3ae;
  font:700 clamp(24px,4vw,40px)/1.1 Georgia,serif;
}
.sera-games-featured {
  position:relative;
  isolation:isolate;
  min-height:166px;
  display:flex;
  align-items:center;
  overflow:hidden;
  margin-top:12px;
  padding:14px clamp(14px,4vw,44px);
  border:1px solid #e2b5fd99;
  border-radius:18px;
  background:linear-gradient(95deg,#241337 28%,#241337a6 62%,#112f28b0),url("/momento-lago-noite-v2.webp") right center/cover;
}
.sera-games-featured > div:first-child { position:relative; z-index:1; max-width:60%; }
.sera-games-featured > div > span:first-child:not(.sera-games-featured-cards span) {
  display:inline-block; padding:4px 8px; border:1px solid #e8bc70; border-radius:999px;
  font-size:12px; color:#ffe1a4; background:#331e3d;
}
.sera-games-featured h3 { margin:5px 0 0; font:700 clamp(25px,5vw,42px)/1 Georgia,serif; }
.sera-games-featured button,.sera-games-grid article button {
  border:0; background:linear-gradient(#f7e7fb,#d9b6e9); color:#311947;
  font-weight:700; border-radius:999px;
}
.sera-games-featured-cards {
  position:absolute; right:6%; bottom:8%; display:flex; transform:rotate(-7deg);
}
.sera-games-featured-cards span {
  display:grid; place-items:center; width:clamp(28px,7vw,76px); aspect-ratio:5/7;
  margin-left:-8px; border-radius:7px; border:2px solid #edc681;
  background:#fff1da; color:#211931; font:700 clamp(12px,3vw,28px)/1 Georgia,serif;
  box-shadow:0 6px 13px #0007; transform:rotate(9deg);
}
.sera-games-featured-cards span:nth-child(even) { color:#a42b45; }
.sera-games-library-title { margin:14px 0 8px; font:700 clamp(18px,3vw,24px)/1.2 Georgia,serif; }
.sera-games-lobby .sera-games-grid {
  grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; max-width:none; margin-top:0;
}
.sera-games-grid article {
  border-color:#ad83ca; padding:10px; border-radius:13px;
  background:linear-gradient(165deg,#56386c,#291c3c);
}
.sera-games-grid article .sera-games-mark {
  display:grid; place-items:center; width:100%; min-height:38px;
  background:#150f274d; border-radius:9px; font-size:27px;
}
.sera-games-grid article[data-game="puzzle"] .sera-games-mark {
  background:linear-gradient(#32234535,#32234560),url("/participant-wellness-landscape.png") center/cover;
}
.sera-games-grid h3 { margin-top:8px; font-size:clamp(14px,1.5vw,19px); overflow-wrap:anywhere; }
.sera-games-grid article p { font-size:12px; }
.sera-games-grid article button { min-height:34px; width:100%; text-align:center; }
.sera-solitaire { border:3px ridge #dbac65; box-shadow:0 6px 20px #100b16aa; }
.sera-ready-game { display:block; width:100%; height:max(560px,calc(100dvh - 240px)); border:0; border-radius:12px; background:#183b2c; }
@media(max-width:760px) {
  .sera-ready-game { height:max(540px,calc(100dvh - 185px)); }
}
.sera-games-grid article[data-game="domino"] { background:linear-gradient(145deg,#385851,#242037); }
.sera-games-grid article[data-game="domino"] .sera-games-mark span {
  padding:4px 8px; border:1px solid #f4d9ab; border-radius:6px; color:#322b3a;
  background:linear-gradient(#fffdf4,#ead8b6); box-shadow:0 3px 0 #917754;
}
.sera-domino {
  width:min(100%,760px); margin:12px auto; padding:clamp(10px,3vw,24px); color:#fff;
  border:3px ridge #d5aa70; border-radius:16px; background:radial-gradient(ellipse at top,#3a6b5c,#14362f);
  box-shadow:0 10px 28px #120a1b80;
}
.sera-domino h3 { margin:12px 0 8px; }
.sera-domino-chain,.sera-domino-hand { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.sera-domino-chain { min-height:64px; padding:8px; background:#112d2870; border-radius:8px; }
.sera-domino .sera-domino-tile {
  display:grid; grid-template-columns:repeat(2,1fr); padding:3px; width:66px; height:36px;
  border:1px solid #e5cc9d; border-radius:5px; background:linear-gradient(#fffaf0,#ead9b9);
  color:#241a2c; box-shadow:0 3px 0 #91774f,0 4px 8px #0005;
}
.sera-domino-hand .sera-domino-tile { width:76px; height:44px; cursor:pointer; }
.sera-domino .sera-domino-tile[aria-pressed="true"] { outline:2px solid #ffe090; outline-offset:2px; }
.sera-domino .sera-domino-tile:disabled { opacity:.62; cursor:default; }
.sera-domino-tile > span { display:grid; grid-template:repeat(3,1fr)/repeat(3,1fr); place-items:center; }
.sera-domino-tile > span + span { border-inline-start:1px solid #9a8563; }
.sera-domino-tile i { width:5px; aspect-ratio:1; border-radius:50%; background:currentColor; }
.sera-domino .sera-games-controls { margin-top:12px; }
.sera-moment-page.sera-ready-playing::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.sera-moment-page.sera-ready-playing > * { z-index:1; }
.sera-moment-games.sera-games-lobby .sera-games-header {
  position:relative; justify-content:center; padding:8px 85px 20px; margin-bottom:20px; border-bottom:1px solid #e5c8f14d; align-items:center;
}
.sera-moment-games.sera-games-lobby .sera-games-header button {
  position:absolute; right:0; top:50%; transform:translateY(-50%); min-height:40px; padding:8px 14px;
  background:#24163070; border-color:#e7ccf16b; color:#f6eafa; font-size:14px; cursor:pointer;
}
.sera-moment-games.sera-games-lobby .sera-games-header button:is(:hover,:focus-visible) { background:#714987; border-color:#e7ccf1; }
.sera-moment-games.sera-games-lobby .sera-games-header h2 {
  margin:0; color:#fff5e5; font-size:clamp(36px,5vw,52px); text-shadow:0 3px 14px #14091dcc;
}
.sera-moment-games.sera-games-lobby .sera-games-grid {
  width:min(100%,560px); max-width:none; margin-inline:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;
}
.sera-games-lobby .sera-games-grid article {
  padding:0; border:1px solid #e6c9f26b; border-radius:18px;
  background:linear-gradient(145deg,#35233de8,#1f2034eb); box-shadow:0 8px 24px #12091f50;
  backdrop-filter:blur(8px); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.sera-games-lobby .sera-games-grid article[data-game="paciencia"] { background:linear-gradient(145deg,#244b43ec,#202537ec); }
.sera-games-lobby .sera-games-grid article h3 { margin:14px 0 0; font:700 clamp(17px,2vw,22px)/1.2 Georgia,serif; }
.sera-games-lobby .sera-games-grid article p { margin:8px 0 16px; font-size:13px; line-height:1.5; color:#e5ddeb; }
.sera-games-lobby .sera-games-grid article button {
  min-height:40px; border:1px solid #f1dcff7a; border-radius:10px; color:#2d153c;
  background:linear-gradient(110deg,#f4e8fa,#dcbde9); font-weight:700; cursor:pointer;
}
.sera-games-lobby .sera-games-grid article:focus-within { outline:2px solid #f5d786; outline-offset:3px; }
.sera-games-lobby .sera-games-grid article .sera-game-cover {
  display:flex; justify-content:center; align-items:center; height:78px; overflow:hidden;
  border-radius:12px; background:radial-gradient(ellipse at center,#6b639060,#181e3750); font-size:22px;
}
.sera-game-cover-paciencia span {
  width:43px; height:64px; padding:7px 5px; border-radius:5px; background:linear-gradient(#fffef5,#ecdfc6);
  border:1px solid #c9b993; color:#18162c; box-shadow:0 4px 10px #0006; font:700 17px Georgia,serif;
}
.sera-game-cover-paciencia span:first-child { transform:translate(8px,5px) rotate(-17deg); }
.sera-game-cover-paciencia span:nth-child(2) { transform:translateY(-4px); color:#b52843; z-index:1; }
.sera-game-cover-paciencia span:last-child { transform:translate(-8px,5px) rotate(17deg); }
.sera-games-lobby .sera-games-grid article .sera-game-cover-minas {
  display:grid; grid-template:repeat(3,22px)/repeat(3,26px); gap:3px; align-content:center;
}
.sera-game-cover-minas span {
  display:grid; place-items:center; height:22px; border-radius:3px; color:#a5d7fc; font:700 16px system-ui,sans-serif;
  background:linear-gradient(145deg,#586a88,#313b56); box-shadow:inset 1px 1px 0 #ffffff3d,0 2px 3px #0004;
}
.sera-game-cover-minas span:nth-child(5) { color:#ffe294; background:#6b547d; }
@media(hover:hover) {
  .sera-games-lobby .sera-games-grid article:hover { transform:translateY(-3px); border-color:#efd4ff; box-shadow:0 12px 28px #12091f80; }
  .sera-games-lobby .sera-games-grid article button:hover { background:#fff4ff; }
}
.sera-games-lobby .sera-games-grid article .sera-game-card-link {
  display:grid; grid-template-columns:68px minmax(0,1fr); gap:12px; align-items:center;
  min-height:118px; width:100%; padding:12px; border:0; border-radius:inherit; text-align:left;
  background:transparent; color:#fff; font-weight:400;
}
.sera-games-lobby .sera-games-grid article .sera-game-card-link:hover { background:transparent; }
.sera-game-card-copy,.sera-game-card-name,.sera-game-card-description { display:block; }
.sera-game-card-name { font:700 19px/1.2 Georgia,serif; }
.sera-game-card-description { margin-top:7px; color:#e6dceb; font-size:12px; line-height:1.45; }
.sera-games-lobby .sera-games-grid article .sera-game-card-link .sera-game-cover { width:68px; height:74px; }
.sera-game-card-link .sera-game-cover-paciencia span { flex:none; width:28px; height:45px; padding:4px 2px; font-size:12px; }
.sera-game-card-link .sera-game-cover-minas span { min-width:18px; width:18px; height:18px; font-size:12px; }
.sera-games-lobby .sera-games-grid article .sera-game-card-link .sera-game-cover-minas { grid-template:repeat(3,18px)/repeat(3,18px); gap:2px; }
@media(max-width:520px) {
  .sera-games-lobby .sera-games-grid article .sera-game-card-link { grid-template-columns:1fr; justify-items:center; gap:8px; min-height:118px; text-align:center; }
  .sera-game-card-link .sera-game-card-description { display:none; }
  .sera-game-card-link .sera-game-card-name { font-size:16px; }
  .sera-games-lobby .sera-games-grid article .sera-game-card-link .sera-game-cover { width:100%; height:54px; }
}
@media(prefers-reduced-motion:reduce) {
  .sera-games-lobby .sera-games-grid article { transition:none; }
}
@media(max-width:420px) {
  .sera-moment-games.sera-games-lobby .sera-games-grid { gap:10px; }
  .sera-games-lobby .sera-games-grid article { padding:0; }
  .sera-games-lobby .sera-games-grid article p { font-size:12px; }
}
.sera-moment-playing .sera-moment-games.sera-ready-active {
  inset:60px 12px max(88px,calc(78px + env(safe-area-inset-bottom))) 12px;
  display:flex; flex-direction:column; min-height:0; padding:0; overflow:hidden;
  position:absolute;
}
.sera-moment-games.sera-ready-active .sera-games-header {
  flex:none; justify-content:center; gap:12px; padding:4px 8px 10px; border-bottom:0; min-height:46px;
}
.sera-moment-games.sera-ready-active .sera-games-header h2 { font-size:38px; margin:0; }
.sera-moment-games.sera-ready-active .sera-games-header button {
  min-height:40px; padding:8px 14px; font-size:14px; font-weight:600; cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.sera-moment-games.sera-ready-active .sera-games-header button:is(:hover,:focus-visible) {
  background:#774a91; border-color:#f2d3ff; box-shadow:0 0 0 2px #e5b6ff55;
}
.sera-moment-games.sera-ready-active .sera-games-header button:active { background:#4d2d63; }
.sera-games-content.sera-ready-content,.sera-ready-host {
  display:flex; flex:1; flex-direction:column; min-height:0; min-width:0;
}
.sera-ready-host .sera-ready-game { flex:1; min-height:0; width:100%; height:100%; border-radius:0; background:transparent; }
.sera-game-save-status:not([data-state="error"]) {
  position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%);
}
.sera-moment-page.sera-ready-playing .sera-moment-player.sera-moment-player-drawer {
  min-height:0; overflow:hidden; background:transparent; backdrop-filter:none; box-shadow:none; border:0;
}
@media(max-width:760px) {
  .sera-moment-playing .sera-moment-games.sera-ready-active {
    inset:62px 4px max(88px,calc(78px + env(safe-area-inset-bottom))) 4px;
  }
  .sera-moment-games.sera-ready-active .sera-games-header h2 { font-size:29px; }
  .sera-moment-games.sera-ready-active .sera-games-header button { padding:8px 12px; font-size:13px; }
}
@media(max-width:760px) {
  .sera-games-lobby .sera-games-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sera-moment-playing .sera-moment-games { inset-inline:4px 32px; }
}

/* Illustrated music catalog: shared compact geometry for every category. */
.sera-moment-page .sera-moment-side-drawer { width:min(350px,calc(100% - 28px)); background:linear-gradient(145deg,#f4f0ff,#e9def7 55%,#e7eaff); }
.sera-moment-side-drawer .sera-moment-drawer-content { padding:16px 12px; gap:14px; }
.sera-moment-side-drawer .sera-moment-categories { gap:8px; width:100%; }
.sera-moment-side-drawer .sera-moment-category-drawer { width:100%; border:1px solid #d5b9eb; background:linear-gradient(110deg,#68438b,#442161); border-radius:14px; overflow:hidden; box-shadow:0 3px 9px #48255c18; }
.sera-moment-side-drawer .sera-moment-category-drawer .sera-moment-drawer-heading { display:grid; grid-template-columns:68px minmax(0,1fr) 30px 20px; gap:7px; padding:0 8px 0 0; min-height:62px; color:white; }
.sera-moment-side-drawer .sera-moment-drawer-heading::after { content:none; }
.sera-moment-category-art { width:68px; height:62px; object-fit:cover; display:block; }
.sera-moment-category-copy { min-width:0; display:flex; flex-direction:column; gap:3px; }
.sera-moment-category-copy strong { font:700 12px/1.2 system-ui,sans-serif; overflow-wrap:normal; }
.sera-moment-drawer-heading .sera-moment-category-copy small { color:#e5d5f5; font:400 10px/1.2 system-ui,sans-serif; }
.sera-moment-category-play { display:grid; place-items:center; width:30px; height:30px; padding:0; border:1px solid #ffffff40; border-radius:50%; background:#b38bda88; color:white; font-size:12px; cursor:pointer; }
.sera-moment-category-play:hover { background:#c9a8ed; color:#3c1a55; }
.sera-moment-category-play:focus-visible,.sera-moment-drawer-heading:focus-visible { outline:2px solid #f7ca60; outline-offset:-3px; }
.sera-moment-category-arrow { text-align:center; font:22px/1 system-ui; transition:transform .22s ease; }
.sera-moment-category-drawer[open] .sera-moment-category-arrow { transform:rotate(180deg); }
.sera-moment-side-drawer .sera-moment-category-drawer > .sera-moment-list { background:#f8f3fc; padding:8px; display:grid; gap:4px; }
.sera-moment-side-drawer .sera-moment-track-row { width:100%; }
.sera-moment-side-drawer .sera-moment-track { text-align:left; font-size:12px; }
.sera-moment-side-drawer .sera-moment-personal { background:#ffffff80; border:1px solid #d9c7e6; padding:14px; border-radius:16px; }
.sera-moment-side-drawer .sera-moment-personal h3 { margin:0 0 7px; font-size:15px; }
.sera-moment-side-drawer .sera-moment-personal p { font-size:12px; }
.sera-moment-side-drawer .sera-moment-pick { width:100%; justify-content:center; font-size:12px; }
.sera-moment-side-drawer details[open] > .sera-moment-drawer-heading::after { content:none; }
.sera-moment-side-drawer .sera-moment-pick { box-sizing:border-box; }
/* Drawer header and consistent expansion affordance. */
.sera-moment-side-drawer .sera-moment-side-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:2px 0 10px; }
.sera-moment-side-drawer .sera-moment-side-heading h3 { margin:0; color:#3b1d52; font:700 24px/1.2 Georgia,serif; letter-spacing:-.4px; }
.sera-moment-close-button { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px 10px; border:1px solid #cbb5dc; border-radius:10px; background:#ffffff90; color:#502768; font:600 12px/1.2 system-ui,sans-serif; cursor:pointer; transition:background .18s,border-color .18s; }
.sera-moment-close-button:hover { background:#fff; border-color:#8e60ad; }
.sera-moment-close-button:focus-visible { outline:2px solid #8050aa; outline-offset:2px; }
.sera-moment-side-drawer .sera-moment-category-drawer .sera-moment-drawer-heading { grid-template-columns:68px minmax(0,1fr) 30px 28px; gap:7px; }
.sera-moment-category-arrow { display:grid; place-items:center; width:26px; height:26px; border:1px solid #ffffff38; border-radius:8px; background:#ffffff0c; color:#f5eaff; }
.sera-moment-category-arrow svg { display:block; width:16px; height:16px; }
.sera-moment-drawer-heading:hover .sera-moment-category-arrow { background:#ffffff25; border-color:#ffffff70; }
/* Preview: distinct game-room access below the grouped pauses. */
.sera-moment-intro .sera-moment-pause-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:min(100%,340px); }
.sera-moment-pause-choices .sera-moment-pause-choice { min-height:38px; padding:8px 10px; text-align:center; transition:background .18s,box-shadow .18s; }
.sera-moment-intro .sera-moment-games-entry { margin-top:20px; min-height:46px; padding:10px 20px; gap:10px; border:1px solid transparent; border-radius:14px; background:linear-gradient(120deg,#39204de8,#2a1b43e8) padding-box,linear-gradient(110deg,#259ef1,#edc550,#a46aca,#82b947) border-box; box-shadow:0 4px 18px #170c3340; color:#fff; font:700 14px/1.2 system-ui,sans-serif; cursor:pointer; transition:transform .2s,box-shadow .2s,filter .2s; }
.sera-moment-games-symbol { display:grid; place-items:center; width:24px; height:24px; }
.sera-moment-games-symbol svg { width:24px; height:24px; }
.sera-moment-intro .sera-moment-games-entry:hover { transform:translateY(-2px); filter:brightness(1.15); box-shadow:0 5px 22px #9c61cc70,0 0 10px #58a8ec30; }
.sera-moment-intro .sera-moment-games-entry:focus-visible { outline:2px solid #f5d271; outline-offset:4px; }
.sera-moment-intro .sera-moment-games-entry:active { transform:translateY(0); }
@media(max-width:760px) { .sera-moment-intro .sera-moment-games-entry { margin-top:12px; min-height:40px; padding:8px 16px; font-size:13px; } .sera-moment-intro .sera-moment-pause-choices { width:100%; } }
@media(prefers-reduced-motion:reduce) { .sera-moment-intro .sera-moment-games-entry { transition:none; } .sera-moment-intro .sera-moment-games-entry:hover { transform:none; } }
/* Preview revision: full group-width game-room action. */
.sera-moment-intro .sera-moment-games-entry { box-sizing:border-box; width:min(100%,340px) !important; justify-content:center; min-height:54px; margin-top:22px; padding:12px 20px; font-size:16px; background:linear-gradient(115deg,#654178ed,#402354ed) padding-box,linear-gradient(110deg,#32abf2,#f2ce63,#bc83e1,#92c858) border-box; box-shadow:0 5px 24px #1b0c3f66,inset 0 1px 0 #ffffff20; }
@media(max-width:760px) { .sera-moment-intro .sera-moment-games-entry { width:100% !important; min-height:44px; margin-top:14px; padding:9px 16px; font-size:14px; } }
/* Preview revision: game room first, pauses grouped beneath it. */
.sera-moment-intro .sera-moment-games-entry { min-height:58px; margin-top:18px; margin-bottom:0; border-width:2px; font-size:18px; box-shadow:0 4px 24px #1b0c3f66,0 0 12px #9d6cce45,inset 0 1px 0 #ffffff25; }
.sera-moment-games-symbol,.sera-moment-games-symbol svg { width:30px; height:30px; }
.sera-moment-intro .sera-moment-games-entry + .sera-moment-pause-choices { margin-top:12px; }
@media(max-width:760px) { .sera-moment-intro .sera-moment-games-entry { min-height:48px; margin-top:12px; font-size:16px; } .sera-moment-games-symbol,.sera-moment-games-symbol svg { width:26px; height:26px; } .sera-moment-intro .sera-moment-games-entry + .sera-moment-pause-choices { margin-top:10px; } }
.sera-moment-intro .sera-moment-games-entry { border-radius:999px; }
/* Keep the scene tied to the viewport while a pause is typed. */
.employee-workspace-active .company-main.employee-moment-active { height:100dvh; overflow:hidden; }
body.employee-workspace-active .company-content.employee-moment-active { height:100%; overflow:hidden; }
.sera-moment-page { height:100dvh; min-height:0; overflow:hidden; }
@media(min-width:761px) {
  .sera-moment-page { grid-template-rows:minmax(0,1fr); }
  .sera-moment-page .sera-moment-intro { min-height:0; padding-block:0; }
  .sera-moment-clock { width:clamp(90px,14dvh,156px); margin-bottom:12px; }
}
.sera-moment-pause-note .sera-moment-pause-choice[hidden] { display:inline-flex; visibility:hidden; pointer-events:none; }
@media(max-width:760px) {
  .sera-moment-page .sera-moment-intro { flex-shrink:1; min-height:0; }
  .sera-moment-intro .sera-moment-pause-note { flex-shrink:0; }
}
body.employee-workspace-active.sera-moment-open { height:100dvh; margin:0; overflow:hidden; }
.employee-workspace-active .company-shell.employee-moment-active { height:100dvh; overflow:hidden; }
@media(min-width:761px) and (min-height:801px) { .sera-moment-clock { width:clamp(92px,12vw,156px); margin-bottom:18px; } }
/* Restore the approved clock dimensions at every desktop height. */
@media(min-width:761px) { .sera-moment-clock { width:clamp(92px,12vw,156px); margin-bottom:18px; } }
/* Align the clock with the text column without changing its dimensions. */
@media(min-width:761px) { .sera-moment-clock { align-self:center; } }
@media(min-width:761px) { .sera-moment-clock { align-self:flex-start; margin-left:calc((min(100%,430px) - clamp(92px,12vw,156px)) / 2); } }
@media(min-width:761px) { .sera-moment-clock { margin-left:max(0px,calc((min(100%,430px) - clamp(92px,12vw,156px)) / 2 - 42px)); } }
/* Mobile: lower the pause block toward the player, keeping both headings on one line. */
@media(max-width:760px) {
  .sera-moment-page .sera-moment-intro { padding-bottom:12px; }
  .sera-moment-page .sera-moment-intro h2 { max-width:none; width:100%; white-space:nowrap; font-size:clamp(15px,5.5vw,32px); line-height:1.2; }
  .sera-moment-page .sera-moment-intro > p { max-width:none; width:100%; white-space:nowrap; font-size:clamp(9px,2.75vw,16px); line-height:1.4; }
}
/* Center the mobile lobby independently from the music drawer handle. */
@media(max-width:760px) {
  .sera-moment-playing .sera-moment-games.sera-games-lobby { left:16px; right:16px; inset-inline:16px; }
  .sera-games-lobby .sera-games-grid { width:100%; margin-inline:auto; }
  .sera-games-lobby .sera-games-header { width:100%; box-sizing:border-box; }
}
@media(max-width:760px) {
  .sera-moment-page > .sera-moment-edge-tab { box-sizing:border-box; width:18px; min-width:18px; min-height:38px; padding:4px 0; justify-content:center; border-radius:8px 0 0 8px; font-size:16px; touch-action:none; }
}
/* Shared game layout with fallbacks for older mobile browser engines. */
body.employee-workspace-active.sera-moment-open,
.employee-workspace-active .company-shell.employee-moment-active,
.employee-workspace-active .company-main.employee-moment-active,
.sera-moment-page { height:100vh; height:100dvh; }
.sera-moment-playing .sera-moment-games.sera-ready-active { top:60px; right:12px; bottom:88px; left:12px; }
@media(max-width:760px) { .sera-moment-playing .sera-moment-games.sera-ready-active { top:62px; right:4px; bottom:88px; left:4px; } }
@media(max-width:760px) {
  .sera-moment-games.sera-ready-active .sera-games-header h2 { font-size:clamp(20px,6.2vw,29px); }
  .sera-moment-games.sera-ready-active .sera-games-header button { white-space:nowrap; }
}
/* Older Android browsers report 100vh behind the browser toolbar. */
@media(max-width:760px) {
  body.employee-workspace-active.sera-moment-open,
  .employee-workspace-active .company-shell.employee-moment-active,
  .employee-workspace-active .company-main.employee-moment-active,
  .sera-moment-page { height:var(--sera-moment-visible-height,100vh); }
}
/* Mobile game heading remains centered, independent of the close control. */
@media(max-width:760px) {
  .sera-moment-games.sera-ready-active .sera-games-header { position:relative; min-height:52px; padding:6px 76px; box-sizing:border-box; }
  .sera-moment-games.sera-ready-active .sera-games-header h2 { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0; font-size:clamp(17px,5vw,23px); white-space:nowrap; text-align:center; }
  .sera-moment-games.sera-ready-active .sera-games-header button { position:absolute; left:4px; right:auto; top:50%; transform:translateY(-50%); width:68px; box-sizing:border-box; min-height:38px; padding:6px 4px; white-space:normal; font-size:11px; line-height:1.2; border:1px solid #fff2; border-color:#edd8ff; border-radius:10px; color:#3c1857; background:#fbf3fff2; box-shadow:0 2px 12px #d8a4ef60; }
  .sera-moment-games.sera-ready-active .sera-games-header button:is(:hover,:focus-visible) { color:#2b0c43; background:#fff; border-color:#fff; box-shadow:0 0 0 2px #e5b6ff80; }
}
@media(max-width:760px) {
  .sera-moment-games.sera-ready-active .sera-games-header button { width:auto; min-width:76px; white-space:nowrap; padding:7px 8px; }
}
/* Compact participant navigation drawer on every mobile browser. */
@media(max-width:900px) {
  body.employee-workspace-active .company-shell .company-sidebar { width:252px; max-width:calc(100vw - 72px); padding:12px; gap:10px; }
  body.employee-workspace-active .company-shell .company-sidebar .company-menu-close { position:absolute; top:12px; right:10px; width:34px; height:34px; border-radius:10px; font-size:20px; }
  body.employee-workspace-active .company-shell .company-sidebar .company-brand { display:flex; align-items:center; justify-content:flex-start; min-height:54px; width:100%; margin:0 0 4px; }
  body.employee-workspace-active .company-shell .company-sidebar .company-brand img { box-sizing:border-box; width:132px; max-width:calc(100% - 48px); height:auto; padding:6px; border-radius:14px; }
  body.employee-workspace-active .company-shell .company-sidebar .company-sidebar-title { padding:9px 6px; }
  body.employee-workspace-active .company-shell .company-sidebar .company-sidebar-title small { font-size:9px; letter-spacing:.08em; }
  body.employee-workspace-active .company-shell .company-sidebar .company-sidebar-title strong { font-size:15px; }
  body.employee-workspace-active .company-shell .company-sidebar .company-navigation { gap:3px; flex-shrink:0; margin-bottom:40px; }
  body.employee-workspace-active .company-shell .company-sidebar .company-navigation button { min-height:38px; padding:8px; gap:10px; font-size:13px; }
  body.employee-workspace-active .company-shell .company-sidebar .company-sidebar-foot { margin-top:auto; padding:12px 6px 0; font-size:11px; line-height:1.3; }
}
@media(max-width:900px) {
  body.employee-workspace-active .company-shell .company-sidebar .company-brand { padding:0; }
  body.employee-workspace-active .company-shell .company-sidebar .company-brand img { margin:0; }
  body.employee-workspace-active .company-shell .company-sidebar .company-navigation { display:grid; flex:0 0 auto; justify-content:initial; }
}
/* Shared translucent controls for music while browsing another section. */
.sera-sidebar-player[hidden] { display:none; }
.sera-sidebar-player { display:grid; gap:5px; flex-shrink:0; min-width:0; padding:11px 10px; border:1px solid #e6c9f036; border-radius:15px; background:linear-gradient(125deg,#b98ddb16,#ffffff08); color:#fff; box-shadow:inset 0 1px 0 #ffffff0b; }
.sera-sidebar-status { color:#d2bfdc; font:500 10px/1.2 system-ui,sans-serif; }
.sera-sidebar-track { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:600 12px/1.3 system-ui,sans-serif; }
.sera-sidebar-controls { display:flex; align-items:center; justify-content:center; gap:12px; padding-top:4px; }
.sera-sidebar-control { display:grid; place-items:center; width:31px; height:31px; border:1px solid #ffffff50; padding:6px; border-radius:50%; color:white; background:#ffffff0d; cursor:pointer; }
.sera-sidebar-control svg { display:block; width:17px; height:17px; fill:currentColor; }
.sera-sidebar-play { width:36px; height:36px; border-color:transparent; background:linear-gradient(#503265,#503265) padding-box,conic-gradient(#0878df,#f5a400,#6b188b,#79b815,#0878df) border-box; }
.sera-sidebar-control:hover { background:#9360b24a; }
.sera-sidebar-control:focus-visible { outline:2px solid #e6c971; outline-offset:3px; }
.sera-sidebar-control:disabled { opacity:.3; cursor:default; }
@media(max-width:900px) {
  body.employee-workspace-active .company-shell .company-sidebar .company-brand { justify-content:center; }
  body.employee-workspace-active .company-shell .company-sidebar .company-menu-close { top:24px; }
  body.employee-workspace-active .company-shell .company-sidebar .company-navigation { gap:4px; }
  body.employee-workspace-active .company-shell .company-sidebar .company-navigation button { min-height:42px; padding:9px 8px; font-size:14px; }
  body.employee-workspace-active .company-shell .company-sidebar .company-nav-symbol,
  body.employee-workspace-active .company-shell .company-sidebar .company-nav-symbol svg { width:21px; height:21px; }
  body.employee-workspace-active .company-shell .company-sidebar.sera-sidebar-has-player .company-navigation { margin-bottom:8px; }
}
@media(max-width:760px) {
  .sera-moment-intro .sera-moment-pause-note { width:100%; max-width:none; box-sizing:border-box; }
  .sera-moment-intro .sera-moment-pause-note p { width:100%; max-width:none; white-space:normal; overflow-wrap:normal; word-break:normal; box-sizing:border-box; }
}
.sera-sidebar-player { padding:8px 10px; gap:3px; }
.sera-sidebar-status { font-size:9px; }
.sera-sidebar-controls { padding-top:2px; }
.sera-sidebar-control { box-sizing:border-box; }
.sera-sidebar-player { position:relative; }
.sera-sidebar-close { position:absolute; top:5px; right:6px; display:grid; place-items:center; width:20px; height:20px; padding:0; border:0; border-radius:0; background:transparent; color:#eadbf3; font:400 21px/1 Arial,sans-serif; cursor:pointer; }
.sera-sidebar-close:hover { color:#fff; background:transparent; }
.sera-sidebar-close:focus-visible { outline:2px solid #d9b6ed; outline-offset:1px; }
.sera-sidebar-status,.sera-sidebar-track { padding-right:18px; }
@media(min-width:901px) {
  .sera-sidebar-player { padding:6px 8px; gap:2px; border-radius:12px; }
  .sera-sidebar-status { font-size:8px; line-height:1.1; }
  .sera-sidebar-track { font-size:11px; line-height:1.2; }
  .sera-sidebar-controls { padding-top:1px; gap:10px; }
  .sera-sidebar-control { width:26px; height:26px; padding:4px; }
  .sera-sidebar-play { width:30px; height:30px; }
  .sera-sidebar-control svg { width:15px; height:15px; }
}

/* Participant settings: compact, touch-friendly cards on every mobile browser. */
@media(max-width:760px) {
  body.employee-workspace-active .company-content.employee-settings-page { box-sizing:border-box; width:100%; min-width:0; padding:84px 12px 28px; }
  .employee-settings-page .employee-photo-input { left:0; top:0; }
  .employee-settings-page .company-page-head { gap:5px; margin-bottom:14px; }
  .employee-settings-page .company-page-head h1 { margin:0; font-size:24px; line-height:1.2; }
  .employee-settings-page .company-page-head p { margin:4px 0 0; font-size:12px; line-height:1.45; }
  .employee-settings-page .employee-settings-grid { grid-template-columns:minmax(0,1fr); gap:12px; margin:0 0 12px; }
  .employee-settings-page .employee-settings-grid > .company-work-card,
  .employee-settings-page > .company-work-card { box-sizing:border-box; min-width:0; width:100%; min-height:0; margin:0 0 12px; padding:16px; border:1px solid #e7ddeb; border-radius:16px; box-shadow:0 3px 12px #2b173d06; }
  .employee-settings-page .employee-settings-grid > .company-work-card { margin:0; }
  .employee-settings-page .company-work-card > h2 { margin:0 0 6px; font-size:18px; line-height:1.25; }
  .employee-settings-page .company-work-card > p { min-height:0; margin:0 0 12px; font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
  .employee-settings-page .employee-profile-head { min-height:0; gap:12px; margin:14px 0; }
  .employee-settings-page .employee-profile-photo-button { flex:0 0 48px; }
  .employee-settings-page .employee-profile-avatar { width:48px; height:48px; font-size:20px; }
  .employee-settings-page .employee-photo-edit { width:20px; height:20px; font-size:10px; }
  .employee-settings-page .employee-profile-text { gap:4px; min-width:0; }
  .employee-settings-page .employee-profile-text strong { font-size:15px; line-height:1.3; }
  .employee-settings-page .employee-profile-text small { font-size:11px; line-height:1.35; }
  .employee-settings-page .employee-settings-form { gap:10px; margin:0; }
  .employee-settings-page label { min-width:0; }
  .employee-settings-page .employee-settings-form label,
  .employee-settings-page .employee-demographics-form > label:not(.employee-demographics-consent) { gap:6px; font-size:12px; }
  .employee-settings-page input:not([type=checkbox]):not([type=file]),
  .employee-settings-page select { box-sizing:border-box; min-width:0; width:100%; max-width:100%; min-height:42px; padding:9px 10px; border:1px solid #d9c9e2; border-radius:10px; background:#fff; font-size:16px; line-height:1.2; }
  .employee-settings-page .employee-settings-form > small { font-size:11px; line-height:1.4; }
  .employee-settings-page .company-primary,
  .employee-settings-page .company-secondary { box-sizing:border-box; width:100%; min-width:0; min-height:42px; margin:0; padding:10px 12px; border-radius:10px; font-size:13px; line-height:1.3; white-space:normal; text-align:center; }
  .employee-settings-page .company-feedback { min-height:0; margin:0; font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
  .employee-settings-page .company-feedback:empty { display:none; }
  .employee-settings-page .employee-security-facts { margin:12px 0; }
  .employee-settings-page .employee-security-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:8px; padding:10px 0; font-size:12px; line-height:1.4; }
  .employee-settings-page .employee-security-row strong { min-width:0; text-align:right; overflow-wrap:anywhere; }
  .employee-settings-page .employee-credential-actions { grid-template-columns:minmax(0,1fr); gap:8px; margin:0 0 12px; }
  .employee-settings-page .company-settings-note { font-size:11px; line-height:1.45; }
  .employee-settings-page .employee-security-notice { gap:4px; margin-top:12px; padding:10px; font-size:12px; }
  .employee-settings-page .employee-security-notice small { font-size:11px; }
  .employee-settings-page .sera-experience-form { gap:12px; }
  .employee-settings-page .sera-experience-form fieldset { min-width:0; padding:12px; gap:9px; border-radius:12px; }
  .employee-settings-page .sera-experience-form legend { max-width:100%; padding:0 4px; font-size:12px; line-height:1.4; }
  .employee-settings-page .sera-experience-styles { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .employee-settings-page .sera-experience-style { box-sizing:border-box; display:grid; grid-template-columns:16px minmax(0,1fr); align-items:center; min-height:44px; padding:7px; gap:6px; border:1px solid #ece1f1; border-radius:9px; background:#faf6fc; font-size:12px; line-height:1.3; }
  .employee-settings-page input[type=checkbox] { width:17px; height:17px; margin:0; flex:none; accent-color:#622d7b; }
  .employee-settings-page .sera-experience-trusted label:not(.sera-experience-consent) { font-size:12px; }
  .employee-settings-page .sera-experience-consent,
  .employee-settings-page .employee-demographics-consent { display:grid; grid-template-columns:17px minmax(0,1fr); align-items:start; gap:8px; font-size:12px; line-height:1.45; }
  .employee-settings-page .employee-demographics-consent { padding:11px; }
  .employee-settings-page .employee-demographics-form { grid-template-columns:minmax(0,1fr); gap:12px; margin-top:12px; }
  .employee-workspace-active .employee-profile-dialog { box-sizing:border-box; inset:50% auto auto 50%; transform:translate(-50%,-50%); height:auto; width:calc(100% - 24px); max-width:420px; max-height:calc(100% - 32px); min-width:0; margin:0; padding:16px; border-radius:16px; overflow:auto; }
  .employee-profile-dialog .employee-demo-dialog-top { align-items:center; gap:10px; margin-bottom:12px; padding:0 0 12px; }
  .employee-profile-dialog h2 { min-width:0; margin:0; font-size:20px; line-height:1.25; }
  .employee-profile-dialog .employee-demo-dialog-body { padding:0; }
  .employee-profile-dialog .employee-credential-form { gap:12px; }
  .employee-profile-dialog .employee-credential-form input { box-sizing:border-box; min-width:0; width:100%; min-height:42px; font-size:16px; }
  .employee-profile-dialog .employee-credential-form .company-primary { width:100%; min-height:42px; font-size:13px; white-space:normal; }
  .employee-profile-dialog .employee-demo-dialog-top .company-secondary { flex:none; min-height:36px; padding:7px 10px; font-size:12px; white-space:nowrap; }
}
@media(max-width:359px) { .employee-settings-page .sera-experience-styles { grid-template-columns:minmax(0,1fr); } }

/* Participant support: shared desktop and compact mobile help cards. */
.employee-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.employee-support-page .company-work-card{min-width:0;margin:0 0 16px;border:1px solid #e7ddeb;border-radius:16px;background:#fff;box-shadow:0 4px 16px #35144808}
.employee-support-email{box-sizing:border-box;width:100%;min-width:0;margin:14px 0 10px;padding:11px 12px;border:1px solid #ddcfe5;border-radius:10px;background:#faf7fc;color:#3a174f;font:inherit;font-size:15px}
.employee-support-actions{display:flex;flex-wrap:wrap;gap:9px}
.employee-support-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.employee-support-actions a:focus-visible,.employee-support-faq summary:focus-visible{outline:3px solid #9465b0;outline-offset:3px}
.employee-support-page .company-feedback{min-height:0;margin:9px 0;font-size:13px}
.employee-support-page .company-feedback:empty{display:none}
.employee-support-note{margin:12px 0 0;color:#6d6176;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.employee-support-checklist{padding-left:20px;margin:14px 0;line-height:1.65;font-size:14px;color:#5d5068}
.employee-support-checklist li+li{margin-top:6px}
.employee-support-privacy{padding:11px 12px;border-radius:10px;background:#f5eef9;color:#54256b;font-size:12px;line-height:1.5}
.employee-support-faq{border-top:1px solid #eee5f2}
.employee-support-faq:first-of-type{margin-top:14px}
.employee-support-faq summary{position:relative;padding:15px 26px 15px 0;cursor:pointer;font-weight:700;font-size:14px;line-height:1.45;list-style:none;color:#3d1c52}
.employee-support-faq summary::-webkit-details-marker{display:none}
.employee-support-faq summary::after{content:'+';position:absolute;right:3px;top:14px;font-size:20px;line-height:1}
.employee-support-faq[open] summary::after{content:'−'}
.employee-support-faq p{margin:0;padding:0 0 15px;color:#665a70;font-size:13px;line-height:1.6}
@media(max-width:760px){
 body.employee-workspace-active .company-content.employee-support-page{box-sizing:border-box;width:100%;min-width:0;padding:84px 12px 28px}
 .employee-support-page .company-page-head{gap:5px;margin-bottom:14px}
 .employee-support-page .company-page-head h1{font-size:24px;line-height:1.2}
 .employee-support-page .company-page-head p{font-size:12px;line-height:1.45}
 .employee-support-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .employee-support-page .company-work-card{box-sizing:border-box;width:100%;min-height:0;margin:0 0 12px;padding:16px}
 .employee-support-page .company-work-card h2{font-size:18px;line-height:1.3}
 .employee-support-page .company-work-card>p{font-size:12px;line-height:1.5}
 .employee-support-email{font-size:16px;min-height:42px;padding:9px 10px}
 .employee-support-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .employee-support-actions .company-primary,.employee-support-actions .company-secondary{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:10px 12px;margin:0;border-radius:10px;font-size:13px;line-height:1.3}
 .employee-support-checklist{font-size:12px;line-height:1.55}
 .employee-support-faq summary{font-size:13px;padding-top:13px;padding-bottom:13px}
 .employee-support-faq p{font-size:12px}
}
/* Keep the close action legible over both day and night scenes. */
.sera-moment-games.sera-ready-active .sera-games-header button{background:#fbf3fff2;color:#3c1857;border:1px solid #edd8ff;box-shadow:0 2px 10px #24103530;font-weight:700;cursor:pointer}
.sera-moment-games.sera-ready-active .sera-games-header button:is(:hover,:focus-visible){background:#fff;color:#2b0c43;border-color:#fff;box-shadow:0 0 0 2px #bd8cdb80}

/* Atendimentos: shared request cards for participant, manager and company. */
.sera-appointments{min-width:0}.sera-appointments .company-page-head{gap:12px;align-items:center;flex-wrap:wrap}.sera-appointments .company-page-head>div{flex:1;min-width:220px}
.sera-appointments .company-page-head>button{box-sizing:border-box;margin:0!important;min-height:42px;height:42px;padding:10px 16px;font-size:13px;line-height:20px;white-space:nowrap}.sera-appointments .company-page-head>button:hover,.sera-appointment-dialog .company-secondary:hover{background:#ede1f4;border-color:#9164aa;box-shadow:0 3px 10px #54226a1c}.sera-appointments .company-page-head>.company-primary:hover{background:#60247a;color:#fff}.sera-appointments button:focus-visible,.sera-appointment-dialog button:focus-visible{outline:3px solid #0878df;outline-offset:3px}.sera-appointments button,.sera-appointment-dialog button{cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.sera-appointments-participant .company-page-head{margin-bottom:18px}.sera-appointments-participant .company-page-head>div{min-width:0}.sera-appointments-participant .company-page-head p{margin:0;font-size:13px;line-height:1.5;color:#786783}.sera-appointments-header-title .company-page-head h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:0;padding:0}.sera-appointment-empty-inline{margin:10px 0 0;padding:0;border:0;background:none}.sera-appointment-empty-inline h2{margin:0 0 5px;font-size:15px;line-height:1.4;color:#5c456a}.sera-appointment-empty-inline p{margin:0;font-size:12px;line-height:1.5;color:#897891}.sera-appointment-tabs button:hover{background:#f0e6f6;color:#51206c}.employee-appointments-header .employee-header-actions>.sera-moment-top-title{position:static!important;display:flex!important;align-items:center;margin:0 24px 0 0;color:#351342;white-space:nowrap}.employee-appointments-header .sera-moment-top-title strong{font-size:26px;line-height:1.2;font-weight:800}.sera-appointment-dialog .company-secondary{margin:0;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.sera-appointment-dialog .sera-appointment-choices{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px}.sera-appointment-dialog .sera-appointment-choice{box-sizing:border-box;min-width:0;min-height:230px;grid-template-rows:36px auto 1fr;align-content:start;align-items:start;gap:12px;padding:20px;border:1px solid transparent;border-radius:15px;background:linear-gradient(#fdfbff,#fdfbff) padding-box,linear-gradient(135deg,#0878df,#ffac00,#72b800,#590b80) border-box;box-shadow:0 4px 12px #3d1b5310}.sera-appointment-dialog .sera-appointment-choice[data-payment-route=self]{grid-template-rows:36px auto auto 1fr}.sera-appointment-choice:hover{transform:translateY(-2px);box-shadow:0 8px 22px #54226a26!important}.sera-appointment-choice-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#0878df;background:#eaf3ff}.sera-appointment-choice-icon svg{width:23px;height:23px}.sera-appointment-choice[data-payment-route=self] .sera-appointment-choice-icon{color:#68148a;background:#f1e7f8}.sera-appointment-choice .sera-appointment-price{font-size:25px;font-weight:800;line-height:1.1;color:#54226a}.sera-appointment-dialog .sera-appointment-choice strong{font-size:15px;line-height:1.4}.sera-appointment-dialog .sera-appointment-choice small{font-size:12px;line-height:1.5;color:#776381}@media(min-width:761px){.sera-appointment-dialog{width:min(660px,calc(100vw - 32px))}}@media(max-width:760px){.employee-appointments-header>.sera-moment-top-title{display:flex!important;position:absolute;top:14px;left:66px;height:38px;max-width:calc(100vw - 216px);align-items:center;color:#351342;white-space:nowrap}.employee-appointments-header .sera-moment-top-title strong{font-size:clamp(13px,3.8vw,16px)}.employee-appointments-header .company-header-person{display:none!important}.sera-appointment-dialog .sera-appointment-choices{gap:10px}.sera-appointment-dialog .sera-appointment-choice{padding:14px;min-height:235px}.sera-appointment-dialog .sera-appointment-choice strong{font-size:13px}.sera-appointment-dialog .sera-appointment-choice small{font-size:11px}.sera-appointment-choice .sera-appointment-price{font-size:22px}}
.sera-appointment-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e6dceb;padding-bottom:12px;margin-bottom:18px}.sera-appointment-tabs button{border:0;border-radius:9px;padding:9px 12px;background:transparent;color:#74617e;cursor:pointer;font:600 13px Arial}.sera-appointment-tabs button.active{background:#efe4f5;color:#51206c}
@media(max-width:760px){.employee-workspace-active .company-topbar.employee-appointments-header>.sera-moment-top-title{display:flex!important}.employee-appointments-header .sera-moment-top-title strong{font-size:clamp(12px,3.5vw,15px)}.sera-appointment-dialog .sera-appointment-choice .sera-appointment-price{white-space:nowrap;font-size:clamp(17px,5vw,22px)}}
@media(min-width:761px){.employee-workspace-active .company-topbar.employee-appointments-header>.sera-moment-top-title{display:flex!important;position:absolute;top:16px;left:clamp(18px,2.4vw,32px);height:42px;align-items:center;color:#351342;white-space:nowrap}}@media(min-width:761px) and (max-width:900px){.employee-workspace-active .company-topbar.employee-appointments-header>.sera-moment-top-title{left:66px}.employee-appointments-header .sera-moment-top-title strong{font-size:20px}}
.employee-appointments-header .sera-moment-top-title{transform:translateY(4px)}
.employee-workspace-active .company-main.employee-appointments-scene{isolation:isolate;background:transparent;min-height:100vh;min-height:100dvh}.employee-appointments-scene::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#faf7fc88,#faf7fc88),url("/appointments-consulting-room-v3.webp");background-repeat:no-repeat;background-position:center,right bottom;background-size:cover,cover}.employee-appointments-scene .company-content{background:transparent}.employee-appointments-scene .sera-appointment-toolbar{border-bottom-color:#bba6c680}.employee-appointments-scene .sera-appointment-empty-inline p{color:#6b5874}@media(max-width:760px){.employee-appointments-scene::before{background-color:#f4e1d7;background-position:center,right bottom;background-size:cover,auto 56%}}
.sera-appointment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid #e6dceb;padding-bottom:12px;margin-bottom:18px}.sera-appointment-toolbar>.sera-appointment-tabs{margin:0;padding:0;border:0;flex:none}.sera-appointment-toolbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.sera-appointment-toolbar-actions>button{box-sizing:border-box;height:42px;min-height:42px;margin:0!important;padding:10px 16px;font-size:13px;line-height:20px;white-space:nowrap}.sera-appointment-toolbar-actions>.company-secondary:hover{background:#ede1f4;border-color:#9164aa}.sera-appointment-toolbar-actions>.company-primary:hover{background:#60247a}.sera-appointments-participant.sera-appointments-header-title .company-page-head{margin-bottom:0}.sera-appointment-card.has-history-remove{position:relative}.has-history-remove>.sera-appointment-badge,.has-history-remove>h2{margin-right:42px}.sera-history-remove{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #e6d8ed;border-radius:9px;background:#fff;color:#764889}.sera-history-remove:hover{background:#f3e7f7;border-color:#a77abb}.sera-history-remove:focus-visible{outline:3px solid #0878df;outline-offset:3px}@media(max-width:760px){.sera-appointment-toolbar-actions{width:100%;justify-content:flex-end}.sera-appointment-toolbar-actions>button{padding:9px 12px;font-size:12px}.sera-history-remove{width:40px;height:40px;top:12px;right:12px}}
.employee-appointments-header .employee-appointments-subtitle{position:absolute;left:0;top:calc(50% + 18px);display:block;width:max-content;max-width:calc(100vw - 100px);font-size:13px;line-height:1.45;font-weight:400;color:#786783;white-space:normal}.sera-appointments-participant.sera-appointments-header-title .company-page-head{justify-content:flex-start}.sera-appointments-participant.sera-appointments-header-title .company-page-head>div{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:0;padding:0}.sera-appointments-participant.sera-appointments-header-title .company-page-head>button{flex:none}@media(max-width:760px){.employee-appointments-header .employee-appointments-subtitle{top:calc(50% + 12px);font-size:11px;max-width:calc(100vw - 86px)}.sera-appointments-participant.sera-appointments-header-title .company-page-head>button{flex:none}}
.sera-appointment-card{border:1px solid #e7ddeb;border-radius:16px;margin-bottom:14px!important;background:#fff;min-height:0!important}.sera-appointment-card h2{margin:0 0 10px}.sera-appointment-badge{display:inline-block;border-radius:20px;padding:6px 10px;margin-bottom:12px;background:#f1e8f7;color:#63327e;font-size:12px;font-weight:700}
.sera-appointment-cancel{color:#8b3d63!important;border-color:#e6cddc!important}.sera-appointment-cancel:hover{background:#fbf0f5!important;border-color:#bc789c!important}.sera-appointment-dialog .sera-appointment-choice:disabled{cursor:not-allowed;opacity:.62;transform:none;box-shadow:none!important}.sera-appointment-dialog .sera-appointment-choices button:disabled:hover{background:linear-gradient(#fdfbff,#fdfbff) padding-box,linear-gradient(135deg,#0878df,#ffac00,#72b800,#590b80) border-box}
.sera-appointment-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.sera-appointment-meta small{display:block;color:#806a8d;font-size:11px;margin-bottom:5px}.sera-appointment-meta strong{font-size:13px;overflow-wrap:anywhere}.sera-appointment-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.sera-appointment-history{margin-top:18px;border-top:1px solid #eee5f3;padding-top:12px;font-size:12px;color:#75647e}.sera-appointment-history summary{cursor:pointer;font-weight:700}.sera-appointment-history p{font-size:12px!important;margin:9px 0 0!important;line-height:1.5}
.sera-appointment-empty{padding:25px!important;border:1px solid #e7ddeb;border-radius:16px}.sera-appointments .company-feedback:empty{display:none}.sera-appointments .company-feedback{min-height:0;overflow-wrap:anywhere}
.sera-appointment-dialog{box-sizing:border-box;width:min(550px,calc(100vw - 24px));max-height:calc(100vh - 30px);padding:20px;border:1px solid #d8c4e3;border-radius:17px;color:#351448;background:#fff;overflow:auto}.sera-appointment-dialog::backdrop{background:#24103570}.sera-appointment-dialog .company-settings-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sera-appointment-dialog h2{font-size:21px}.sera-appointment-dialog p{font-size:13px;line-height:1.5;color:#75647e}.sera-appointment-choices{display:grid;gap:12px;margin:18px 0}.sera-appointment-choice{display:grid;gap:8px;min-height:90px;text-align:left;border:1px solid #d7c3e0;border-radius:12px;background:#faf6fc;color:#4d2263;padding:16px;cursor:pointer}.sera-appointment-choice:hover{border-color:#9666b2;background:#f3eaf8}.sera-appointment-choice strong{font-size:15px}.sera-appointment-choice small{font-size:12px;line-height:1.5}.sera-appointment-choice:disabled{opacity:.6;cursor:wait}
.company-notification-bell{position:relative}.sera-appointment-counter{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;display:grid;place-items:center;background:#6b188b;color:#fff;border-radius:50%;font:700 10px Arial;padding:0 3px}.sera-appointment-counter[hidden],.sera-appointment-nav-count[hidden]{display:none}.sera-appointment-nav-count{margin-left:auto;padding:2px 6px;border-radius:10px;background:#ecdaf5;color:#51206c;font:700 11px Arial;flex:none}
.sera-appointment-notices{margin-top:12px}.sera-appointment-notices h3{font-size:14px;color:#4c235f;margin:0 0 8px}.sera-appointment-notices p{font-size:12px;line-height:1.5}.sera-appointment-notice{display:grid;width:100%;gap:5px;padding:11px 9px;border:0;border-bottom:1px solid #eee5f3;background:#fff;text-align:left;color:#4c235f;cursor:pointer}.sera-appointment-notice:hover{background:#f7f0fb}.sera-appointment-notice strong{font-size:12px}.sera-appointment-notice small{font-size:11px;color:#7c6887}.employee-notification-popover{max-height:calc(100vh - 90px);overflow:auto}
@media(max-width:760px){
 .company-content.sera-appointments-page{box-sizing:border-box;width:100%;min-width:0;padding:84px 12px 28px!important}.sera-appointments .company-page-head{gap:9px;margin-bottom:14px}.sera-appointments .company-page-head h1{font-size:24px;line-height:1.2}.sera-appointments .company-page-head p{font-size:12px;line-height:1.5}.sera-appointments .company-page-head>div{flex-basis:100%;min-width:0}.sera-appointments .company-page-head>button{min-height:42px;flex:1;font-size:12px;padding:9px 12px;white-space:nowrap}.sera-appointment-tabs{gap:4px;margin-bottom:12px}.sera-appointment-tabs button{padding:9px;font-size:12px;min-height:40px}.sera-appointment-card{box-sizing:border-box;padding:16px!important}.sera-appointment-card h2,.sera-appointment-empty h2{font-size:18px}.sera-appointment-card>p,.sera-appointment-empty p{font-size:12px;line-height:1.5}.sera-appointment-badge{font-size:11px}.sera-appointment-actions button{min-height:42px;flex:1;min-width:0;padding:9px 10px;font-size:12px;white-space:normal}.sera-appointment-meta{gap:12px}.sera-appointment-dialog{padding:16px}.sera-appointment-dialog h2{font-size:18px}.sera-appointment-dialog .company-secondary{min-height:38px;font-size:12px}
}

.employee-appointments-scene .sera-appointment-toolbar{position:relative}
.employee-appointments-scene .sera-appointment-toolbar::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-32px;right:-32px;bottom:0;height:400px;background:#ffffff26}
.employee-appointments-scene .sera-appointment-toolbar>.sera-appointment-tabs{align-items:center}
.employee-appointments-scene .sera-appointment-tabs>button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:42px;min-height:42px;margin:0;line-height:20px}
@media(max-width:760px){.employee-appointments-scene .sera-appointment-toolbar::before{left:-12px;right:-12px}}
/* Keep the approved title; restore breathing room above the aligned toolbar. */
.employee-appointments-scene .sera-appointment-toolbar{margin-top:24px;padding-bottom:18px}
.employee-appointments-scene .sera-appointment-toolbar::before{background:#ffffff66}

.employee-appointments-scene .sera-appointment-toolbar>.sera-appointment-tabs{transform:translateY(3px)}

.employee-appointments-scene .sera-appointment-tabs>button{border:1px solid #8c639e80;background:transparent}.employee-appointments-scene .sera-appointment-tabs>button.active{border-color:#74458f;background:#f4eaf733;color:#51206c}.employee-appointments-scene .sera-appointment-tabs>button:hover{border-color:#74458f;background:#f4eaf766}


.sera-appointments>.company-feedback:empty{display:none}.sera-appointment-skeleton{height:56px;border-radius:8px;background:linear-gradient(90deg,#ffffff12,#ffffff40,#ffffff12);max-width:440px}

/* Mobile appointments: one compact block with consistent left alignment. */
@media(max-width:760px){
 .employee-appointments-scene .sera-appointment-toolbar{margin-top:12px;gap:12px;padding-bottom:14px;margin-bottom:16px;align-items:stretch}
 .employee-appointments-scene .sera-appointment-toolbar>.sera-appointment-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;transform:none}
 .employee-appointments-scene .sera-appointment-tabs>button{width:100%;height:38px;min-height:38px;padding:8px 5px;font-size:12px}
 .employee-appointments-scene .sera-appointment-toolbar-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:8px;margin-left:0}
 .employee-appointments-scene .sera-appointment-toolbar-actions>button{width:100%;height:40px;min-height:40px;padding:8px 10px;font-size:12px}
 .employee-appointments-scene .sera-appointment-empty-inline{margin-top:0}
 .employee-appointments-scene .sera-appointment-empty-inline h2{font-size:14px}
 .employee-appointments-scene .sera-appointment-empty-inline p{font-size:12px}
}
/* Compatible mobile ordering and sizing without grid minmax or flex gap. */
@media(max-width:760px){
 .employee-appointments-scene .sera-appointment-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .employee-appointments-scene .sera-appointment-toolbar-actions{order:0;display:flex;gap:0;width:100%;margin:0 0 12px}
 .employee-appointments-scene .sera-appointment-toolbar-actions>button:first-child{flex:1;width:auto;min-width:0;margin-right:8px!important}
 .employee-appointments-scene .sera-appointment-toolbar-actions>button:last-child{flex:1.65;width:auto;min-width:0}
 .employee-appointments-scene .sera-appointment-toolbar>.sera-appointment-tabs{order:1;display:flex;gap:0;width:100%;transform:none}
 .employee-appointments-scene .sera-appointment-tabs>button{flex:1;width:auto;min-width:0;margin:0 6px 0 0}
 .employee-appointments-scene .sera-appointment-tabs>button:last-child{margin-right:0}
}
@media(max-width:760px){
 .employee-workspace-active .company-topbar.employee-appointments-header>.sera-moment-top-title{top:8px;transform:none}
 .employee-appointments-header .sera-moment-top-title strong{font-size:clamp(14px,4.1vw,17px)}
 .employee-appointments-header .employee-appointments-subtitle{top:calc(50% + 15px);font-size:12px;line-height:1.35;max-width:calc(100vw - 86px)}
 .employee-appointments-scene .company-content.sera-appointments-page{padding-top:96px!important}
}

@media(max-width:760px){.employee-appointments-scene::before{background-image:linear-gradient(#faf7fc88,#faf7fc88),url("/appointments-consulting-mobile-v2.webp");background-position:center,center bottom;background-size:cover,cover}}
@media(max-width:360px){
 .employee-workspace-active .company-topbar.employee-appointments-header>.sera-moment-top-title{top:58px;left:12px;max-width:calc(100vw - 24px);height:26px}
 .employee-appointments-header .sera-moment-top-title strong{font-size:17px;overflow:visible;text-overflow:clip}
 .employee-appointments-header .employee-appointments-subtitle{top:30px;max-width:calc(100vw - 24px);font-size:12px}
 .employee-appointments-scene .company-content.sera-appointments-page{padding-top:128px!important}
}
@media(max-width:760px){
 .employee-appointments-header .employee-appointments-subtitle{top:44px;left:-54px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);font-size:12px;line-height:1.35}
 .employee-appointments-scene .company-content.sera-appointments-page{padding-top:82px!important}
 .employee-appointments-scene .sera-appointment-toolbar{margin-top:0}
}
@media(max-width:360px){
 .employee-appointments-header .employee-appointments-subtitle{top:30px;left:0}
 .employee-appointments-scene .company-content.sera-appointments-page{padding-top:122px!important}
}
@media(max-width:760px){
 .employee-appointments-header .employee-appointments-subtitle{display:none!important}
 .employee-workspace-active .company-topbar.employee-appointments-header>.sera-moment-top-title{top:14px;left:66px;height:38px;max-width:calc(100vw - 190px);transform:none}
 .employee-appointments-header .sera-moment-top-title strong{font-size:clamp(15px,4.4vw,18px)}
 .employee-appointments-scene .company-content.sera-appointments-page{padding-top:72px!important}
}
@media(max-width:374px){
 .employee-workspace-active .company-topbar.employee-appointments-header>.sera-moment-top-title{max-width:calc(100vw - 210px);white-space:normal}
 .employee-appointments-header .sera-moment-top-title strong{font-size:15px;line-height:1.1;white-space:normal;overflow:visible;text-overflow:clip}
}
@media(max-width:760px){
 .employee-workspace-active .company-topbar.employee-appointments-header>.sera-moment-top-title{left:62px;max-width:calc(100vw - 196px)}
}
.employee-appointments-scene .sera-appointment-toolbar-actions>.company-primary{background:linear-gradient(135deg,#62307b,#4d2168);border:1px solid #a67abc;box-shadow:0 0 0 1px #c49bd038,0 0 13px #9145b63d,0 4px 10px #45205b24}
.employee-appointments-scene .sera-appointment-toolbar-actions>.company-primary:hover{background:linear-gradient(135deg,#71398d,#5e297b);box-shadow:0 0 0 2px #c49bd052,0 0 18px #9145b65c,0 4px 10px #45205b24}
.sera-benefits{padding:22px;background:#ffffffed;border:1px solid #e6dceb;border-radius:18px;color:#382148;margin:16px 0}.sera-benefits h2{font-size:21px;margin:0 0 8px;color:#51206c}.sera-benefits p{font-size:13px;line-height:1.6}.sera-benefits small{display:block;font-size:12px;line-height:1.5;color:#75647e}.sera-benefit-plan-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.sera-benefit-plan-tabs [aria-pressed=true]{background:#51206c;color:white}.sera-benefit-scope{border:1px solid #e7dbed;border-radius:12px;padding:15px;margin:20px 0}.sera-benefit-scope legend{font-size:13px;font-weight:700;padding:0 6px}.sera-benefit-scope select{padding:10px 12px;border:1px solid #d8c5e3;border-radius:9px;background:white;color:#51206c;width:min(100%,320px)}.sera-benefit-team-choices{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.sera-benefit-team-choices[hidden]{display:none}.sera-benefit-team-choices label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e3d5ea;border-radius:10px;cursor:pointer}.sera-benefit-team-choices input{accent-color:#68148a}.sera-benefit-team-choices small{font-size:11px}.sera-benefit-packages{display:flex;gap:12px}.sera-benefit-package{flex:1;min-width:0;border:1px solid #ccb7d7;border-radius:14px;background:#faf7fc;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;cursor:pointer;color:#51206c}.sera-benefit-package strong{font-size:35px;line-height:1}.sera-benefit-package span{font-size:13px;font-weight:600}.sera-benefit-package[aria-pressed=true]{border:2px solid #68148a;background:#f0e5f6;box-shadow:0 0 0 2px #0878df15}.sera-benefit-package:hover{border-color:#0878df}.sera-benefit-package:focus-visible{outline:3px solid #0878df;outline-offset:3px}.sera-benefit-terms{color:#75647e;max-width:750px}.sera-benefit-team-summary{border-top:1px solid #e6dceb;margin-top:22px;padding-top:16px}.sera-benefit-team-summary h3{font-size:16px}.sera-benefit-team-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;padding:12px 0;border-bottom:1px solid #f0e8f4}.sera-benefit-stats{display:flex;gap:10px;margin:18px 0}.sera-benefit-stats>div{flex:1;min-width:0;background:#f6f0fa;border:1px solid #e3d4ed;border-radius:12px;padding:13px 10px;display:flex;flex-direction:column;gap:5px}.sera-benefit-stats strong{font-size:25px;color:#51206c}.sera-benefit-stats span{font-size:12px}.sera-benefit-payment-note{background:#fff6dd;border-radius:9px;padding:12px;color:#694d15}.sera-benefit-dialog>small{display:block;margin-top:12px;font-size:12px;color:#75647e}.sera-benefit-details{margin-top:18px;color:#51206c;font-size:13px}.sera-benefit-details>summary{cursor:pointer;font-weight:600;padding:9px 0}.sera-benefit-details .sera-benefits{margin-top:10px}
@media(max-width:760px){.sera-benefits{padding:15px;border-radius:14px}.sera-benefits h2{font-size:18px}.sera-benefit-packages{gap:7px}.sera-benefit-package{padding:15px 6px}.sera-benefit-package strong{font-size:28px}.sera-benefit-package span{font-size:11px}.sera-benefit-package small{font-size:10px}.sera-benefit-team-choices{display:block}.sera-benefit-team-choices label{margin-top:8px;flex-wrap:wrap}.sera-benefit-stats{gap:6px}.sera-benefit-stats>div{padding:10px 7px}.sera-benefit-stats span{font-size:11px}.sera-benefit-plan-tabs>button{flex:1;font-size:12px;min-width:0;padding:9px!important}}

/* Compact plan heading and explicit benefit recipients. */
@media(min-width:761px){.company-plan-intro{padding-top:18px;padding-bottom:18px}}
.sera-benefit-recipients{margin:20px 0 16px;padding:16px;border:1px solid #d9c7e6;border-left:4px solid #0878df;border-radius:12px;background:#faf7fc}
.sera-benefit-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;color:#75647e;margin-bottom:8px}
.sera-benefit-recipient-names{display:flex;flex-direction:column;gap:6px}
.sera-benefit-recipient-names strong{font-size:20px;color:#382148;overflow-wrap:anywhere;line-height:1.3}
.sera-benefit-quote-total{padding:18px;border-radius:12px;background:#f3eaf8;color:#51206c}
.sera-benefit-quote-total>strong{display:block;font-size:24px;line-height:1.25}
.sera-benefit-quote-total p{margin:8px 0;font-size:15px;line-height:1.5}
.sera-benefit-quote-total>span{font-size:13px;font-weight:600}
.sera-benefit-quote-terms{font-size:13px;line-height:1.5;margin:16px 0}
@media(max-width:640px){.sera-benefit-recipient-names strong{font-size:18px}.sera-benefit-quote-total>strong{font-size:22px}.sera-benefit-recipients,.sera-benefit-quote-total{padding:14px}}

.company-notification-dialog,.employee-notification-popover{border-radius:18px!important;overflow:hidden!important;max-height:calc(100dvh - 100px)}
.sera-appointment-notices{min-height:70px}.sera-appointment-notices h3{font-size:13px;letter-spacing:.04em;margin:12px 0;color:#80658f}
.sera-notice-scroll{max-height:min(420px,55dvh);overflow:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-width:thin;scrollbar-color:#bca9c7 transparent}
.sera-notice-row{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid #eee6f3;padding:12px 0}.sera-notice-row:last-child{border-bottom:0}.sera-notice-row .sera-appointment-notice{flex:1;min-width:0;margin:0;border:0;background:transparent;text-align:left;padding:2px 0;color:#51206c}.sera-notice-row .sera-appointment-notice:hover{background:#f6f0fa}.sera-notice-row strong{font-size:13px;line-height:1.4}.sera-notice-row small{font-size:11px;color:#95839f}
.sera-notice-dismiss{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#98869f;cursor:pointer}.sera-notice-dismiss svg{width:16px;height:16px}.sera-notice-dismiss:hover,.sera-notice-dismiss:focus-visible{background:#fff1f1;border-color:#edc8ce;color:#a62c48;outline:none}.sera-notice-dismiss:disabled{opacity:.45}

.company-notification-dialog,.employee-notification-popover{box-sizing:border-box!important;width:min(310px,calc(100vw - 24px))!important;padding:12px!important;border:1px solid #e5dce9;box-shadow:0 18px 44px #2513332b,0 2px 6px #25133312;background:#fff}
.company-notification-dialog .company-settings-dialog-head{margin:0 0 6px;gap:8px}.company-notification-dialog .company-settings-dialog-head h2,.employee-notification-popover>strong{font-size:14px;margin:0}.company-notification-dialog .company-settings-dialog-head button{font-size:11px;padding:5px 8px;min-height:28px}
.sera-appointment-notices{margin-top:6px}.sera-appointment-notices h3{font-size:11px;margin:6px 0;padding-bottom:6px;border-bottom:1px solid #eee7f0}.sera-notice-scroll{max-height:min(360px,55dvh);padding-right:5px}.sera-notice-row{align-items:center;gap:8px;padding:9px 0}.sera-notice-row:before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:#9850b2;align-self:flex-start;margin-top:7px}.sera-notice-row .sera-appointment-notice{gap:3px}.sera-notice-dismiss{align-self:center}

.company-notification-dialog,.employee-notification-popover{padding:10px 12px!important}
.company-notification-dialog .company-settings-dialog-head{position:relative;display:block;min-height:28px;margin:0 0 6px}
.company-notification-dialog .company-settings-dialog-head h2,.employee-notification-popover>strong{display:block;text-align:center;font-size:15px;line-height:28px;color:#51206c}
.company-notification-dialog .company-settings-dialog-head button{position:absolute;right:0;top:0;padding:4px;font-size:0;width:25px;overflow:hidden}
.company-notification-dialog .company-settings-dialog-head button:after{content:'×';font-size:18px}.company-notification-dialog .company-settings-dialog-head button:focus-visible{outline:2px solid #0878df}
.sera-appointment-notices{margin-top:0}.sera-appointment-notices h3{display:none}.sera-notice-row{gap:6px;padding:8px 0}.sera-notice-row:before{align-self:center;margin:0}.sera-notice-dismiss{width:24px}.sera-notice-row .sera-appointment-notice strong{font-size:12px}

/* Shared commercial-style identity above the divider. */
.company-workspace-active .company-brand .company-panel-caption{display:block;width:100%;margin:12px 0 0;font:800 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.14em;text-align:center;color:#bca6ca}
.company-workspace-active .company-sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:12px 8px;border-top:1px solid #ffffff25}
.company-workspace-active .company-sidebar-title strong{display:block;font:800 15px/1.2 Inter,Arial,sans-serif;letter-spacing:-.035em}
.company-workspace-active .company-sidebar-collapse{display:grid;place-items:center;flex:none;position:static;width:30px;height:30px;margin:0;padding:0;border:1px solid #ffffff33;border-radius:9px;background:#ffffff08;color:#fff;font-size:0;line-height:0;cursor:pointer}
.company-sidebar-collapse:before{content:'';display:block;width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:3px}
.company-sidebar-collapsed .company-sidebar-collapse:before{transform:rotate(225deg);margin-left:-3px}
.company-sidebar-collapse:hover{background:#ffffff16}.company-sidebar-collapse:focus-visible{outline:2px solid #bca6ca;outline-offset:3px}
@media(min-width:901px){.company-workspace-active .company-sidebar-collapsed .company-brand .company-panel-caption{display:none}.company-workspace-active .company-sidebar-collapsed .company-sidebar-title{justify-content:center;min-height:48px}}
@media(max-width:900px){.company-workspace-active .company-brand{flex-direction:column;align-items:center}.company-workspace-active .company-brand .company-panel-caption{font-size:9px;letter-spacing:.08em;margin-top:8px}.company-workspace-active .company-sidebar-title{min-height:44px;padding-top:9px;padding-bottom:9px}body.employee-workspace-active .company-shell .company-sidebar .company-brand{flex-direction:column;min-height:0;margin-bottom:4px}body.employee-workspace-active .company-shell .company-sidebar .company-brand .company-panel-caption{margin-top:8px}}

.company-workspace-active .company-brand{padding-bottom:3px;margin-bottom:0}
.company-workspace-active .company-sidebar-title{margin-top:-6px}

/* Mobile drawers share the participant logo size and use only the close X. */
@media(max-width:900px){
.company-workspace-active .company-shell .company-sidebar .company-sidebar-collapse{display:none!important}
.company-workspace-active .company-shell .company-sidebar .company-menu-close{position:absolute;top:24px;right:10px;width:34px;height:34px;border-radius:10px;font-size:20px}
.company-workspace-active .company-shell .company-sidebar .company-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;width:100%;padding:0;margin:0 0 4px}
.company-workspace-active .company-shell .company-sidebar .company-brand img{box-sizing:border-box;width:132px;max-width:calc(100% - 48px);height:auto;padding:6px;border-radius:14px;margin:0}
}

@media(max-width:900px){.company-workspace-active .company-shell .company-sidebar{box-sizing:border-box;width:252px;max-width:calc(100vw - 72px)}}

@media(max-width:900px){.company-workspace-active .company-shell .company-sidebar{padding:12px}.company-workspace-active .company-shell .company-sidebar .company-navigation{gap:4px}.company-workspace-active .company-shell .company-sidebar .company-navigation button{min-height:38px;padding:8px;gap:10px;font-size:13px}.company-workspace-active .company-shell .company-sidebar .company-sidebar-title{padding:9px 6px;min-height:44px}}

@media(max-width:900px){.company-workspace-active .company-shell .company-sidebar .company-navigation{display:grid;flex:0 0 auto;justify-content:initial;align-content:start;min-height:0;margin-bottom:40px}.company-workspace-active .company-shell .company-sidebar .company-sidebar-foot{margin-top:auto}}

@media(max-width:900px){.company-workspace-active .company-shell .company-sidebar .company-navigation button{min-height:42px;padding:9px 8px;font-size:14px}}

.company-workspace-active .company-sidebar-collapse:before{content:none}
.company-workspace-active .company-sidebar-collapse svg{display:block;width:18px;height:18px;margin:0;flex:none}
.company-workspace-active .company-sidebar-collapsed .company-sidebar-collapse svg{transform:rotate(180deg)}

/* Compact personal benefits share the approved translucent scene. */
.sera-benefits.sera-benefits-compact{padding:12px 16px;border:1px solid #ffffff70;border-radius:12px;background:#ffffffbf;margin:8px 0;color:#51206c;box-shadow:none}
.sera-benefits-compact>h2,.sera-benefits-compact>.company-feedback:empty{display:none}
.sera-benefits-compact .sera-benefit-stats{display:flex;gap:0;margin:0 0 8px}
.sera-benefits-compact .sera-benefit-stats>div{display:flex;flex-direction:row;align-items:baseline;gap:7px;padding:3px 12px;border:0;border-right:1px solid #bfa6cb80;border-radius:0;background:transparent}
.sera-benefits-compact .sera-benefit-stats>div:first-child{padding-left:0}.sera-benefits-compact .sera-benefit-stats>div:last-child{border-right:0}.sera-benefits-compact .sera-benefit-stats strong{font-size:21px}.sera-benefits-compact p{font-size:12px;margin:6px 0}.sera-benefits-compact small{font-size:11px}
.sera-care-scope-tabs{display:flex;gap:10px;margin:0 0 18px;position:relative;z-index:1}.sera-care-scope-tabs button{border:1px solid #cbb3da;background:#ffffff88;min-height:40px;padding:9px 14px;cursor:pointer}.sera-care-scope-tabs button.active{background:#51206c;color:white;border-color:#51206c}
.company-main.sera-staff-personal-scene{position:relative;isolation:isolate;background:transparent;min-height:100dvh}
.sera-personal-care-confirmation{display:flex;flex-direction:column;gap:10px;padding:18px;background:#f5edf9;border:1px solid #e2d2ec;border-radius:12px;margin:18px 0}.sera-personal-care-confirmation small{font-size:11px;font-weight:700;letter-spacing:.06em;color:#80658f}.sera-personal-care-confirmation strong{font-size:20px;color:#382148}.sera-personal-care-invoice-note{padding:14px;border-radius:10px;background:#fff5dd;color:#694d15;font-size:14px;line-height:1.6}
.sera-care-invoice-summary{max-width:1200px;margin:22px auto 0;padding:18px 22px;border:1px solid #e5d8ee;border-radius:14px;background:#ffffffdc}.sera-care-invoice-summary h2{font-size:19px;margin:0 0 8px}.sera-care-invoice-summary p{font-size:13px;line-height:1.5;color:#75647e}.sera-care-invoice-summary>strong{display:block;font-size:25px;margin:12px 0;color:#51206c}.sera-care-invoice-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:10px 0;border-top:1px solid #ece2f2}
@media(max-width:760px){.sera-benefits.sera-benefits-compact{padding:10px 12px}.sera-benefits-compact .sera-benefit-stats>div{flex-direction:column;gap:2px;padding:2px 8px}.sera-benefits-compact .sera-benefit-stats span{font-size:11px}.sera-care-scope-tabs{gap:7px}.sera-care-scope-tabs button{flex:1;padding:8px;font-size:12px}.sera-staff-personal-scene .sera-appointment-toolbar{flex-direction:column;gap:10px;margin-top:12px}.sera-staff-personal-scene .sera-appointment-toolbar-actions{width:100%}.sera-staff-personal-scene .sera-appointment-tabs{width:100%}.sera-staff-personal-scene .sera-appointment-tabs>button{flex:1}.sera-care-invoice-summary{padding:15px}.sera-care-invoice-row{flex-wrap:wrap}}

.sera-personal-care-confirmation .sera-appointment-price{font-size:26px;font-weight:800;color:#51206c}
@media(max-width:760px){.sera-staff-personal-scene .sera-appointments-participant>.company-page-head>div>p{display:none}}

/* Personal care follows the participant header and toolbar exactly. */
.company-main.sera-staff-personal-scene .company-topbar>.company-overview-top-title{display:flex!important;position:absolute;top:16px;left:clamp(18px,2.4vw,32px);height:42px;align-items:center;color:#351342;white-space:nowrap;transform:translateY(4px)}
.company-main.sera-staff-personal-scene .company-topbar>.company-overview-top-title>small{display:none}
.company-main.sera-staff-personal-scene .company-topbar>.company-overview-top-title>strong{font-size:26px;line-height:1.2;font-weight:800}
.company-main.sera-staff-personal-scene .company-topbar>.company-overview-top-title .employee-appointments-subtitle{position:absolute;top:42px;left:0;font-size:13px;line-height:1.5;font-weight:400;letter-spacing:0;white-space:normal;color:#786783}
.sera-staff-personal-scene .sera-appointment-toolbar{margin-top:24px}
@media(min-width:761px) and (max-width:900px){.company-main.sera-staff-personal-scene .company-topbar>.company-overview-top-title{left:66px}.company-main.sera-staff-personal-scene .company-topbar>.company-overview-top-title>strong{font-size:20px}}
@media(max-width:760px){.company-main.sera-staff-personal-scene .company-topbar>.company-overview-top-title{top:14px;left:62px;height:38px;max-width:calc(100vw - 196px);transform:none;white-space:nowrap}.company-main.sera-staff-personal-scene .company-topbar>.company-overview-top-title>strong{font-size:clamp(15px,4.4vw,18px);white-space:nowrap;overflow:visible}.sera-staff-personal-scene .company-topbar .company-header-person{display:none!important}.company-main.sera-staff-personal-scene .company-topbar>.company-overview-top-title .employee-appointments-subtitle{display:none}.sera-staff-personal-scene .sera-appointment-toolbar{margin-top:0}}
@media(max-width:374px){.company-main.sera-staff-personal-scene .company-topbar>.company-overview-top-title{max-width:calc(100vw - 210px);white-space:normal}.company-main.sera-staff-personal-scene .company-topbar>.company-overview-top-title>strong{font-size:15px;line-height:1.1;white-space:normal;text-overflow:clip}}

.sera-appointments .company-work-card.sera-appointment-card{background:#ffffffbf;border-color:#ffffff70;box-shadow:none}

/* Requests form compact, aligned tiles instead of full-width strips. */
.sera-appointment-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;align-items:start}
.sera-appointment-list>.sera-appointment-empty-inline,.sera-appointment-list>.sera-appointment-empty,.sera-appointment-list>.sera-appointment-skeleton,.sera-appointment-list>button{grid-column:1/-1}
.sera-appointments .company-work-card.sera-appointment-card{box-sizing:border-box;width:100%;min-width:0;margin:0!important;padding:18px!important}
.sera-appointment-card h2{font-size:18px;line-height:1.3;overflow-wrap:anywhere}.sera-appointment-card .sera-appointment-meta{gap:10px;margin:12px 0}.sera-appointment-card .sera-appointment-meta strong{font-size:12px;line-height:1.4}.sera-appointment-card .sera-appointment-meta small{font-size:10px}.sera-appointment-card>p{font-size:12px;line-height:1.5}.sera-appointment-card .sera-appointment-badge{font-size:11px;margin-bottom:10px;padding:5px 9px}.sera-appointment-card .sera-appointment-actions{margin-top:12px;gap:8px}.sera-appointment-card .sera-appointment-actions button{min-height:38px;padding:8px 10px;font-size:12px}.sera-appointment-card .sera-appointment-history{margin-top:12px;padding-top:10px}
.sera-appointments>.sera-benefit-details{margin:0 0 16px}.sera-appointments>.sera-benefit-details>summary{padding:0 0 8px}.sera-appointments>.sera-benefit-details .sera-benefits{margin:0}
@media(max-width:600px){.sera-appointment-list{grid-template-columns:minmax(0,1fr);gap:12px}.sera-appointments .company-work-card.sera-appointment-card{padding:16px!important}}

.sera-appointment-meta>.sera-appointment-inline-cancel{align-self:center;justify-self:end;box-sizing:border-box;margin:0;min-height:32px;padding:6px 8px;font-size:11px;line-height:1.3;white-space:normal;max-width:100%;background:#ffffffa0}

.sera-appointments-participant .sera-appointment-card h2{font-size:16px;line-height:1.25;white-space:nowrap}
@media(max-width:340px){.sera-appointments-participant .sera-appointment-card h2{font-size:14px}}

.sera-appointments-participant .sera-appointment-card.has-history-remove h2{font-size:14px}

/* Small shared confirmation, with no wasted modal space. */
dialog.sera-appointment-dialog.sera-care-cancel-dialog{box-sizing:border-box;width:min(360px,calc(100vw - 32px));padding:18px;border-radius:14px}
.sera-care-cancel-dialog h2{margin:0 0 8px;font-size:17px;line-height:1.3}
.sera-care-cancel-dialog>p{margin:0 0 14px;font-size:12px;line-height:1.5}
.sera-care-cancel-dialog .sera-appointment-actions{display:flex;flex-wrap:nowrap;gap:8px;margin:0}
.sera-care-cancel-dialog .sera-appointment-actions button{box-sizing:border-box;min-height:36px;height:auto;padding:8px 11px;font-size:12px;line-height:1.3;margin:0}
.sera-care-cancel-dialog .sera-appointment-actions .company-primary{flex:1}
.sera-care-cancel-dialog>.company-feedback:empty{display:none}
.sera-care-cancel-dialog>.company-feedback{font-size:12px;margin:10px 0 0}