#employee-host{position:fixed;z-index:8;background:var(--bg);overflow:hidden;border-radius:0 0 17px 0}
#employee-host[hidden]{display:none}
#employee-frame{width:100%;height:100%;border:0;display:block;color-scheme:light}
.employee-page{height:100%;display:flex;flex-direction:column;overflow:hidden}
.main:has(.employee-page){overflow:hidden}
.employee-main-header{height:55px;min-height:55px;padding:11px 22px}
.employee-heading{display:flex;align-items:center;gap:16px}
.employee-heading h1{font-size:18px}
.employee-heading>span{border-left:1px solid var(--line);padding-left:16px;font-size:12px;color:var(--muted)}
.employee-header-actions{display:flex;gap:12px;align-items:center}
.employee-demo-label{font-size:10px;color:#929ba9;background:#eef1f5;border-radius:5px;padding:4px 7px}
.employee-header-actions .btn{font-size:12px}
.employee-starting{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);flex:1;font-size:13px}
.employee-starting p{margin:0}
.employee-starting[hidden]{display:none}
[data-theme=dark] .employee-demo-label{background:#30343e}
@media(max-width:1050px){.employee-main-header{padding:10px 15px}.employee-heading{gap:10px}.employee-heading>span{padding-left:10px;font-size:11px}.employee-demo-label{display:none}}
@media(max-width:700px){#employee-host{border-radius:0}.employee-main-header{height:49px;min-height:49px;padding:8px 12px}.employee-heading h1{font-size:15px}.employee-heading>span{font-size:10px;max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-header-actions .btn{font-size:0;padding:5px}.employee-header-actions .btn svg{width:16px;height:16px}}