.ph-sr-page{display: flex;flex-direction: column;align-items: stretch;gap: 12px;padding: 16px 20px 0;height: 100%;min-height: 0;box-sizing: border-box;line-height: normal;position: relative}.ph-sr-body{flex: 1;min-height: 0;display: grid;grid-template-columns: 236px minmax(0,1fr);gap: 12px}.ph-sr-rail{display: flex;flex-direction: column;height: 100%;min-height: 0;box-sizing: border-box;background: var(--ph-ink-0);border: 1px solid var(--ph-ink-200);border-radius: 8px 8px 0 0}.ph-sr-rail__head{display: flex;align-items: center;gap: 8px;padding: 10px 12px;border-bottom: 1px solid var(--ph-ink-100);font-size: 12.5px;font-weight: 600;color: var(--ph-ink-900)}.ph-sr-rail__new{margin-left: auto;width: 22px;height: 22px;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;padding: 0;border: 1px solid var(--ph-blue-200);border-radius: 5px;background: var(--ph-blue-50);color: var(--ph-blue-500);font-family: inherit;font-size: 14px;line-height: 1;cursor: pointer}.ph-sr-rail__list{flex: 1;min-height: 0;overflow: auto;padding: 6px}.ph-sr-rolecard{display: flex;flex-direction: column;gap: 4px;width: 100%;box-sizing: border-box;margin-bottom: 4px;padding: 8px 10px;border: 1px solid var(--ph-ink-100);border-radius: 6px;background: var(--ph-ink-0);font-family: inherit;text-align: left;cursor: pointer}.ph-sr-rolecard--selected{border-color: var(--ph-blue-500);background: var(--ph-blue-50)}.ph-sr-rolecard__line{display: flex;align-items: center;gap: 6px;width: 100%;min-width: 0}.ph-sr-rolecard__swatch{width: 8px;height: 8px;flex-shrink: 0;border-radius: 2px}.ph-sr-rolecard__name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12.5px;font-weight: 600;color: var(--ph-ink-900)}.ph-sr-rolecard__people{flex-shrink: 0;font-size: 11px;font-variant-numeric: tabular-nums;color: var(--ph-ink-500);white-space: nowrap}.ph-sr-rolecard__edit{flex-shrink: 0;border: none;background: none;padding: 0;font-family: inherit;font-size: 10.5px;color: var(--ph-blue-500);cursor: pointer;white-space: nowrap}.ph-sr-rolecard__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 4px;width: 100%;box-sizing: border-box;padding-left: 14px}.ph-sr-rolecard__tag{padding: 0 5px;border-radius: 3px;background: var(--ph-ink-100);font-size: 10px;color: var(--ph-ink-600);white-space: nowrap}.ph-sr-rolecard__tag--custom{background: #F5F3FF;color: #6D28D9}.ph-sr-rolecard__warn{font-size: 10px;color: var(--ph-danger-600);white-space: nowrap}.ph-sr-rail__foot{padding: 8px 10px;border-top: 1px solid var(--ph-ink-100)}.ph-sr-rail__matrix-btn{width: 100%;padding: 6px 0;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: var(--ph-ink-0);color: var(--ph-ink-600);font-family: inherit;font-size: 12px;cursor: pointer}.ph-sr-pane{display: flex;flex-direction: column;min-height: 0;position: relative;background: var(--ph-ink-0);border: 1px solid var(--ph-ink-200);border-radius: 8px 8px 0 0}.ph-sr-list-region{display: flex;flex-direction: column;min-height: 0;height: 100%}.ph-sr-table-wrap{display: flex;flex-direction: column;flex: 1;min-height: 0}.ph-sr-row{display: grid;align-items: center;gap: 8px;padding: 9px 12px;border-bottom: 1px solid var(--ph-ink-100);font-size: 12.5px}.ph-sr-row:hover{background: var(--ph-ink-50)}.ph-sr-row__avatar-cell{display: flex;align-items: center;justify-content: center}.ph-sr-row__avatar{flex-shrink: 0;width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 700;color: var(--ph-ink-0)}.ph-sr-row__avatar--0{background: var(--ph-blue-500)}.ph-sr-row__avatar--1{background: var(--ph-success-500)}.ph-sr-row__avatar--2{background: var(--ph-amber-500)}.ph-sr-row__avatar--3{background: var(--ph-danger-500)}.ph-sr-row__avatar--4{background: var(--ph-ink-600)}.ph-sr-row__avatar--5{background: var(--ph-ink-400)}.ph-sr-row__employee{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ph-sr-row__name-line{display: flex;align-items: center;gap: 6px;min-width: 0}.ph-sr-row__name{display: block;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;font-weight: 600;color: var(--ph-ink-900)}.ph-sr-row__me-badge{flex-shrink: 0;padding: 0 5px;border-radius: 3px;background: var(--ph-blue-50);color: var(--ph-blue-500);font-size: 10px;font-weight: 600}.ph-sr-row__sub{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 11px;color: var(--ph-ink-500)}.ph-sr-row__status{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ph-sr-status-pill{display: inline-flex;align-items: center;gap: 5px;width: fit-content;padding: 1px 8px;border: 1px solid transparent;border-radius: 999px;font-size: 11px;font-weight: 600}.ph-sr-status-pill::before{content: "";flex-shrink: 0;width: 6px;height: 6px;border-radius: 50%;background: currentColor}.ph-sr-status-pill--neutral{background: var(--ph-ink-100);border-color: var(--ph-ink-200);color: var(--ph-ink-500)}.ph-sr-status-pill--neutral::before{background: var(--ph-ink-300)}.ph-sr-status-pill--danger{background: var(--ph-danger-50);border-color: #F5C9C9;color: var(--ph-danger-600)}.ph-sr-status-pill--danger::before{background: var(--ph-danger-500)}.ph-sr-status-pill--amber{background: var(--ph-amber-50);border-color: #F5D48F;color: #92600A}.ph-sr-status-pill--amber::before{background: var(--ph-amber-500)}.ph-sr-status-pill--success{background: #F0FDF4;border-color: #A7DDBC;color: #166534}.ph-sr-status-pill--success::before{background: var(--ph-success-500)}.ph-sr-row__status-sub{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 10.5px;color: var(--ph-ink-400)}.ph-sr-row__last-login{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ph-sr-row__last-login-main{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;color: var(--ph-ink-900)}.ph-sr-row__last-login-main--amber{color: var(--ph-amber-600);font-weight: 600}.ph-sr-row__last-login-main--danger{color: var(--ph-danger-600);font-weight: 600}.ph-sr-row__last-login-sub{font-size: 10.5px;color: var(--ph-ink-400)}.ph-sr-row__activity{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ph-sr-row__activity-main{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 11.5px;color: var(--ph-ink-600)}.ph-sr-row__activity-sub{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 11px;color: var(--ph-ink-500)}.ph-sr-row__actions{display: flex;justify-content: flex-end;gap: 6px}.ph-sr-row__actions .ph-fm-action:disabled{opacity: .5;cursor: not-allowed}.ph-sr-rolechip-wrap{display: flex;align-items: center}.ph-sr-rolechip{display: inline-flex;align-items: center;gap: 4px;max-width: 100%;min-width: 0;padding: 4px 8px;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: var(--ph-ink-0);font-family: inherit;font-size: 11.5px;color: var(--ph-ink-900);cursor: pointer}.ph-sr-rolechip--locked{cursor: default;background: var(--ph-ink-50);color: var(--ph-ink-500)}.ph-sr-rolechip__swatch{flex-shrink: 0;width: 6px;height: 6px;border-radius: 2px}.ph-sr-rolechip__name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ph-sr-rolechip__empty{color: var(--ph-ink-400)}.ph-sr-rolechip__chevron{flex-shrink: 0;font-size: 9px;color: var(--ph-ink-400)}.ph-sr-rolemenu{position: fixed;z-index: 1000;width: 260px;max-height: 320px;overflow-y: auto;border: 1px solid var(--ph-ink-200);border-radius: 8px;background: var(--ph-ink-0);box-shadow: var(--lumo-box-shadow-l);padding: 6px;box-sizing: border-box}.ph-sr-rolemenu__item{display: flex;align-items: center;gap: 8px;padding: 6px 8px;border-radius: 6px;cursor: pointer;font-size: 12px}.ph-sr-rolemenu__item:hover{background: var(--ph-ink-50)}.ph-sr-rolemenu__item--checked{background: var(--ph-blue-50)}.ph-sr-rolemenu__item--locked{cursor: not-allowed;opacity: 0.55}.ph-sr-rolemenu__item--locked:hover{background: transparent}.ph-sr-rolemenu__check{flex-shrink: 0;width: 14px;text-align: center;font-weight: 700;color: var(--ph-blue-500)}.ph-sr-rolemenu__swatch{flex-shrink: 0;width: 8px;height: 8px;border-radius: 2px}.ph-sr-rolemenu__name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--ph-ink-900)}.ph-sr-rolemenu__diff{flex-shrink: 0;font-size: 11px;color: var(--ph-ink-500)}.ph-sr-rolemenu__footer{margin-top: 4px;padding: 8px;border-top: 1px solid var(--ph-ink-100);font-size: 10.5px;color: var(--ph-ink-400)}.ph-sr-matrix{display: flex;flex-direction: column;min-height: 0;height: 100%}.ph-sr-matrix__head{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 12px 16px;border-bottom: 1px solid var(--ph-ink-200);flex-shrink: 0}.ph-sr-matrix__head-text{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ph-sr-matrix__title{font-size: 15px;font-weight: 700;color: var(--ph-ink-900)}.ph-sr-matrix__subtitle{font-size: 11.5px;color: var(--ph-ink-500)}.ph-sr-matrix__back{flex-shrink: 0;padding: 6px 12px;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: var(--ph-ink-0);color: var(--ph-ink-600);font-family: inherit;font-size: 12px;cursor: pointer}.ph-sr-matrix__back:hover{background: var(--ph-ink-50)}.ph-sr-matrix__colheader{display: grid;align-items: end;gap: 6px;padding: 6px 14px;border-bottom: 1px solid var(--ph-ink-200);background: #FAFBFD;position: sticky;top: 0;z-index: 1;flex-shrink: 0}.ph-sr-matrix__corner{font-size: 11px;color: var(--ph-ink-400)}.ph-sr-matrix__col{display: flex;flex-direction: column;align-items: center;gap: 3px;min-width: 0;padding: 8px 4px;border: none;border-left: 1px solid var(--ph-ink-200);background: none;font-family: inherit;cursor: pointer}.ph-sr-matrix__col:hover{background: var(--ph-ink-100)}.ph-sr-matrix__col--highlighted{background: var(--ph-blue-50);box-shadow: inset 0 -2px 0 var(--ph-blue-500)}.ph-sr-matrix__col-swatch{flex-shrink: 0;width: 8px;height: 8px;border-radius: 2px}.ph-sr-matrix__col-name{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;font-weight: 600;color: var(--ph-ink-900)}.ph-sr-matrix__col-meta{font-size: 10px;color: var(--ph-ink-500)}.ph-sr-matrix__body{flex: 1;min-height: 0;overflow-y: auto}.ph-sr-matrix__group{border-bottom: 1px solid var(--ph-ink-100)}.ph-sr-matrix__group-head{display: grid;align-items: center;gap: 6px;width: 100%;padding: 7px 14px;border: none;border-bottom: 1px solid var(--ph-ink-100);background: #F8FAFC;font-family: inherit;text-align: left;cursor: pointer}.ph-sr-matrix__group-head:hover{background: var(--ph-ink-100)}.ph-sr-matrix__group-label-cell{display: flex;align-items: center;gap: 6px;min-width: 0}.ph-sr-matrix__group-chevron{flex-shrink: 0;font-size: 10px;color: var(--ph-ink-400)}.ph-sr-matrix__group-label{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;font-weight: 700;color: var(--ph-ink-600)}.ph-sr-matrix__group-ratio{padding: 8px 4px;font-size: 11px;text-align: center;color: var(--ph-ink-500)}.ph-sr-matrix__group--collapsed .ph-sr-matrix__group-body{display: none}.ph-sr-matrix__row{display: grid;align-items: stretch;gap: 6px;padding: 6px 14px;border-bottom: 1px solid var(--ph-ink-100)}.ph-sr-matrix__row:hover{background: var(--ph-ink-50)}.ph-sr-matrix__row-label{display: flex;flex-direction: column;min-width: 0}.ph-sr-matrix__row-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;color: var(--ph-ink-900)}.ph-sr-matrix__row-code{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: var(--font-mono);font-size: 10px;color: var(--ph-ink-400)}.ph-sr-matrix__cell{display: flex;align-items: center;justify-content: center}.ph-sr-matrix__mark{display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;border: 1px solid transparent;border-radius: 6px;font-size: 11px;font-weight: 700}.ph-sr-matrix__mark--on{background: var(--ph-success-50);border-color: #A7DDBC;color: #166534}.ph-sr-matrix__mark--off{background: var(--ph-ink-50);border-color: var(--ph-ink-100);color: var(--ph-ink-300)}.ph-sr-matrix__cell--highlighted{box-shadow: inset 0 0 0 9999px rgba(29,111,224,0.08)}.ph-sr-matrix__foot{flex-shrink: 0;padding: 8px 16px;border-top: 1px solid var(--ph-ink-200);background: var(--ph-ink-50);font-size: 11px;color: var(--ph-ink-400)}.ph-sr-panel-scrim{position: absolute;inset: 0;background: rgba(15,24,38,.45);opacity: 0;pointer-events: none;transition: opacity .2s}.ph-sr-panel-scrim--visible{opacity: 1;pointer-events: auto}.ph-sr-panel-host{position: absolute;top: 0;bottom: 0;right: 0;box-shadow: -8px 0 32px rgba(15,24,38,.18);transform: translateX(105%);transition: transform .2s cubic-bezier(0.22,0.61,0.36,1)}.ph-sr-panel-host--open{transform: translateX(0)}.ph-sr-editpanel{width: 520px;height: 100%;box-sizing: border-box;background: var(--ph-ink-0);display: flex;flex-direction: column}.ph-sr-editpanel__head{flex-shrink: 0;display: flex;align-items: flex-start;gap: 10px;padding: 14px 20px;border-bottom: 1px solid var(--ph-ink-100)}.ph-sr-editpanel__titles{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 4px}.ph-sr-editpanel__title{font-size: 15px;font-weight: 700;color: var(--ph-ink-900)}.ph-sr-editpanel__subtitle{font-size: 11.5px;color: var(--ph-ink-500);line-height: normal}.ph-sr-editpanel__close{flex-shrink: 0;width: 28px;height: 28px;border: none;border-radius: 7px;background: #F2F4F7;color: #5A6473;font-size: 15px;line-height: 1;cursor: pointer;font-family: inherit;padding: 0}.ph-sr-editpanel__body{flex: 1;min-height: 0;overflow-y: auto;padding: 16px 20px;display: flex;flex-direction: column;gap: 14px}.ph-sr-editpanel__banner{padding: 9px 12px;border-radius: 8px;font-size: 11.5px;line-height: 1.5}.ph-sr-editpanel__banner--amber{background: var(--ph-amber-50);color: var(--ph-amber-600);border: 1px solid var(--ph-amber-100)}.ph-sr-editpanel__banner--blue{background: var(--ph-blue-50);color: var(--ph-blue-600);border: 1px solid var(--ph-blue-100)}.ph-sr-editpanel__row{display: grid;grid-template-columns: 1.2fr 1fr;gap: 10px}.ph-sr-editpanel__field{min-width: 0}.ph-sr-editpanel__section{display: flex;flex-direction: column;gap: 8px}.ph-sr-editpanel__section-label{font-size: 12px;color: var(--ph-ink-600)}.ph-sr-editpanel__swatches{display: flex;gap: 6px}.ph-sr-editpanel__swatch{width: 22px;height: 22px;border-radius: 6px;border: 2px solid transparent;box-shadow: inset 0 0 0 1px rgba(15,24,38,.08);cursor: pointer;padding: 0}.ph-sr-editpanel__swatch--selected{border-color: var(--ph-ink-900)}.ph-sr-editpanel__perm-head{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.ph-sr-editpanel__perm-count{padding: 1px 8px;border-radius: 999px;background: var(--ph-blue-50);font-size: 11px;font-weight: 600;color: var(--ph-blue-500);font-variant-numeric: tabular-nums}.ph-sr-editpanel__copy-group{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;margin-left: auto;font-size: 11px;color: var(--ph-ink-400)}.ph-sr-editpanel__copy-label{flex-shrink: 0}.ph-sr-editpanel__copy-btn{padding: 2px 8px;border: 1px solid var(--ph-ink-200);border-radius: 999px;background: var(--ph-ink-0);color: var(--ph-ink-600);font-size: 11px;cursor: pointer;font-family: inherit;white-space: nowrap}.ph-sr-editpanel__copy-btn:hover{border-color: var(--ph-blue-200);color: var(--ph-blue-500)}.ph-sr-editpanel__perm-list{display: flex;flex-direction: column;gap: 8px}.ph-sr-editpanel__module{border: 1px solid var(--ph-ink-100);border-radius: 8px;overflow: hidden}.ph-sr-editpanel__module-head{display: flex;align-items: center;gap: 8px;padding: 7px 12px;background: #F8FAFC;border-bottom: 1px solid var(--ph-ink-100)}.ph-sr-editpanel__module-label{font-size: 12px;font-weight: 600;color: var(--ph-ink-900)}.ph-sr-editpanel__module-toggle{margin-left: auto;border: none;background: transparent;color: var(--ph-blue-500);font-size: 11px;cursor: pointer;font-family: inherit;padding: 0}.ph-sr-editpanel__module-toggle:disabled{color: var(--ph-ink-400);cursor: default}.ph-sr-editpanel__perm-rows{display: flex;flex-direction: column}.ph-sr-editpanel__perm-row{display: flex;align-items: center;gap: 10px;padding: 7px 12px;border-bottom: 1px solid #F3F5F8}.ph-sr-editpanel__perm-row:last-child{border-bottom: none}.ph-sr-editpanel__perm-text{display: flex;align-items: center;gap: 8px;min-width: 0;flex: 1}.ph-sr-editpanel__perm-name{flex: 1;min-width: 0;font-size: 12.5px;color: var(--ph-ink-900)}.ph-sr-editpanel__perm-code{flex-shrink: 0;font-family: var(--font-mono);font-size: 10px;color: var(--ph-ink-300);white-space: nowrap}.ph-sr-editpanel__perm-row vaadin-checkbox{flex-shrink: 0;--vaadin-checkbox-size: 15px;--vaadin-checkbox-border-radius: 4px}.ph-sr-editpanel__foot{flex-shrink: 0;padding: 12px 20px;border-top: 1px solid var(--ph-ink-100);display: flex;align-items: center;gap: 10px}.ph-sr-editpanel__missing{flex: 1;min-width: 0;font-size: 11.5px;line-height: 1.4;color: var(--ph-ink-400)}.ph-sr-editpanel__missing--visible{color: var(--ph-danger-500)}.ph-sr-editpanel__actions{display: flex;align-items: center;justify-content: flex-end;gap: 10px;flex-shrink: 0}.ph-sr-editpanel__delete{height: 36px;padding: 0 14px;border: 1px solid #F5C9C9;border-radius: 6px;background: var(--ph-ink-0);color: var(--ph-danger-600);font-size: 13px;cursor: pointer;font-family: inherit}.ph-sr-editpanel__delete:disabled{border-color: var(--ph-ink-200);color: var(--ph-ink-400);cursor: default}.ph-sr-editpanel__cancel{height: 36px;padding: 0 16px;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: var(--ph-ink-0);color: var(--ph-ink-600);font-size: 13px;cursor: pointer;font-family: inherit}.ph-sr-editpanel__save{height: 36px;padding: 0 16px;border: none;border-radius: 6px;background: var(--ph-blue-500);color: var(--ph-ink-0);font-size: 13px;font-weight: 500;cursor: pointer;font-family: inherit}.ph-sr-editpanel__save:disabled{background: var(--ph-ink-200);color: var(--ph-ink-500);cursor: default}.ph-sr-staffpanel{width: 460px;height: 100%;box-sizing: border-box;background: var(--ph-ink-0);display: flex;flex-direction: column}.ph-sr-staffpanel__head{flex-shrink: 0;display: flex;align-items: flex-start;gap: 10px;padding: 14px 20px;border-bottom: 1px solid var(--ph-ink-100)}.ph-sr-staffpanel__titles{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 4px}.ph-sr-staffpanel__title{font-size: 15px;font-weight: 700;color: var(--ph-ink-900)}.ph-sr-staffpanel__subtitle{font-size: 11.5px;color: var(--ph-ink-500);line-height: normal}.ph-sr-staffpanel__close{flex-shrink: 0;width: 28px;height: 28px;border: none;border-radius: 7px;background: #F2F4F7;color: #5A6473;font-size: 15px;line-height: 1;cursor: pointer;font-family: inherit;padding: 0}.ph-sr-staffpanel__body{flex: 1;min-height: 0;overflow-y: auto;padding: 16px 20px;display: flex;flex-direction: column;gap: 14px}.ph-sr-staffpanel__passkey{display: flex;align-items: center;gap: 8px;padding: 8px 12px;border-radius: 6px;background: var(--ph-ink-50);font-size: 12px}.ph-sr-staffpanel__passkey-label{font-weight: 700;color: var(--ph-ink-700)}.ph-sr-staffpanel__passkey-status{color: var(--ph-ink-500)}.ph-sr-staffpanel__grid{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.ph-sr-staffpanel__field{min-width: 0}.ph-sr-staffpanel__duplicate{display: none;font-size: 11.5px;color: var(--ph-danger-500);margin-top: -8px}.ph-sr-staffpanel__duplicate--visible{display: block}.ph-sr-staffpanel__section{display: flex;flex-direction: column;gap: 8px}.ph-sr-staffpanel__section-label{font-size: 12px;color: var(--ph-ink-600)}.ph-sr-staffpanel__dept-row{display: flex;flex-wrap: wrap;gap: 8px}.ph-sr-staffpanel__dept-pill{border: 1px solid var(--ph-ink-200);border-radius: 999px;background: var(--ph-ink-0);color: var(--ph-ink-600);font-size: 11.5px;padding: 4px 10px;cursor: pointer;font-family: inherit}.ph-sr-staffpanel__dept-pill--selected{border-color: var(--ph-blue-500);background: var(--ph-blue-50);color: var(--ph-blue-600)}.ph-sr-staffpanel__role-list{display: flex;flex-direction: column;gap: 8px}.ph-sr-staffpanel__role-card{display: flex;align-items: flex-start;gap: 10px;border: 1.5px solid var(--ph-ink-200);border-radius: 8px;background: var(--ph-ink-0);padding: 9px 12px;cursor: pointer;text-align: left;font-family: inherit}.ph-sr-staffpanel__role-card--selected{border-color: var(--ph-blue-500);background: var(--ph-blue-50)}.ph-sr-staffpanel__role-check{flex-shrink: 0;width: 16px;height: 16px;margin-top: 2px;border-radius: 4px;border: 1px solid var(--ph-ink-300);background: var(--ph-ink-0)}.ph-sr-staffpanel__role-card--selected .ph-sr-staffpanel__role-check{border-color: var(--ph-blue-500);background: var(--ph-blue-500)}.ph-sr-staffpanel__role-text{display: flex;flex-direction: column;gap: 2px;min-width: 0;flex: 1}.ph-sr-staffpanel__role-name-row{display: flex;align-items: baseline;gap: 6px}.ph-sr-staffpanel__role-name{font-size: 13px;font-weight: 600;color: var(--ph-ink-900)}.ph-sr-staffpanel__role-code{font-family: var(--font-mono);font-size: 10.5px;color: var(--ph-ink-400)}.ph-sr-staffpanel__role-meta{font-size: 11px;color: var(--ph-ink-500)}.ph-sr-staffpanel__role-desc{font-size: 11px;color: var(--ph-ink-400)}.ph-sr-staffpanel__role-summary{font-size: 10.5px;color: var(--ph-ink-500)}.ph-sr-staffpanel__warning{display: none;padding: 8px 12px;border-radius: 6px;font-size: 12px;background: var(--ph-amber-50);color: var(--ph-amber-600);border: 1px solid var(--ph-amber-100)}.ph-sr-staffpanel__warning--visible{display: block}.ph-sr-staffpanel__invite-info{padding: 10px 12px;border-radius: 8px;background: #F8FAFC;border: 1px solid var(--ph-ink-100)}.ph-sr-staffpanel__invite-info-title{display: block;font-size: 12.5px;font-weight: 600;color: var(--ph-ink-900)}.ph-sr-staffpanel__invite-info-body{display: block;font-size: 11.5px;line-height: 1.6;color: var(--ph-ink-600);margin-top: 6px}.ph-sr-staffpanel__foot{flex-shrink: 0;padding: 12px 20px;border-top: 1px solid var(--ph-ink-100);display: flex;align-items: center;gap: 10px}.ph-sr-staffpanel__missing{flex: 1;min-width: 0;font-size: 11.5px;line-height: 1.4;color: var(--ph-ink-400)}.ph-sr-staffpanel__missing--visible{color: var(--ph-danger-500)}.ph-sr-staffpanel__actions{display: flex;align-items: center;justify-content: flex-end;gap: 10px;flex-shrink: 0}.ph-sr-staffpanel__cancel{height: 36px;padding: 0 16px;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: var(--ph-ink-0);color: var(--ph-ink-600);font-size: 13px;cursor: pointer;font-family: inherit}.ph-sr-staffpanel__save{height: 36px;padding: 0 16px;border: none;border-radius: 6px;background: var(--ph-blue-500);color: var(--ph-ink-0);font-size: 13px;font-weight: 500;cursor: pointer;font-family: inherit}.ph-sr-staffpanel__save:disabled{background: var(--ph-ink-200);color: var(--ph-ink-500);cursor: default}.ph-sr-page .ph-cm-tabs{grid-template-columns: repeat(4,minmax(0,1fr));gap: 8px}.ph-sr-page .ph-fm-filters{flex-shrink: 0;gap: 8px;padding: 8px 12px;border-bottom: 1px solid var(--ph-ink-100)}.ph-sr-page .ph-cm-chips{gap: 6px}.ph-sr-page .ph-cm-chips .ph-fm-filter-chip{gap: 5px;padding: 3px 10px;font-size: 11.5px}.ph-sr-page .ph-cm-search{flex: 0 0 230px;margin-left: auto;padding: 0;--vaadin-input-field-height: 28px;--vaadin-input-field-value-font-size: 12px;--vaadin-focus-ring-width: 0}.ph-sr-page .ph-cm-new-btn{display: inline-flex;align-items: center;gap: 5px;height: 28px;margin-left: 0;padding: 0 12px;font-size: 12.5px;font-weight: 500}.ph-sr-page .ph-wl-table{border: none;border-radius: 0;background: transparent}.ph-sr-page .ph-wl-table__header{padding: 6px 12px;background: #FAFBFD}.ph-sr-page .ph-wl-table__header-cell{font-size: 11px;font-weight: 400;color: var(--ph-ink-400)}.ph-sr-page vaadin-text-field,.ph-sr-page vaadin-text-area{width: 100%;padding: 0;--vaadin-input-field-background: var(--ph-ink-0);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--ph-ink-200);--vaadin-input-field-border-radius: 6px;--vaadin-input-field-value-font-size: 12.5px;--vaadin-input-field-value-color: var(--ph-ink-900);--vaadin-input-field-placeholder-color: var(--ph-ink-400);--vaadin-input-field-disabled-background: var(--ph-ink-50);--vaadin-input-field-label-font-size: 12px;--vaadin-input-field-label-font-weight: 400;--vaadin-input-field-label-color: var(--ph-ink-600);--vaadin-input-field-required-indicator-color: var(--ph-danger-500);--vaadin-input-field-helper-font-size: 10.5px;--vaadin-input-field-helper-color: var(--ph-ink-400);--vaadin-focus-ring-width: 3px;--vaadin-focus-ring-color: rgba(29,111,224,.22)}.ph-sr-page vaadin-text-field[focused],.ph-sr-page vaadin-text-area[focused]{--vaadin-input-field-border-color: var(--ph-blue-500)}.ph-sr-page vaadin-text-field{--vaadin-input-field-height: 34px}