.employee-preview-control{margin:8px 0 0;padding:8px 4px 0;border:0;border-top:1px solid rgba(255,255,255,.14);flex:0 0 auto}
.sidebar:has(>.employee-preview-control:not([hidden])){display:flex;flex-direction:column;overflow:hidden;height:100dvh}
.sidebar:has(>.employee-preview-control:not([hidden]))>nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.sidebar:has(>.employee-preview-control:not([hidden]))>*:not(nav){flex-shrink:0}
.employee-preview-control>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.employee-preview-picker{display:flex;align-items:center;gap:7px;min-width:0}
.employee-preview-avatar{flex:0 0 26px;width:26px;height:26px;border-radius:50%;object-fit:cover}
.employee-preview-control select{appearance:none;display:block;flex:1;min-width:0;width:100%;min-height:34px;padding:6px 18px 6px 0;color:#fff;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1px center/12px 12px;border:0;border-radius:5px;font:inherit;font-size:11px;font-weight:500;text-overflow:ellipsis;cursor:pointer;color-scheme:dark}
.employee-preview-control select option{color:#fff;background:#173b5d}
.employee-preview-control select:focus-visible{outline:2px solid #9dc7ed;outline-offset:2px}
@media(pointer:coarse){.employee-preview-control select{min-height:44px}}
.app-shell.sidebar-collapsed .employee-preview-control{display:block;padding:8px 0 0}
.app-shell.sidebar-collapsed .employee-preview-picker{position:relative;justify-content:center;height:44px}
.app-shell.sidebar-collapsed .employee-preview-control select{position:absolute;inset:0;width:100%;height:44px;opacity:0}
.app-shell.sidebar-collapsed .employee-preview-picker:focus-within{outline:2px solid #9dc7ed;outline-offset:2px;border-radius:6px}
.employee-preview-active .read-only-banner{justify-content:space-between;text-align:left;flex-wrap:wrap;color:var(--appearance-ink,var(--navy));background:var(--appearance-surface,var(--paper));border-bottom-color:var(--appearance-line,var(--line));box-shadow:none}
.employee-preview-active .read-only-banner b{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.employee-preview-active .read-only-banner span{flex:1 1 300px;color:var(--appearance-ink,var(--ink));line-height:1.5}
.employee-preview-active .read-only-banner button,.employee-preview-start button{min-height:44px;flex:0 0 auto;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.employee-preview-start{position:fixed;inset:0 0 auto;z-index:100;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--appearance-surface,var(--paper));color:var(--appearance-ink,var(--ink));border-bottom:1px solid var(--appearance-line,var(--line));font-size:13px}
.employee-preview-active a[href^="tel:"],.employee-preview-active a[href^="mailto:"]{cursor:default}
@media(max-width:600px){.employee-preview-active .read-only-banner{padding:10px 16px;gap:8px}.employee-preview-active .read-only-banner b{font-size:14px}.employee-preview-active .read-only-banner span{flex-basis:100%;font-size:12px}.employee-preview-active .read-only-banner button{width:100%}.employee-preview-start{flex-wrap:wrap;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.employee-preview-control *,.employee-preview-active .read-only-banner *{transition:none!important;animation:none!important}}

.employee-preview-mail-note{display:none;margin:0 0 12px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:var(--appearance-surface,var(--paper));color:var(--appearance-ink,var(--ink));font-size:13px;line-height:1.5}
.employee-preview-active .employee-preview-mail-note:has(+ #email-workspace:not([hidden])){display:block}

body[data-crm-appearance=night] :is(.employee-preview-active .read-only-banner,.employee-preview-start) .primary{border:1px solid var(--appearance-muted);background:var(--appearance-soft);color:var(--appearance-ink)}

@media(max-width:640px){.sidebar:has(>.employee-preview-control:not([hidden])){display:none}.sidebar.mobile-open:has(>.employee-preview-control:not([hidden])){display:flex}}