:root{--phs-top-tabs-height:54px;--admin-update-color:#8a3eaa}
@media(prefers-color-scheme:dark){:root{--admin-update-color:#e3adff}}
.top-tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;box-shadow:0 3px 10px #00000012}
#stockPanel .floors{top:calc(var(--phs-top-tabs-height) + env(safe-area-inset-top,0px) + 8px);max-height:calc(100dvh - var(--phs-top-tabs-height) - 100px)}
.updates-entry.updates-admin{color:var(--admin-update-color);border-inline-start:3px solid currentColor}
.updates-admin .updates-date,.updates-admin .updates-description,.updates-admin .updates-more{color:inherit}
.admin-subtabs{display:flex;gap:5px;overflow-x:auto;margin:10px 0;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:11px}
.admin-subtab{flex:1 0 auto;min-height:35px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--hint);font:inherit;font-size:15px;font-weight:800;white-space:nowrap}
.admin-subtab[aria-selected=true]{background:var(--soft);color:var(--accent)}
.admin-subtab[hidden],[data-admin-category][hidden],.admin-actions[hidden],#adminStatus[hidden]{display:none!important}
.staff-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:12px 0}
.staff-toolbar input{flex:1;min-width:120px;min-height:35px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text)}
.staff-toolbar button,.staff-edit{min-height:31px;padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--accent);font-weight:700}
.staff-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.staff-table{border-collapse:collapse;width:100%;min-width:550px;table-layout:fixed;font-size:12px}
.staff-table td,.staff-table th{padding:9px 4px;overflow-wrap:anywhere;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.staff-table th{color:var(--hint);font-size:11px}.staff-table tr:last-child td{border-bottom:0}
.staff-table small{display:block;color:var(--hint);font-size:10px;margin-top:3px}.staff-id{font-variant-numeric:tabular-nums;white-space:normal;font-size:11px;overflow-wrap:anywhere}
.staff-role{font-weight:800}.staff-role[data-role=ADMIN]{color:var(--admin-update-color)}.staff-role[data-role=MANAGER]{color:var(--accent)}
.staff-count{font-size:12px;color:var(--hint)}.staff-status{font-size:12px;color:var(--hint);min-height:20px;margin:8px 0}.staff-status[data-error=true]{color:#bf3939}
.staff-editor{width:min(520px,calc(100vw - 24px));max-height:85dvh;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--text);box-sizing:border-box;overflow-y:auto;z-index:100}
.staff-editor::backdrop{background:#0008}.staff-editor header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line)}
.staff-editor h2{font-size:18px;margin:0}.staff-editor header button{border:0;background:transparent;color:var(--text);font-size:25px;padding:0 7px}
.staff-editor form{padding:14px}.staff-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-fields label{display:grid;gap:5px;font-size:12px}.staff-fields .wide{grid-column:1/-1}
.staff-fields input,.staff-fields select,.staff-fields textarea{box-sizing:border-box;width:100%;min-width:0;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);padding:7px;font:inherit;font-size:14px}
.staff-fields textarea{min-height:70px;resize:vertical}.staff-fields :disabled{opacity:.6}.staff-identity-note{font-size:11px;color:var(--hint);line-height:1.5}
.staff-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.staff-editor-actions button{min-height:37px;border:1px solid var(--line);border-radius:9px;padding:7px 17px;background:var(--soft);color:var(--accent);font-weight:800}.staff-editor-actions button[type=submit]{background:var(--accent);color:var(--accentText)}
#staffEditorStatus{font-size:12px;color:#bf3939;line-height:1.5}.staff-editor[open]{display:block}

:root[data-phs-theme=dark]{--admin-update-color:#e3adff}:root[data-phs-theme=light]{--admin-update-color:#8a3eaa}

.staff-table th:nth-child(1){width:28%}.staff-table th:nth-child(2){width:24%}.staff-table th:nth-child(3){width:18%}.staff-table th:last-child{width:46px}.staff-edit{padding:5px 6px;font-size:11px}@media(max-width:360px){.staff-table{font-size:11px}.staff-role{font-size:10.5px}}
