.bp-employees-page{grid-template-columns:minmax(0,2fr) minmax(310px,1fr);gap:14px;align-items:start}.bp-availability-panel{min-width:0;position:sticky;top:20px}.bp-availability-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bp-availability-head h2{margin:4px 0 0;font-size:22px}.bp-availability-head .primary{border:0;border-radius:11px;background:#2e8058;color:#fff;padding:9px 11px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.bp-availability-intro{margin:10px 0 13px;color:#718279;font-size:10px;line-height:1.45}.bp-availability-list{display:grid;gap:7px;max-height:calc(100vh - 250px);overflow:auto;padding-right:2px}.bp-availability-empty{margin:0;padding:24px 12px;border:1px dashed #dbe4de;border-radius:12px;color:#7e8e85;text-align:center;font-size:10px}.bp-availability-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #e1e8e4;border-radius:13px;background:#fff;padding:9px}.bp-availability-item.current{border-color:#91b8a0;background:#f7fbf8}.bp-availability-item.past{opacity:.55}.bp-availability-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#fff5de;color:#85661d;font-size:15px;font-weight:900}.bp-availability-icon.training{background:#eef3ff;color:#4e6894}.bp-availability-icon.sickLeave{background:#fff0ed;color:#aa4e40}.bp-availability-icon.other{background:#f0f2f1;color:#69766f}.bp-availability-copy{display:grid;gap:2px;min-width:0}.bp-availability-copy>span,.bp-availability-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-availability-copy>span{color:#697b71;font-size:9px}.bp-availability-copy>small{color:#8b9891;font-size:8px}.bp-availability-title{display:flex!important;align-items:center;gap:5px}.bp-availability-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2a5039;font-size:10px}.bp-availability-title em{border-radius:999px;background:#e5f4e9;color:#2e8058;padding:2px 5px;font-size:7px;font-style:normal;font-weight:850}.bp-availability-actions{display:grid;gap:4px}.bp-availability-actions button{border:1px solid #dce5df;border-radius:8px;background:#fff;color:#5e7467;padding:5px 7px;font:inherit;font-size:8px;font-weight:800;cursor:pointer}.bp-availability-actions button:last-child{color:#aa4e40}.bp-employee-team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#416894;font-size:8.5px;font-weight:800}
.bp-employee-leader-options{border:1px solid #dce5df;border-radius:13px;background:#f8faf8;padding:11px}.bp-employee-leader-toggle{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.bp-employee-leader-toggle>input{margin-top:2px;accent-color:#2e8058}.bp-employee-leader-toggle>span{display:grid;gap:2px}.bp-employee-leader-toggle strong{color:#315843;font-size:10px}.bp-employee-leader-toggle small{color:#7e8d85;font-size:8.5px}.bp-employee-leader-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #e1e8e4}.bp-employee-leader-fields[hidden]{display:none}.bp-employee-leader-fields>.wide{grid-column:1/-1}.bp-employee-leader-fields>label{display:grid;gap:5px}.bp-employee-leader-fields>label>span,.bp-employee-permissions legend,.bp-employee-team-members legend{color:#6f8177;font-size:9px;font-weight:850}.bp-employee-leader-fields input[type=text],.bp-employee-leader-fields input[type=password]{height:40px;border:1px solid #dbe4de;border-radius:10px;background:#fff;padding:0 10px;color:#214530;font:inherit;outline:none}.bp-employee-leader-fields label>small{color:#849289;font-size:8px}.bp-employee-permissions,.bp-employee-team-members{border:1px solid #e0e7e3;border-radius:11px;padding:10px;display:flex;flex-wrap:wrap;gap:7px}.bp-employee-permissions legend,.bp-employee-team-members legend{padding:0 5px}.bp-employee-permissions label,.bp-employee-team-members label{position:relative;cursor:pointer}.bp-employee-permissions input,.bp-employee-team-members input{position:absolute;opacity:0}.bp-employee-permissions label span,.bp-employee-team-members label span{display:block;border:1px solid #dce5df;border-radius:999px;background:#fff;color:#65786d;padding:7px 9px;font-size:8.5px;font-weight:800}.bp-employee-permissions input:checked+span,.bp-employee-team-members input:checked+span{border-color:#77a98b;background:#edf7f0;color:#2e8058}.bp-employee-permissions>small{flex-basis:100%;color:#839188;font-size:8px;line-height:1.4}.bp-employee-team-members>div{display:flex;flex-wrap:wrap;gap:7px;width:100%}.bp-employee-security-note{margin:0;border-radius:10px;background:#eef3ff;color:#4a607f;padding:9px;font-size:8.5px;line-height:1.4}
.bp-availability-editor-dialog,.bp-availability-delete-dialog,.bp-employee-replacement-dialog{padding:0;border:0;border-radius:20px;box-shadow:0 24px 80px rgba(25,49,35,.26)}.bp-availability-editor-dialog::backdrop,.bp-availability-delete-dialog::backdrop,.bp-employee-replacement-dialog::backdrop{background:rgba(20,38,28,.38);backdrop-filter:blur(2px)}.bp-availability-editor-card,.bp-employee-replacement-card{width:min(650px,calc(100vw - 28px));padding:24px;background:#fff}.bp-availability-editor-head,.bp-employee-replacement-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.bp-availability-editor-head h2,.bp-employee-replacement-head h2{margin:4px 0 0;color:#1e412d;font-size:24px}.bp-availability-editor-head>button,.bp-employee-replacement-head>button{width:34px;height:34px;border:1px solid #dce5df;border-radius:10px;background:#fff;color:#61736a;font-size:20px;cursor:pointer}.bp-availability-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bp-availability-editor-grid>.wide{grid-column:1/-1}.bp-availability-editor-grid>label:not(.bp-availability-all){display:grid;gap:5px}.bp-availability-editor-grid>label>span,.bp-availability-employees legend{color:#6f8177;font-size:9px;font-weight:850}.bp-availability-editor-grid input[type=text],.bp-availability-editor-grid input[type=date],.bp-availability-editor-grid select{height:42px;border:1px solid #dbe4de;border-radius:10px;background:#fff;padding:0 10px;color:#214530;font:inherit;outline:none}.bp-availability-all{display:flex;align-items:flex-start;gap:9px;border:1px solid #e8d9b8;border-radius:12px;background:#fffaf0;padding:11px;cursor:pointer}.bp-availability-all[hidden]{display:none}.bp-availability-all input{margin-top:2px;accent-color:#2e8058}.bp-availability-all span{display:grid;gap:2px}.bp-availability-all strong{color:#625128;font-size:10px}.bp-availability-all small{color:#897a57;font-size:8.5px}.bp-availability-employees{border:1px solid #e0e7e3;border-radius:11px;padding:10px}.bp-availability-employees legend{padding:0 5px}.bp-availability-employees>div{display:flex;flex-wrap:wrap;gap:7px}.bp-availability-employees label{position:relative;cursor:pointer}.bp-availability-employees input{position:absolute;opacity:0}.bp-availability-employees label span{display:block;border:1px solid #dce5df;border-radius:999px;background:#fff;color:#65786d;padding:7px 9px;font-size:8.5px;font-weight:800}.bp-availability-employees input:checked+span{border-color:#77a98b;background:#edf7f0;color:#2e8058}.bp-availability-employees input:disabled+span{opacity:.4}.bp-availability-editor-status,.bp-employee-replacement-status{min-height:18px;margin:12px 0 0;color:#708278;font-size:10px;font-weight:750}.bp-availability-editor-status[data-state=error],.bp-employee-replacement-status{color:#aa4637}.bp-availability-editor-actions,.bp-employee-replacement-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.bp-availability-editor-actions button,.bp-employee-replacement-actions button{border:1px solid #d9e2dc;border-radius:10px;background:#fff;color:#244733;padding:10px 14px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.bp-availability-editor-actions .primary,.bp-employee-replacement-actions .primary{border-color:#2e8058;background:#2e8058;color:#fff}.bp-availability-delete-card{width:min(470px,calc(100vw - 28px));padding:23px;background:#fff;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px}.bp-availability-delete-card h2{margin:4px 0 7px;color:#3f2c28;font-size:22px}.bp-availability-delete-card p{margin:0;color:#766763;font-size:11px;line-height:1.5}
.bp-employee-replacement-intro{margin:0 0 14px;color:#687b70;font-size:11px;line-height:1.5}.bp-employee-replacement-list{display:grid;gap:8px;max-height:min(48vh,420px);overflow:auto}.bp-employee-replacement-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.8fr);gap:12px;align-items:center;border:1px solid #e1e8e4;border-radius:12px;background:#fafcfb;padding:10px}.bp-employee-replacement-row>span{display:grid;gap:2px;min-width:0}.bp-employee-replacement-row strong{color:#315843;font-size:10px}.bp-employee-replacement-row small{color:#829087;font-size:8.5px}.bp-employee-replacement-row select{height:40px;border:1px solid #d7e2db;border-radius:10px;background:#fff;color:#244733;padding:0 10px;font:inherit;font-size:10px;font-weight:750}
@media(max-width:1100px){.bp-employees-page{grid-template-columns:1fr}.bp-availability-panel{position:static}.bp-availability-list{max-height:none}}@media(max-width:650px){.bp-employee-leader-fields,.bp-availability-editor-grid{grid-template-columns:1fr}.bp-employee-leader-fields>.wide,.bp-availability-editor-grid>.wide{grid-column:1}.bp-employee-replacement-row{grid-template-columns:1fr}.bp-availability-item{grid-template-columns:36px minmax(0,1fr)}.bp-availability-actions{grid-column:2;display:flex;justify-content:flex-end}.bp-availability-editor-actions,.bp-employee-replacement-actions{display:grid;grid-template-columns:1fr 1fr}.bp-availability-editor-actions button,.bp-employee-replacement-actions button{width:100%}}
.bp-employee-avatar{background:color-mix(in srgb,var(--employee-color,#2e8058) 13%,white);color:var(--employee-color,#2e8058);overflow:hidden}.bp-employee-avatar img{width:100%;height:100%;object-fit:cover;display:block}.bp-employee-profile-options{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:center;border:1px solid #dfe7e2;border-radius:13px;background:#fafcfb;padding:11px}.bp-employee-profile-preview{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--employee-color,#2e8058) 14%,white);color:var(--employee-color,#2e8058);font-size:16px;font-weight:900}.bp-employee-profile-preview>*{grid-area:1/1}.bp-employee-profile-preview img{width:100%;height:100%;object-fit:cover}.bp-employee-profile-controls{display:grid;gap:4px}.bp-employee-profile-controls>strong{color:#315843;font-size:10px}.bp-employee-profile-controls>small,.bp-employee-color-field>small{color:#829088;font-size:8.5px;line-height:1.4}.bp-employee-profile-controls>div{display:flex;gap:7px;align-items:center;margin-top:4px}.bp-employee-photo-button{position:relative;cursor:pointer}.bp-employee-photo-button input{position:absolute;opacity:0;pointer-events:none}.bp-employee-photo-button span,.bp-employee-profile-controls button{display:block;border:1px solid #d9e2dc;border-radius:9px;background:#fff;color:#315843;padding:7px 9px;font:inherit;font-size:8.5px;font-weight:850;cursor:pointer}.bp-employee-profile-controls button{color:#a34f40}.bp-employee-color-field>div{display:flex;align-items:center;gap:9px}.bp-employee-color-field input[type=color]{width:46px;height:34px;border:1px solid #d9e2dc;border-radius:9px;background:#fff;padding:3px;cursor:pointer}.bp-employee-color-field strong{color:#5c7064;font-size:9px}@media(max-width:650px){.bp-employee-profile-options{grid-template-columns:56px minmax(0,1fr)}.bp-employee-profile-preview{width:56px;height:56px}.bp-employee-profile-controls>div{align-items:stretch;flex-direction:column}.bp-employee-photo-button span,.bp-employee-profile-controls button{text-align:center;width:100%}}
.bp-employee-color-field{display:grid;gap:6px}.bp-employee-color-field>span{color:#6f8177;font-size:9px;font-weight:850}.bp-employee-color-field>[data-employee-color-open]{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:9px;width:100%;border:1px solid #dbe4de;border-radius:11px;background:#fff;padding:7px 9px;text-align:left;font:inherit;cursor:pointer}.bp-employee-color-field>[data-employee-color-open]>i{width:30px;height:30px;border-radius:9px;background:var(--employee-color,#2f7d4a);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.bp-employee-color-field>[data-employee-color-open]>strong{color:#315843;font-size:10px}.bp-employee-color-field>[data-employee-color-open]>small{color:#849289;font-size:8.5px}.bp-employee-color-field>[data-employee-color-open]>b{border-radius:8px;background:#edf6f0;color:#2e8058;padding:6px 8px;font-size:8.5px}.bp-employee-color-dialog{padding:0;border:0;border-radius:20px;box-shadow:0 24px 80px rgba(25,49,35,.26)}.bp-employee-color-dialog::backdrop{background:rgba(20,38,28,.38);backdrop-filter:blur(2px)}.bp-employee-color-card{width:min(600px,calc(100vw - 28px));padding:24px;background:#fff}.bp-employee-color-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.bp-employee-color-head h2{margin:4px 0 0;color:#1e412d;font-size:24px}.bp-employee-color-head>button{width:34px;height:34px;border:1px solid #dce5df;border-radius:10px;background:#fff;color:#61736a;font-size:20px;cursor:pointer}.bp-employee-color-card>p{margin:12px 0;color:#718279;font-size:10px;line-height:1.45}.bp-employee-color-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bp-employee-color-palette button{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #dfe7e2;border-radius:11px;background:#fafcfb;padding:8px;text-align:left;color:#536b5e;font:inherit;font-size:8.5px;font-weight:850;cursor:pointer}.bp-employee-color-palette button.selected{border-color:#659779;background:#edf6f0;box-shadow:0 0 0 2px rgba(46,128,88,.08)}.bp-employee-color-palette i{width:28px;height:28px;border-radius:9px;background:var(--choice-color);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.bp-employee-custom-color{display:grid;grid-template-columns:auto 46px minmax(0,1fr);align-items:center;gap:9px;margin-top:11px;border:1px solid #e0e7e3;border-radius:11px;padding:9px;color:#66796e;font-size:9px;font-weight:850}.bp-employee-custom-color input{width:46px;height:34px;border:1px solid #d9e2dc;border-radius:9px;background:#fff;padding:3px;cursor:pointer}.bp-employee-custom-color small{color:#87958d;font-size:8.5px}.bp-employee-color-selection{display:flex!important;align-items:center;gap:8px!important;border-radius:10px;background:#f5f8f6;padding:8px!important}.bp-employee-color-selection i{width:22px;height:22px;border-radius:7px;background:var(--choice-color)}.bp-employee-color-selection strong{color:#315843}.bp-employee-color-selection span{margin-left:auto;color:#87958d}.bp-employee-color-actions{display:flex;justify-content:flex-end;gap:8px}.bp-employee-color-actions button{border:1px solid #d9e2dc;border-radius:10px;background:#fff;color:#244733;padding:10px 14px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.bp-employee-color-actions .primary{border-color:#2e8058;background:#2e8058;color:#fff}@media(max-width:650px){.bp-employee-color-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-employee-color-field>[data-employee-color-open]{grid-template-columns:34px minmax(0,1fr) auto}.bp-employee-color-field>[data-employee-color-open]>small{display:none}.bp-employee-color-actions{display:grid;grid-template-columns:1fr 1fr}.bp-employee-color-actions button{width:100%}}
.bp-employee-photo-button{display:inline-block}
.bp-employee-photo-button input{inset:0;width:100%;height:100%;margin:0;pointer-events:auto;cursor:pointer;z-index:2}
.bp-employee-photo-button span{position:relative;z-index:1}
@media(max-width:650px){.bp-employee-photo-button,.bp-employee-photo-button span{width:100%;text-align:center}}
.bp-employee-photo-button input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important;z-index:2!important}.bp-employee-profile-status{display:block;min-height:14px;margin-top:2px;color:#708278;font-size:8.5px;line-height:1.35;font-weight:750}.bp-employee-profile-status[data-state=error]{color:#aa4637}.bp-employee-profile-status[data-state=ok]{color:#2e8058}
.bp-employee-password-state{display:grid;gap:4px;margin-top:2px}.bp-employee-password-state strong{display:inline-flex;align-items:center;justify-content:center;justify-self:start;padding:5px 8px;border-radius:999px;background:#fff1ed;color:#a3473a;font-size:9px;font-weight:900}.bp-employee-password-state strong[data-state="configured"]{background:#edf7f0;color:#2e8058}.bp-employee-password-state small{color:#829088;font-size:8.5px;line-height:1.4}
.bp-employee-password-options{display:grid;gap:10px;min-width:0;border:1px solid #e8c8c0;border-radius:13px;background:#fff7f5;padding:12px 13px}.bp-employee-password-options[hidden]{display:none}.bp-employee-password-options legend{padding:0 6px;color:#91483e;font-size:11px;font-weight:900}.bp-employee-password-options>label:first-of-type{display:grid;gap:5px;min-width:0}.bp-employee-password-options>label:first-of-type>span{color:#89665f;font-size:9px;font-weight:850}.bp-employee-password-options input[type=password]{width:100%;height:40px;border:1px solid #e8d2cd;border-radius:10px;background:#fffdfc;padding:0 10px;color:#583d38;font:inherit;outline:none}.bp-employee-password-options input[type=password]:focus{border-color:#c97b6e;box-shadow:0 0 0 3px rgba(181,90,75,.1)}.bp-employee-password-remove{display:flex;align-items:center;gap:8px;margin-top:1px;padding-top:10px;border-top:1px solid #efdcd7;color:#9d5043;font-size:9px;font-weight:800;cursor:pointer}.bp-employee-password-remove input{accent-color:#b45a4b}.bp-employee-password-state{margin-top:0;padding:9px 10px;border:1px solid #ecd8d3;border-radius:10px;background:#fffdfc}.bp-employee-password-state strong{padding:4px 8px}.bp-employee-password-state strong[data-state="missing"]{background:#fff0ec;color:#a04f44}.bp-employee-password-state small{display:block;margin-top:5px;color:#896c65}
.bp-availability-copy>.bp-availability-people{display:flex;flex-wrap:wrap;align-items:center;gap:4px;overflow:visible;white-space:normal}.bp-availability-employee-pill{display:inline-flex;align-items:center;gap:4px;max-width:100%;border:1px solid color-mix(in srgb,var(--employee-color,#2e8058) 28%,white);border-radius:999px;background:color-mix(in srgb,var(--employee-color,#2e8058) 12%,white);color:color-mix(in srgb,var(--employee-color,#2e8058) 76%,#183526);padding:3px 7px 3px 5px;font-size:8px;font-weight:850;line-height:1.2}.bp-availability-employee-pill i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--employee-color,#2e8058)}.bp-availability-employee-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-availability-people-fallback{color:#8b9891;font-size:8px}
.bp-availability-periods{display:grid;gap:8px;padding:12px;border:1px solid #e4ece6;border-radius:13px;background:#f8fbf9}
.bp-availability-periods-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.bp-availability-periods-head>span{display:grid;gap:3px;color:#315843;font-size:10px}
.bp-availability-periods-head small{color:#829188;font-size:8.5px;font-weight:650;line-height:1.35}
.bp-availability-periods-head button{border:1px solid #c9ddcf;border-radius:9px;background:#fff;color:#2e8058;padding:7px 9px;font:inherit;font-size:8.5px;font-weight:850;white-space:nowrap;cursor:pointer}
.bp-availability-period-list{display:grid;gap:7px}
.bp-availability-period-row{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 30px;align-items:end;gap:7px;padding:8px;border:1px solid #e0e9e3;border-radius:10px;background:#fff}
.bp-availability-period-index{align-self:center;color:#6e8879;font-size:9px;font-weight:900;text-align:center}
.bp-availability-period-row label{display:grid;gap:4px}
.bp-availability-period-row label>span{color:#7b8c82;font-size:8px;font-weight:850}
.bp-availability-period-row input{height:36px!important;padding:0 8px!important;font-size:10px!important}
.bp-availability-period-row>button{display:grid;place-items:center;width:30px;height:36px;border:1px solid #dce7df;border-radius:8px;background:#fff;color:#9c5c52;cursor:pointer}
.bp-availability-period-row>button:disabled{color:#bcc8c0;cursor:not-allowed;opacity:.55}
.bp-availability-period-row>button .bp-icon{width:14px;height:14px}
@media(max-width:650px){.bp-availability-periods-head{display:grid}.bp-availability-periods-head button{justify-self:start}.bp-availability-period-row{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 28px;gap:5px}.bp-availability-period-row>button{width:28px}}.bp-availability-context-menu button.danger{color:#a74d3d}.bp-availability-context-menu button.danger:hover,.bp-availability-context-menu button.danger:focus-visible{background:#fff1ee}.bp-availability-context-menu button.danger .bp-context-icon{color:#b95544}