#staff-access-dialog{box-sizing:border-box;inset:20px;margin:auto;width:calc(100% - 40px);max-width:1200px;max-height:calc(100dvh - 40px);padding:28px;border:1px solid var(--color-border-secondary,#555);border-radius:16px;background:var(--color-background-primary,#17191c);color:var(--color-text-primary,#f6f2e9);font:inherit}
#staff-access-dialog::backdrop{background:#0009}
#staff-access-dialog *{box-sizing:border-box}
#staff-access-dialog h2,#staff-access-dialog h3,#staff-access-dialog h4{margin:0 0 8px;color:inherit}
#staff-access-dialog p{line-height:1.5;margin:8px 0 16px}
#staff-access-dialog label{display:block;line-height:1.5;min-width:0}
#staff-access-dialog input:not([type=checkbox]),#staff-access-dialog textarea,#staff-access-dialog select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #8888;border-radius:8px;background:var(--color-background-secondary,#202328);color:inherit;font:inherit;min-width:0}
#staff-access-dialog input[type=checkbox]{accent-color:#eab308;inline-size:20px;block-size:20px;flex:none;margin:0}
#staff-access-dialog button{flex:none;font:inherit;font-weight:600;padding:12px 18px;border:1px solid #b58500;background:#eab308;color:#17191c;border-radius:8px;cursor:pointer}
#staff-access-dialog button.staff-secondary{background:transparent;border-color:#8887;color:inherit}
#staff-access-dialog button:disabled{opacity:.45;cursor:default}
#staff-access-dialog button:focus-visible,#staff-access-dialog summary:focus-visible{outline:3px solid #ff9a53;outline-offset:3px}
#staff-access-dialog summary{cursor:pointer;font-weight:650;padding:12px 0;line-height:1.5;overflow-wrap:anywhere}
#staff-access-dialog .staff-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
#staff-access-dialog .staff-intro{max-width:850px}
#staff-access-dialog .staff-invite{border:1px solid #8885;border-radius:12px;padding:8px 20px;margin:24px 0}
#staff-access-dialog .staff-search{max-width:650px;margin:24px 0 12px}
#staff-access-dialog .staff-person{border:1px solid #8885;background:var(--color-background-secondary,#202328);border-radius:14px;padding:24px;margin-bottom:20px}
#staff-access-dialog .staff-identity{overflow-wrap:anywhere}
#staff-access-dialog .staff-identity h3{font-size:1.35rem}
#staff-access-dialog .staff-identity p{margin:4px 0}
#staff-access-dialog .staff-note{font-size:.92em;opacity:.8}
#staff-access-dialog .staff-account-state{font-size:.95em;font-weight:600}
#staff-access-dialog .staff-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:end;margin:16px 0 24px}
#staff-access-dialog .staff-grid [role=status]{grid-column:1/-1;margin:0}
#staff-access-dialog .staff-tabs,#staff-access-dialog .staff-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 24px}
#staff-access-dialog .staff-tabs button[aria-pressed=true]{border-color:#eab308;background:#eab30822}
#staff-access-dialog .staff-content{padding-top:8px;border-top:1px solid #8885}
#staff-access-dialog .staff-service-form{border:1px solid #8886;border-radius:12px;padding:20px;margin:24px 0}
#staff-access-dialog .staff-checks{padding:16px;border:1px solid #8886;border-radius:8px;margin:20px 0;display:flex;gap:18px;flex-wrap:wrap}
#staff-access-dialog .staff-checks label{display:flex;align-items:center;gap:10px}
#staff-access-dialog .staff-availability-status{font-weight:700;color:var(--color-text-primary,inherit)}
#staff-access-dialog .staff-warning{border-left:4px solid #ff9a53;padding:12px;background:#ff9a5315}
#staff-access-dialog a{color:inherit;text-decoration:underline}
@media(max-width:700px){#staff-access-dialog{padding:16px;inset:10px;width:calc(100% - 20px)}#staff-access-dialog .staff-grid{grid-template-columns:1fr}#staff-access-dialog .staff-person,#staff-access-dialog .staff-service-form{padding:16px}#staff-access-dialog .staff-tabs{gap:8px}#staff-access-dialog .staff-tabs button{flex:1;padding:10px}#staff-access-dialog .staff-actions{align-items:stretch;flex-direction:column}}
