.member-actions { display: flex; align-items: center; gap: 18px; }
.staff-menu { position: relative; }
.staff-menu summary { display: flex; align-items: center; gap: 7px; min-height: 44px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 10px; font-size: 13px; font-weight: 600; color: var(--green); cursor: pointer; list-style: none; }
.staff-menu summary::-webkit-details-marker { display: none; }
.staff-menu summary::after { content: '▾'; font-size: 11px; }
.staff-menu-links { position: absolute; right: 0; top: calc(100% + 8px); width: 185px; background: var(--white); border: 1px solid var(--line); border-radius: 12px; padding: 7px; box-shadow: 0 12px 30px #0002; z-index: 20; }
.staff-menu-links a { display: block; padding: 12px; border-radius: 7px; font-size: 13px; color: var(--ink); }
.staff-menu-links a:hover { background: var(--sage); text-decoration: none; }
.code-search { display: flex; gap: 12px; max-width: 540px; margin-bottom: 25px; }
.code-search input { min-width: 0; flex: 1; border: 1px solid var(--line); border-radius: 10px; background: var(--white); color: var(--ink); padding: 10px 14px; }
.staff-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 15px; background: var(--white); }
.staff-table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 13px; }
.staff-table th, .staff-table td { text-align: left; padding: 17px 20px; border-bottom: 1px solid var(--line); }
.staff-table th { background: var(--sage); font-weight: 600; }
.staff-table tr:last-child td { border-bottom: 0; }
.staff-table small { display: block; color: var(--muted); margin-top: 4px; }
.code-guidance li { margin-bottom: 16px; color: var(--muted); font-size: 14px; }
.account-code { margin-top: 28px; padding-top: 25px; border-top: 1px solid var(--line); }
.account-code p { color: var(--muted); font-size: 13px; }
.code-active { padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--sage); margin-bottom: 18px; }
.code-active strong { display: block; margin-bottom: 5px; }
.code-active p { margin-bottom: 0; }
@media (max-width: 1100px) { .member-actions { gap: 8px; } .member-actions .profile-name { display: none; } .signed-in .header-inner { gap: 12px; } }
@media (max-width: 760px) { .staff-menu summary { padding: 8px; font-size: 12px; } .staff-menu-links { right: -35px; } }